使用three.js旋转时停止合并3D对象

Question

我已经使用translateZ放置了3d对象。它们在暂停时看起来很好并且放在彼此的顶部/底部。但是当我旋转场景时，这些对象会合并。有人能告诉我如何摆脱这个问题吗？

黑色块位于棕色顶部，但是当我旋转物体时，位置会受到干扰。

Answer 1

我发现模型中有大面孔，我认为这是一个z缓冲问题。 尝试对数深度缓冲区，看看发生了什么：

var renderer = new THREE.WebGLRenderer({logarithmicDepthBuffer: true});