具有透明圖像的A幀光標具有錯誤的繪制順序

Question

我有一個透明的圖像光標，即一個相機的孩子的圖像。

<a-camera>
    <a-image position="0 0 -1" width="0.2" height="0.2" transparent="true" src="image.png">
</a-camera>

我很難讓它出現在其他透明圖像（如恐龍）之上。 我看到奇怪的文物：

如果與material="depthTest: false;" 它出現在其他透明圖像后面：

StackOverflow上有很多關於Three.js透明度的材料，但不屬於A-Frame。 我確實嘗試在各種對象上使用renderOrder屬性而沒有運氣。

我怎么解決這個問題？

相關代碼：

https://codepen.io/OpherV/pen/oBqgBa?editors=1000

Answer 1

事實證明， sortObjects被A-Frame 明確地改為 false，即使在ThreeJS中它默認是真的。 我不知道為什么，因為這沒有在任何地方記錄。

需要一段時間才能找到它，但知道這個解決方案非常簡單：

document.querySelector('a-scene').renderer.sortObjects = true;