THREE.js では、軸外の OrthographicCamera を通して立方体のグリッドを表示すると、カメラが十分に回転してオブジェクトが互いに遮られるようになると、オブジェクトのレンダリング順序が空間内の位置に基づいていないように見えます。むしろ、それらが作成された順序です。
設定しようとしましTHREE.WebGLRenderer( { antialias: true, sortObjects: false } );たが、問題に対処していないようです。
これは、この奇妙なエッシャー風の効果を確認するためのアニメーション フィドルです: http://jsfiddle.net/rfbvdmxn/2/
オブジェクトが重なり合う直前のシーンは次のとおりです。
カメラを同じ方向に回転し続け、オブジェクトが重なり合うと、(カメラの視点から見て) 一番後ろのオブジェクトが一番前のオブジェクトを遮ってしまうことがわかります。
ここで何が起こっているのか、さらに重要なことに、これを修正するにはどうすればよいですか?