質問: Three.jsで、3Dキャラクターをインタラクティブに動作させてみたいのですが、 Three.jsで動作させることが可能な3Dキャラクターは、どうやって作成するのですか?
回答: 3Dキャラクターは3DCG作成ソフトウェアを使って作成します。 あくまで一例ですが、個人用途では例えばBlenderというオープンソースソフトウェアを利用します。 Blenderでは3Dモデルを変形や結合していわゆる『3Dキャラクター』を作成し、それをキーフレームという手法で時間単位のアニメーションを定義して動かすことができます。 Blenderを使って作成したモデルとアニメーションはglTF 2.0というフォーマット(拡張子は`*.glb`など)で出力可能です。 ※Wikipediaには「glTF (GL Transmission Format) はJSONによって3Dモデルやシーンを表現するフォーマットである。」と書かれていますが、Blenderから出力したファイルを開くと中身はバイナリです。 Blenderから出力し、モデルを単純に読み込む例 このglTFフォーマットのファイルをThree.jsから読み取ってJavaScriptからアニメーション操作を呼び出すことでWeb上で動作させることができます。 コード例 インタラクティブに動作させる仕組みは別のご質問glbファイルについてもご参照ください。