AR.jsで3Dモデル(glTF)を簡単にアニメーションさせて表示する方法

久々にAR.jsを触っていました。

3Dモデルにアニメーションをつけ、glTF形式で出力させたはいいものの、AR.jsのサンプルページには、止まっているglTFモデルの表示例しかなかったんですよね。

はて、どうやってアニメーションを再生させたらいいんだ?


解決法

A-Frameの仕様に則って、次のように、animation-mixerを追加すればOKです。

できた。拍手〜。


試してはいませんが、おそらく他の形式(fbx, dae...)の3Dモデルも、同様にA-Frameの仕様に合わせて表記することで、表示してアニメーションできるのではないかなと思います。


まとめ

AR.jsでモデルを表示する際は、基本的にA-Frameの仕様に合わせて書いていけばいいんですね。また一つ賢くなりました。