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
3d 如何避免在相邻放置立方体以形成墙时出现伪影线_3d_Three.js - Fatal编程技术网

3d 如何避免在相邻放置立方体以形成墙时出现伪影线

3d 如何避免在相邻放置立方体以形成墙时出现伪影线,3d,three.js,3d,Three.js,我一直在用WebGL做一个小的探路者: 我通过将立方体相邻放置来建造墙壁。我看到的一个工件是立方体边界上的线条。最好的清理方法是什么 问题在于立方体的多个面共享立方体边的法线,因此在灯光下,立方体看起来好像有圆形边 要解决此问题,请从6个不同的平面创建立方体,如下所示 side1 = new THREE.PlaneGeometry(this.environment.gridCellSize,this.environment.gridCellSize); 旋转这6个平面,然后按正确的方向将它们

我一直在用WebGL做一个小的探路者:

我通过将立方体相邻放置来建造墙壁。我看到的一个工件是立方体边界上的线条。最好的清理方法是什么


问题在于立方体的多个面共享立方体边的法线,因此在灯光下,立方体看起来好像有圆形边

要解决此问题,请从6个不同的平面创建立方体,如下所示

side1 = new THREE.PlaneGeometry(this.environment.gridCellSize,this.environment.gridCellSize);
旋转这6个平面,然后按正确的方向将它们平移1/2的正确立方体尺寸

创建的立方体不是8个点,而是24个点,这样立方体的每个面在边上都有自己的法线