在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。

three.js r.58