IMG tag Light effekttel
Ez a script a bngszbe gyazott effektek kzl a light effekttel operl. Ennek hatsra azon <IMG> tagok, amik id-ja spotlight (<img src="spider.jpg" id="spotlight">), teljesen elfeketednek, majd ha az egr fljk megy, egy 'fejfnnyel' megvilgtdnak. Nzzk hogy is rjk el ezt.
Mkdsrl rviden:
A <BODY> onLoad()-ja akkor hvdik meg, mikor az egsz oldal teljesen betltdtt. Ekkor meghvja a InitLights() fggvnyt, ami vgiggmegy az sszes spotlight "id"-ju objektumon, eltrolja azok aktulis x, y pozicijt, majd az objektum kzeppontjra kitesz egy elmozdthat fnyforrst a addPoint() fggvnnyel. Miutn ezekkel vgzett, rkti az onMouseMove() esemnykezelre a move()-ot, a onScroll()-ra meg a scroll()-t, amik ezltal mindig meghdnak majd, ha az egr megmozdul, ill. ha scrollozunk egyett az ablakon.
A scroll() semmi mst nem csinl, mint meghvja a slidelight() fggvnyt annyiszor, amennyi spotlight "id"-ju objektum van, egyesvel nvekv bemeneti paramterrel.
A move() ugyanezt csinlja, csak a fggvnyhvs eltt eltrolja az egr aktulis pozicijt.
s vgl a slidelight() fggvny annyit tesz mindssze, hogy kiszmolja, hogy mennyit scrolloztunk le/fel az ablakban, majd ezzel az rtkkel modsitva az elzleg a move() ltal eltrolt x, y koordintkat, meghvja a MoveLight()-ot, ami fnyforrs helyt tja.
Rvid leirs a Light filter tagfggvnyeirl:
AddAmbient
Egyszer fnyforrs ltrehozsra szolgl. Az gy ltrehozott fnyforrs nem mozdthat.
szintaxis:
object.filters.Light.AddAmbient(R,G,B,I);
- R - (0-255) a piros sszetev az RGB hrmasbl.
- G - (0-255) a zld sszetev az RGB hrmasbl.
- B - (0-255) a kk sszetev az RGB hrmasbl.
- I - (0-100) a fny intenzitsa
AddCone
Egy olyan fforrst hoz ltre, ami leginkbb egy kpra hasonlt. Teht egy pontbl indl ki, s a paramterlistban megadott szgnek megfelelen (ami a kp cscsszgnek felel meg) szrdik a fny. Mind az alap-, mind a kzpvonal koordintja elmozdthat.
szintaxis:
object.filters.Light.AddCone(x1,y1,z1,x2,y2,R,G,B,I,S);
- x1,y1,z1 - a fnyforrs x, y, z koordintja.
- x2,y2 - x, y koordinta, amin a 'fnykp' kzpvonala halad (z2=0).
- R - (0-255) a piros sszetev az RGB hrmasbl.
- G - (0-255) a zld sszetev az RGB hrmasbl.
- B - (0-255) a kk sszetev az RGB hrmasbl.
- I - (0-100) a fny intenzitsa.
- S - (0-90) mekkora legyen a 'kp' cscsszge (fokban megadva)
AddPoint
Ez egy elmozdhat "ambient" lmpt hoz ltre.
szintaxis:
object.filters.Light.AddPoint(x,y,z,R,G,B,I);
- x,y,z - a lmpa x, y s z koordintja, ahol az z koordinta azt adja meg, hogy a lmpa milyen magasan legyen a kp sikjtl.
- R - (0-255) a piros sszetev az RGB hrmasbl.
- G - (0-255) a zld sszetev az RGB hrmasbl.
- B - (0-255) a kk sszetev az RGB hrmasbl.
- I - (0-100) a fny intenzitsa.
ChangeStrength
Akkor kell hasznlni, ha meg akarjuk vltoztatni az elzekben mar lrehozott lmpa fnyerejt.
szintaxis:
object.filters.Light.ChangeStrength(LN,I,fA);
- LN - (0-9) az indexe a mr ltez lmpnak, aminek meg akarjuk vltoztatni a fnyerejt.
- I - (0-100) a fny intenzitsa.
- fA - (true vagy false):
- true - a fnyert lecserli az ujra.
- false - a fnyert nveli ill. cskkenti az j rtkkel, attl fggen, hogy az j rtk pozitv vagy negatv.
ChangeColor
Ha az elzekben mr lrehozott lmpa sznsszetevit szeretnnk megvltoztatni akkor hvjuk meg ezt a fggnyt.
szintaxis:
object.filters.Light.ChangeColor(LN,R,G,B,fA);
- LN - (0-9) az indexe a mr ltez lmpnak, aminek meg akarjuk vltoztatni a sznsszetevjt.
- R - (0-255) a piros sszetev az RGB hrmasbl.
- G - (0-255) a zld sszetev az RGB hrmasbl.
- B - (0-255) a kk sszetev az RGB hrmasbl.
- fA - (true vagy false):
- true - az elzleg megadott RGB-t lecserli az ujra.
- false - az elzleg megadott RGB-t nveli ill. cskkenti az j rtkkel, attl fggen, hogy az j rtk pozitv vagy negatv.
Clear
Ha ki akarunk trlni egy fforrst, akkor kell ezt hasznlni.
szintaxis:
object.filters.Light.Clear;
MoveLight
Ez a fgvny a lmpa mozgatsra val.
szintaxis:
object.filters.Light.MoveLight(LN,x,y,z,fA);
- LN - (0-9) az indexe a mr ltez lmpnak, aminek meg akarjuk vltoztatni a pozicijt
- x,y,z - az j x,y z koordintk
- fA - (true vagy false):
- true - a koordintk abszolt koordintk
- false - a koordintk relatvok (az aktulis pozicihoz kpest).
Eredmny:
Install:
Msold ki a forrskdot, s tedd a HEAD-be.
A BODY onLoad-jba ird be, hogy InitLights().
pl.: <body onload="InitLights()">
Ha mr valami a BODY onLoad-jban, akkor az InitLights()-ot rd hozz az onLoad-hoz.
pl.: <body onload="akarmi(); InitLights()">
Ezek utn, amelyik kpet meg akarsz majd vilaggttatni, annak az "id"-ja legyen spotlight.
pl.: <img src="spider.jpg" id="spotlight">
[ezen kpek teljesen el fognak feketedni!]
A forrskd:
|
AJÁNLOM AZ OLDALT
