灯光问题（使用three.js）

Question

我有一个从搅拌机中导出的简单室内场景。 它的房间的天花板上有3个球体，里面有各自的光源。 每个灯都可以独立工作，但是当我将所有灯插入场景中时，只有一个灯可以工作！ 有时适用于2，但不适用于其中三个。 这是我的灯代码：

luz_sala1 = new THREE.PointLight(0xFFFFFF,0.5, 50.0);
luz_sala1.position = new THREE.Vector3(16.14323,2.52331,13.93375);
scene.add(luz_sala1);

luz_sala2 = new THREE.PointLight(0xFFFFFF, 0.5, 50.0);
luz_sala2.position = new THREE.Vector3(27.70114,2.52331,-6.20571);
scene.add(luz_sala2);

luz_sala3 = new THREE.PointLight(0xFFFFFF, 0.5, 50.0);
luz_sala3.position = new THREE.Vector3(21.50580,3.10719,-27.82775);
scene.add(luz_sala3);

如果将距离设置为0，则效果很好，但是我需要这些灯光仅影响它们所在的区域。我也尝试使用THREE.Spotlight（0xFFFFFF，0.5,50.0，Math.PI，0）但使用同样的结果。 当它们以相同的方式共享相同的距离时，它们看起来像彼此抵消了吗？

请帮助，这非常令人困惑。

编辑：另外，我在房间的另一部分放置了一些聚光灯模型（我大约有4个），但是当我将另外4个聚光灯添加到场景中时，却出现了着色器编译错误。 搜索问题后，我看到需要在渲染器中设置maxLights属性。 我将其设置为10，但问题仍然存在，场景中的灯光不能超过4个。 我还能做些什么吗？

编辑2：这是一些图像。 作为参考，“ luz_sala1”是离电视更近的那个，“ luz_sala2”是中间的那个，而“ luz_sala3”是更远的那个。

这是上面的代码（所有3个灯），强度为0.8除外。 http://www.mediafire.com/view/?s85qr4rplhort29

这是打开2和3的（注释“ scene.add（luz_sala1）;”）： http : //www.mediafire.com/view/? 83qbbua9f8ee3b4

因此，如您所见，2个点光源可以很好地协同工作，但是3个点光源似乎可以“累加”到第一个？

Answer 1

maxLight属性没有任何作用，最有可能是由于您的硬件，驱动程序或ANGLE（将WebGL转换为Direct3D的库）不支持着色器中足够多的变化矢量-每盏灯也需要一​​个或其他东西。 这也可能是您遇到一般性问题的背景。

为了有更多的灯光，有以下三种选择：

1. 如果您让浏览器更喜欢本机OpenGL，而不是ANGLE，请尝试使用它（有关说明，请访问Google）。 但是，请确保您安装了最新的OpenGL驱动程序。
2. 实施延迟的渲染器。 这在当今的桌面世界中非常普遍，但是由于帧缓冲的限制，要在WebGL中以良好的性能实现即使不是不可能也是很棘手的。
3. 实施仅使用一些灯光的灯光管理器，禁用其余的灯光。 最简单但并非完美的方法是选择最接近相机的光源。

还值得一提的是，目前，SpotLights只是将阴影投射到一个方向的PointLights。