three.js 中的光

Posted tazy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了three.js 中的光相关的知识,希望对你有一定的参考价值。

以下内容为 three.js 90版本的学习笔记,后续 three.js API 是否有变动我也不晓得,仅供参考

 

three.js 中的光有以下几种:

AmbientLight 环境光
DirectionalLight 平行光
HemisphereLight 半球光
PointLight 点光
RectAreaLight 矩形区域光
SpotLight 聚光

 

环境光

环境光可以照亮场景中所有的物体,但它没有方向,所以物体不会出现阴影。

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

 

平行光

半球光

点光

矩形区域光

聚光

以上是关于three.js 中的光的主要内容,如果未能解决你的问题,请参考以下文章

Three.js 之灯光

THREE.js - 大型int作为Uniform

three.js 正交相机对象拾取

带有顶点/片段着色器的光。使用不同的变量。 (openGL)

在 Three.Js 中剪裁一个体积,给出黑色区域而不是内部材质

THREE.js在不使用时暂停动画