optimization - three.js: レンダリング順序を制御する方法

Question

three.jsを使用しています

レンダリングの順序を制御するにはどうすればよいですか? 3 つの平面ジオメトリがあり、空間位置に関係なく特定の順序でレンダリングしたいとします。

ありがとう

Answer 1

設定できます

renderer.sortObjects = false;

オブジェクトは、シーンに追加された順序でレンダリングされます。

sortObjectsまたは、デフォルトのままにしてtrue、オブジェクトごとに の値を指定することもできますobject.renderOrder。

詳細については、Threejs の透過オブジェクトを参照してください。

もう 1 つできることは、ここで説明されているアプローチを使用することです: Threejs でオブジェクトの zOrder を変更する方法は?

three.js r.71

Answer 2

threejs r70 以降では、renderDepth が削除されます。