Three.js - 光源使用详解3（环境光 HemisphereLight、镜头光晕 LensFlare）

五、THREE.HemisphereLight（环境光）

1，基本介绍

• 使用 THREE.HemisphereLight 可以创建更加贴近自然的户外光照效果。
• THREE.HemisphereLight 不会产生阴影。

THREE.HemisphereLight 的优势：
如果不使用 THREE.HemisphereLight，要模拟户外光照，通常是创建一个 THREE.DirectionalLight 来模拟太阳光，并且可能再添加一个 THREE.AmbientLight 来为场景提供基础色。
但是，这样的光照效果看起来并不怎么自然。因为在户外，并不是所有的光源都来自上方（很多是来自大气的散射和地面以及其他物体的反射）。
THREE.HemisphereLight 光源就是为这种情形创建的。它为获得更自然的户外光照效果提供了一个简单的方式。

2，属性介绍

• color：从天空发出的光线的颜色
• groundColor：从地面发出的光线的颜色
• intensity：光源照射的强度。默认值为：1。
• position：光源在场景中的位置。默认值为：(0, 100, 0)
• visible：设为 ture（默认值），光源就会打开。设为 false，光源就会关闭。

3，使用样例

创建半球光源就像创建其他光源一样简单，只需要给它指定接收自天空的颜色，接收自地面的颜色，以及这些光线的关照强度即可。

1 2 3

var hemiLight = new THREE.HemisphereLight(0x0000ff, 0x00ff00, 0.6); hemiLight.position.set(0, 100, 0); //这个也是默认位置 scene.add(hemiLight);

4，效果图

下面左右两个场景中环境光