three.js - r61 与 r58 中出现意外的 three.js 渲染顺序

Question

下面说明了我想为两个平面几何获得的渲染顺序：

http://jsfiddle.net/Axy2F/8/

这在 r58 下工作正常，但在 r61 下，无论我如何构建场景图，红色方块都会被遮挡。我不清楚这是否是 r61 中的错误，或者我是否在 r58 中做错了事情，只是碰巧起作用了。

我是否正确假设behind.add(child)在场景图中将红色方块“置于”靛蓝方块“下方”就足够了，并因此呈现在它之上？

如果不是，那么通过控制场景图的构造（与 r61 一起使用）来建立渲染顺序的正确方法是什么？我想避免renderDepth明确设置。请注意，设置rendered.sortObjects为false没有帮助。

Answer 1

前面的物体是离相机最近的物体。作为一个孩子与它无关。

您的两个对象都有 position ( 0, 0, 0 )，因此它们与相机的距离相同。

这将导致 z-fighting，这CanvasRenderer比WebGLRenderer.

更改孩子的位置以将其呈现在前面。例如，

child.position.z = 1;

仅供参考，r.61 的决胜局规则与 r.58 不同。这就是为什么 r.61 中的渲染不同的原因。