three.js 光的介绍（05）

前言：光的介绍

一、光源

3d渲染效果的真实性，使用光源是必不可少的技巧。

1.1 光源基类

• 在Three.js中，光源用Light表示，它是所有光源的基类。
• 构造函数：THREE.Light(color)
  • 参数color接收一个16进制的颜色值。
• 定义一个光源：

var redLight = new THREE.Light(0xff0000); //定义红光

1.1.1 光源的种类

1. 环境光：THREE.AmbientLight()
2. 点光源：THREE.PointLight()
3. 聚光灯：THREE.SpotLight()
4. 区域光：THREE.AreaLight()
5. 方向光：THREE.DirectionLight()

1.2 环境光

环境光是经过多次反射而来的光，无法确定其最初的方向。

• 环境光是一种无处不在的光。
• 环境光源放出来的光线被认为来自任何方向。
• 当仅为场景指定环境光时，所有的物体无论法向量如何，都将表现为同样的明暗程度。
• 构造函数：THREE.AmbientLight(color),接收一个16进制的颜色值作为光源的颜色。
• 环境光将照射场景中的所有物体，让物体显示出某种颜色。

var light = new THREE.AmbientLight(0xff0000);
scene.add(light);