javascript - Three.js中的立方体重叠的平面

Question

我有几架飞机，上面有简单的纹理，下面有一个立方体。问题是当平面实际上仍然在立方体前面时，它们似乎被立方体重叠了。

示例可以在这里看到：http: //denishacquin.be/canvas3d/canvas_particles_floor.html

（使用鼠标旋转相机）

我敢肯定这一定很简单，但我是 three.js 的新手，我花了几个小时寻找答案。

提前致谢。

Answer 1

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

THREE.CubeGeometry( 100, 100, 100, 4, 1, 4 );
THREE.PlaneGeometry( 100, 100, 4, 4 );

另一种选择是切换到WebGLRenderer.

三.js r.58