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

【问题标题】：Three.js - Issue to render objects using CanvasRendererThree.js - 使用 CanvasRenderer 渲染对象的问题
【发布时间】：2015-03-13 06:01:14
【问题描述】：

我在使用 CanvasRenderer 渲染多维数据集时遇到问题，取决于相机位置，任何多维数据集都丢失了相同的部分并显示面向其他多维数据集的一部分，如下图所示：

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

但是，当我更换相机时：

为了渲染，我使用了一系列材质，这是其中之一：

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

【问题讨论】：

标签： three.js

【解决方案1】：

您看到的是CanvasRenderer 的工件。你能做的最好的就是镶嵌你的几何图形。例如，

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

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

three.js r.70

【讨论】：