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

标签 javascript three.js webgl

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

示例可以在这里看到: 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

三.js r.58

关于javascript - Three.js 中的平面与立方体重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17429208/

相关文章:

html - 带 a 框架的 Ar.js : user controls where the ar object appears?

javascript - 在 webGL 中渲染 NURBS 表面

three.js - 与平面相交的任意网格(在 THREEJS 中)

javascript - 强制 Sprite 对象始终位于 THREE.js 中的天穹对象前面

javascript - 围绕自身旋转 3D 球体 - webGL

javascript - 这是WebSocket的正常使用还是低级的使用?

javascript - 迭代动态的嵌套对象

javascript - AJAX 发送数据到 Node.js 服务器

javascript - 有没有办法覆盖浏览器在页面加载时默认的滚动到哈希行为?

javascript - "THREE.NearestFilter"或"THREE.LinearFilter"导致黑色平面