three.js は skeletal animation (ボーンやリグ)を持った 3D モデルを読み込み、再生することができます。3D モデルを three.js 用に書き出すため一番いいツールは Blender です。 Blender 上でボーンとアニメーションをつけていきます。Dope Sheet を使って、アニメーションを複数持たせると、three.js 上でも異なる複数のアニメーションとして利用することができます。 なお、Blender 上のボーンをつけて書きだすまでの操作は動画にしているので合わせて参考にどうぞ。 1. アニメーションを Bake するFK のみでアニメーションをさせている場合には、この設定は必要ありません。 three.js 上では基本的に FK のみ対応しています。IK や物理演算による自動計算には対応していません。そのため、FK 以外で動かしているボーン
![three.js 用にボーンアニメを持つ 3D モデルを書き出すために | Yomotsu net](https://cdn-ak-scissors.b.st-hatena.com/image/square/d4624047e19481b1979d0eccc889f1f299ec2d55/height=288;version=1;width=512/https%3A%2F%2Fyomotsu.net%2Fassets%2Fimg%2Fog-image.png)