68008


Three.jsで、3Dキャラクターをインタラクティブに動作させてみたいのですが、  
Three.jsで動作させることが可能な3Dキャラクターは、どうやって作成するのですか？


CC BY-SA 4.0
2020-06-25T08:38:12.853
67984
2020-06-26T02:24:59.513
7886
question
three.js
Three.jsで動作させることが可能な3Dキャラクターは、どうやって作成するのですか？


3Dキャラクターは3DCG作成ソフトウェアを使って作成します。

あくまで一例ですが、個人用途では例えば[Blender](https://ja.wikipedia.org/wiki/Blender)というオープンソースソフトウェアを利用します。  
Blenderでは3Dモデルを変形や結合していわゆる『3Dキャラクター』を作成し、それをキーフレームという手法で時間単位のアニメーションを定義して動かすことができます。  
Blenderを使って作成したモデルとアニメーションは[glTF
2.0](https://ja.wikipedia.org/wiki/GlTF)というフォーマット(拡張子は`*.glb`など)で出力可能です。  
※Wikipediaには「glTF (GL Transmission Format)
はJSONによって3Dモデルやシーンを表現するフォーマットである。」と書かれていますが、Blenderから出力したファイルを開くと中身はバイナリです。  
[Blenderから出力し、モデルを単純に読み込む例](https://www.pentacreation.com/blog/2019/09/190916.html)

このglTFフォーマットのファイルをThree.jsから読み取ってJavaScriptからアニメーション操作を呼び出すことでWeb上で動作させることができます。  
[コード例](https://www.pentacreation.com/blog/2019/10/191016.html)

インタラクティブに動作させる仕組みは別のご質問[glbファイルについて](https://ja.stackoverflow.com/q/67985)もご参照ください。


CC BY-SA 4.0
2020-06-26T02:24:59.513
68008
2020-06-26T02:24:59.513
9820
67984
answer