Three.js - 使用CanvasRenderer渲染对象的问题

Question

我面临着使用CanvasRenderer渲染立方体的问题，取决于相机位置任何立方体丢失相同的部分并显示其他立方体的一部分，如下图所示：

在这个例子中，有两个立方体，当前面的摄像头没有问题时：

但是，当我改变相机时：

要渲染我使用的材质数组，这是以下之一：

  new THREE.MeshLambertMaterial({ color: 0x006600, ambient: 0xffff00, side: THREE.DoubleSide, overdraw: 0.5 }),

Answer 1

您所看到的是CanvasRenderer的工件。您可以做的最好的是细分您的几何体。例如，

var geometry = new THREE.BoxGeometry( 100, 100, 100, 4, 4, 4 );

或者更好的是，切换到WebGLRenderer。

three.js r.70