其他分享
首页 > 其他分享> > WebGL6---五彩的光源(1)

WebGL6---五彩的光源(1)

作者:互联网

1、Threejs中各种光源

      1)光源基类

            在Threejs中,光源用Light表示,它是所有光源的基类。它的构造函数是:THREE.Light(hex);

       它有一个参数hex,接受一个16进制的颜色值。如果要定义一种红色的光源,例如:

            var RedLight = new THREE.Light(0xFF0000);

      2) 有基类派生出来的其他种类的光源

           

                接下来对各种光源详细介绍:

              2.1)THREE.AmbientLight(环境光

                      环境光是经过多次反射而来的光,无法确定其最初方向;环境光是一种无处不在的光;

             当你仅为场景制定环境光时,所有的物体无论法向量如何,都将表现为同样的明暗程度;

              2.2)THREE.PointLight(点光源)

                       由这种光源放出来的光线来自同一点,且方向辐射到四面八方。例如:蜡烛放出的光,萤火虫放出的光;

                       构造函数: PointLight(color,intensity,distance);

                       ① color: 光的颜色     ②intensity: 光的强度,默认是1.0(100%强度的灯光)  ③distance:光的距离,

              从光源所在的位置,经过distance这段距离之后,光的强度从intensity衰减到0.默认情况下,这个值为0,表示光源强度不衰减;

               2.3)THREE.SpotLight(聚光灯)

                        这种光源的光线从一个锥体中射出,在被照射的物体上产生聚光的效果;使用这种光源需要指定光的射出方向以及锥体的顶角。

                        构造函数: THREE.SpotLight(hex,intensity,distance,angle,exponent);

                        ① hex:聚光灯发出的颜色,如:0xFFFFFF

                        ② intensity: 光源的强度,默认是1.0,如果为0.5,则强度是一半;

                        ③ distance : 光线的强度,从最大值衰减到0需要的距离;默认值为0,表示光不衰减;如果非0,则表示到离光源Distance时,光源强度为0;

                        ④ angle:聚光灯着色的角度,用弧度作为单位,这个角度是和光源的方向形成的角度;

                        ⑤ exponent: 光源模型中,衰减的一个参数,越大衰减越快;

             

              总结:

                    1)当没有任何光源的时候,最终的颜色将是黑色,无论材质是什么颜色;

                    2)Lamber 材质会在所有方向上均匀的散射灯光;

                       

标签:distance,光源,强度,THREE,衰减,intensity,五彩,WebGL6
来源: https://www.cnblogs.com/sunqq/p/10412981.html