混淆了Three.js中照明的工作原理

Question

所以在尝试了许多事情之后似乎没有任何作用。我检查了关于灯光的文档，它只是失败了。为什么即使我没有添加任何灯光，我怎么能看到我的物体？我想这可能是原因。我不完全确定。我设法建立了一个基本几何体的基本场景。

我希望场景很暗，并为球体添加一些聚光灯。

http://jsfiddle.net/3dnx7L3m/4/

再次添加一些聚光灯不会产生任何光线。也许我需要在设置聚光灯之前设置环境光。

var light = new THREE.PointLight( 0xff0000, 1, 100 );
light.position.set( 50, 50, 50 );
scene.add(light);

如何使画布变暗并设置灯光，如文档中所示？

Answer 1

MeshBasicMaterial不适合您，因为它不会考虑照明。将其更改为MeshLambertMaterial或MeshPhongMaterial：

http://jsfiddle.net/3dnx7L3m/7/