如何在 Aframe（故障）中的平面上加载 gif（具有透明度）？答案

【问题标题】：How to load a gif (with transparency) on a plane in Aframe (glitch)?如何在 Aframe（故障）中的平面上加载 gif（具有透明度）？
【发布时间】：2019-09-21 10:18:16
【问题描述】：

大家好，我是 Aframe 的新手，正在尝试在空间网络环境中设置一大堆 gif。

在飞机上加载 gif 有点卡住了。

我已经通过 Aframe 的 assets 文件夹加载了图像（故障），目前它看起来像这样：

   <a-assets>

    <img id="dance" src="https://cdn.glitch.com/89b3ce36-3eac-4bb0-865c-585a7fe58409%2Fdance.gif?1556817051483.gif"  >

  </a-assets>

  <a-plane src="#dance" position="5 3 -5" transparent="true" ></a-plane>

现在 gif 显示出来了，但它是静态的。我怎样才能让它开始播放？

【问题讨论】：

标签： html gif aframe webvr

【解决方案1】：

A-Frame 默认不支持 GIF。您需要使用第三方组件来渲染 GIF：https://github.com/mayognaise/aframe-gif-shader

【讨论】：

我尝试了具有透明背景的 gif，但不知何故，这些帧都重叠而不是一一显示。（非透明 gif 加载正常，您可以在这里看到：franks.glitch.me）关于如何解决这个问题的任何想法？ :)
嗨@Marijn，我做了一些测试，发现aframe-gif-shader 在aframe v 0.9.0 上工作正常......不幸的是，在1.0.x 上它没有。如果你找到了解决方案，你分享会很棒:) 问候