Javascript Three.js-错误的渲染输出

我的简单three.js代码有问题。该代码包含几行设置代码，并显示一些立方体。但是背景中的一些立方体显示在前景中

我忘记做什么了吗

我在上托管了代码（按shift键旋转摄影机）

任何形式的帮助都会很好

---

谢谢你

首先-你的代码中有两个渲染器，都是-

WebGL

和

Canvas

。检查一下。然后，由于您在

场景中使用
灯光
，因此仅将
颜色
设置为
材质
是不够的。所以也要检查一下。剩下的——只是玩弄灯光的价值观

请参见此示例：

希望这有帮助，Alex重复了“是”，但我尝试了这个问题的每个答案，没有更好的结果。我使用的是WebGLRender，而不是CanvasRender。在控制台窗口中键入“renderer”。您使用的是THREE.CanvasRenderer 59。请尝试使用
CanvasRenderer
，您将看到问题中描述的问题。正如@coda>所述，我使用的是WebGLRender，而不是CanvasRender。如果这取决于画布渲染器-将材质更改为基本材质，就不会有任何问题。非常感谢您的帮助！我知道有2个渲染器，但我的测试浏览器都使用WebGL渲染器。