当透明的a-sphere覆盖时，a-text消失

Question

见下图。请原谅，如果这是显而易见的我不知道 - 我是A-frame的新手，在任何地方都找不到任何相关内容。

基本上，当我在文本实体前面传递半透明球体时，文本消失。这太过分了。

这是我的代码：

<a-scene>
    <a-entity camera look-controls>
      <a-entity id="wand" position="0 -4 -4">
        <a-torus position="0 3.75 0" radius="1.25" radius-tubular=".02" segments-tubular="50" color="#ff5555">
            <a-sphere scale="1.25 .2 1.25" rotation="0 90 90" material="side: double; color: #ffffff; transparent: true; opacity: 0.2"></a-sphere>
        </a-torus>
        <a-box position="0 0 0" height="5" depth=".1" width=".2" color="#ff5555"></a-box>
      </a-entity>
    </a-entity>
    <a-text value="HELLO" position="0 0 -4" geometry="primitive:plane"></a-text>
    <a-sky color="#87cefa"></a-sky>
</a-scene>
</body>

Answer 1

默认情况下，对象按照添加到场景的顺序进行渲染。交换HTML中定义的球体和文本的顺序