※スクリーンショットを撮り忘れたのですが、手順だけでも備忘録的にまとめておきます。


結論



問題

A-FrameでGIFを表示させる場合、aframe-gif-shaderを使うと表示できるのですが、

そのまま導入すると、GIFが一コマずつアニメーションするのでなく、全コマいっぺんに表示された状態になってしまいます。



解決策

1) A-Frame0.9.0を使う(不採用)

どうやらA-Frame0.9.0では問題なくGIFが表示されるみたいですが、他のバージョンではダメみたいです。

今回、0.9.0を使うと、他の主要ライブラリが動かないという致命的な問題があったので、この方策は取りませんでした。


2) this.__clearCanvas();を追加する(採用)

dist/aframe-gif-shader.jsをダウンロードし、L.482に this.__clearCanvas();を追加して使う(こちらのリンク先を参照)。