今回は、Blenderでモデリング、アニメーションをつけて、JSON形式で書き出して、three.jsでJSONデータを読み込んで、モーフィングアニメーションを再現する流れを、ざっくりと説明出来ればと思います。 ソースコードは、以下よりダウンロード頂けます。 ソースコード モデリングとアニメーションの作成にBlenderを使っています。Blenderはオープンソース(無償)の3DCG制作ツール で、現時点での最新バージョンは2.72bになります。3DCG制作ツールはMayaや3dsMaxやLightwave3D等、高機能なプロ用ソフトが多くありますが、どれもそれなりの価格になります。Webコンテンツでの利用においては、レンダリングはあくまでブラウザ上なので、使う機能と言えば、せいぜいモデリングとアニメーション程度になり、高価で高機能な3DCG制作ツールは、オーバースペックだと思います。Bl
![Blenderとthree.jsを使って行うモーフィングアニメーション | KnockKnock](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1da149b301aabd5db963d5361f8591cbe4ded30/height=288;version=1;width=512/http%3A%2F%2Fwww.knockknock.jp%2Fwp-content%2Fuploads%2F2015%2F01%2F20150108_img.jpg)