Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Three.js中被立方体重叠的平面_Javascript_Three.js_Webgl - Fatal编程技术网

Javascript 在Three.js中被立方体重叠的平面

Javascript 在Three.js中被立方体重叠的平面,javascript,three.js,webgl,Javascript,Three.js,Webgl,我有几个平面,上面有一个简单的纹理,下面有一个立方体。问题是,当平面实际上仍在立方体前面时,它们似乎被立方体重叠了 示例如下所示: (使用鼠标旋转摄影机) 我相信这一定很简单,但我对three.js是新手,我花了几个小时寻找答案 提前感谢。您看到的是画布渲染器的一个工件。您所能做的最好的事情就是细分几何体。比如说, THREE.CubeGeometry( 100, 100, 100, 4, 1, 4 ); THREE.PlaneGeometry( 100, 100, 4, 4 ); 另一种选

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

示例如下所示:

(使用鼠标旋转摄影机)

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


提前感谢。

您看到的是
画布渲染器的一个工件。您所能做的最好的事情就是细分几何体。比如说,

THREE.CubeGeometry( 100, 100, 100, 4, 1, 4 );
THREE.PlaneGeometry( 100, 100, 4, 4 );
另一种选择是切换到
WebGLRenderer


three.js r.58

欢迎来到SO。来,坐火车。请发布一些代码。非常感谢你的回答,tesselating很有效,但我不得不增加多边形的数量来修复工件,这太糟糕了。然后我将切换到WebGLRenderer。