动画三驾马车文本（a-frame，8thwall）-解网

问：

我一直在尝试在 8thwall a-frame 项目上对文本不透明度进行动画处理。我正在使用 troika-text。我希望文本在“延迟：2500”之后消失，但它没有。

<a-entity
  position="0 0 -5"
  troika-text-custom="color: white"
  troika-text-material="shader: standard; 
                        metalness: 0.7"
  animation="property: opacity; from:1; to:0; loop:false; delay: 2500; dur: 3000">
</a-entity>

动画 Aframe 8thWall-XR

<script src="https://aframe.io/releases/1.4.1/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-troika-text/dist/aframe-troika-text.min.js"></script>
<a-scene>
  <a-entity position="0 1.5 -2" 
            troika-text="value: Hello world!; color: green"
            animation="property: troika-text.fillOpacity; from:1; to:0; delay: 350; loop:true; dir: alternate; dur: 1000">
  </a-entity>
    
  <a-troika-text position="0 1 -2"
                 value="Hello world!" 
                 fill-opacity="0.25"
                 color="blue"
                 animation="property: fill-opacity; from:1; to:0; loop:true; dir: alternate; dur: 1000">
  </a-troika-text>
</a-scene>

上一个：Javascript 中的文本动画无法正常工作

下一个：如何使用 Aframe 和 JavaScript 创建切割和拼接函数来操作手术项目中人的 glb 或 gltf 对象 [已关闭]

动画三驾马车文本（a-frame，8thwall）

Animate troika-text (a-frame, 8thwall)

评论