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

Three.js - Issue to render objects using CanvasRenderer

我在使用 CanvasRenderer 渲染立方体时遇到问题,取决于相机位置,任何立方体都会丢失相同的部分并显示其他立方体的一部分,如下图所示:

在这个例子中,有两个立方体,当前面的相机没有问题时:

但是,当我更换相机时:

为了渲染,我使用了一系列材质,这是以下之一:

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

您看到的是 CanvasRenderer 的人工制品。你能做的最好的事情就是镶嵌你的几何体。例如,

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

或者更好的是,切换到 WebGLRenderer

three.js r.70