如何在three.js中显示GIF纹理？答案

【问题标题】：How to display GIF textures in three.js?如何在three.js中显示GIF纹理？
【发布时间】：2017-07-18 15:38:19
【问题描述】：

我有一个 gif 文件，我想在 three.js 中用作图像纹理。现在，当我想要渲染 gif 动画时，它会作为静止图像加载。有没有办法做到这一点？我知道 A-Frame 有一个用于 gif 纹理的自定义着色器。

【问题讨论】：

Animated GIF as texture in THREE.js的可能重复
投票关闭作为副本。不幸的是，副本也没有答案，但那是因为没有简单的解决方案。从技术上讲，javascript 代码无法访问动画 .GIF 的各个帧，因此在 three.js 中没有直接的方法来实现这一点。一种解决方法（将 gif 预处理为多个图像/一个带有偏移的大图像，离线或服务器端）似乎最实用。

【解决方案1】：

他基本上有一个很长的png来改变它的位置。

【讨论】：

【解决方案2】：

我在使用threejs 制作动画时遇到了类似的问题。所以我创建了一个简单的包来解决这个问题：https://github.com/MaciejWWojcik/three-plain-animator

我希望这能帮助到这里寻求有关threejs动画的答案的人。

当然，stemkowski 示例对创建此示例非常有帮助

【讨论】：