转载请注明出处-中国设计秀-cnwebshow.com
至此,按F12就可看到奇妙的效果了,不难吧! 我们不但要知其然,还要知其所以然,本例中很关键的是这句程序代码:lightsy.filters[0].addcone(380,- 20,5,100,100,255,255,0,40,25);括号中的数值是可以修改的,通过设置不同的值可以获得各种各样的灯光效果,那么这些数值参 数代表什么意思呢?
第一个参数:光源的X坐标;第二个参数:光源的Y坐标;第三个参数:光源离开页面的高度;第四至第六个参数:光源的颜色;第七个参数:光源光的色相;第八个参数:光源的形状;第九个参数:光源的光的强度 ;第十个参数:光源光散开的范围。
一个光源不够,怎么办?你可以增加任意个光源。方法也很简单,就是在“setlights1 "函数中再增加几句lightsy.filters[0].addcone(380,-20,5,100,100,255,255,0,40,25)代码 ,不要忘记把参数改动一下,不然的话,光源都有在同一个位置可就看不出效果了。
上面只是用Javascript调用了Light滤镜的“addcone"(加入锥形光源)和“movelight"(移动光源)方法。Light滤镜还有一些方法,介绍如下:
addambient : 加入包围的光源;
addpoint : 加入点光源;
changcolor :改变光的颜色;
changestrength:改变光源的强度;
clear : 清除所有光源。