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

Planes overlapped by cube in Three.js

本文关键字:重叠 平面 立方体 js Three      更新时间:2023-09-26

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

示例如下:http://denishacquin.be/canvas3d/canvas_particles_floor.html

(使用鼠标旋转相机)

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

提前谢谢。

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

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

另一种选择是切换到WebGLRenderer

three.js r.58