THREE.JS中常用的4种光源

总序

如果没有光源，就不可能看到任何渲染结果。

• AmbientLight: 环境光，基础光源，它的颜色会被加载到整个场景和所有对象的当前颜色上。
• PointLight：点光源，朝着所有方向都发射光线
• SpotLight ：聚光灯光源：类型台灯，天花板上的吊灯，手电筒等
• DirectionalLight：方向光，又称无限光，从这个发出的光源可以看做是平行光.

AmbientLight=>影响整个场景的光源

注意点：

• 影响整个场景
• 没有特定的来源
• 不会影响阴影的生成

• 不能作为场景中唯一的光源，否则如下图1所示

  

如果往其中添加SpotLight光源的如图2(因为使用了聚光灯光源才能照亮物体并产生了阴影)

属性

对于环境光的设置只需要设置颜色即可

结论======>环境光使用的主要目的是弱化阴影或添加一些颜色。

Code

....
....
        // 创建一个方块
        var cubeGeometry = new THREE.BoxGeometry(4, 4, 4);
        var cubeMaterial = new THREE.MeshLambertMaterial({color: 0xff0000});
        var cube = new THREE.Mesh(cubeGeometry, cubeMaterial);
....
....