【React】react-three-fibarで3D表現をする（Mixamoを使ったアニメーションモデル） - Qiita概要 Three.jsのReact用ライブラリ react-three-fibar を使用して、Adobe Mixamoからダウンロードしたモデルをブラウザ上で表示する方法をまとめました。 https://nemutas-mixamo-animation.web.app/ 着想は公式デモから得ていますが、少し作りを変えています。 デモでは、ひとつのモデルファイルに3Dモデルと複数のアニメーションをまとめて、それをインポートしています。 ただこの方法だと、MixamoからダウンロードしたデータをBlenderなりで統合する手間がかかります。この手間は、アニメーションを後から追加したり3Dモデルを変更する場合も発生します。 そこで、実装におけるコンセプトとして、 にします。 環境 react － 17.0.2 typescript － 4.4.3 three － 0.132.2 react-t
React Three Fiber Character Animation
