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
我在使用 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