ホームページの作り方コンテンツへスキップホームページの作り方ホームページ作りは楽しいね。Tools」の紹介その2です。アドオンをインストールしていないという人はインストール編の記事も参考にしてみてください。完成予定のアニメーションは下のような感じです。2019年7月22日ユニティーちゃんライセンスで配布されているTOKOというキャラクターです。注1これを使ってアドベンチャーゲームで使われているような立ち絵風アニメーションを作ってみたいと思います。ベースとなるスプライトの準備GimpやPhotoshopなどでキャラクターの画像を読み込んで以下のような形でレイヤー構成を作ります。3レイヤー構成にしています。口パク用に別レイヤーで口を作ってみましたが、このサンプルでは口パクのアニメーションは作らないので、体のレイヤーと統合してしまっても問題ありません。※今回のサンプルは配布されているキャラクター絵をそのまま使っていますが、実際には髪の毛の後ろや手の後ろなど、アニメーションした際に見えてしまう部分は必要に応じて塗り足したり、別レイヤーにしておく必要があります。CoaTools..を実行して、レイヤー毎のPNGファイルとオフセット値が書かれたJsonファイルを出力します。続いて、エクスポートしたファイルをBlenderで読み込んでアニメーションを作成していきます。Animationのタブは表示されませんので、注意してください。Spritesをクリックして、GimpでエクスポートしたJsonファイルを読み込みます。Dataは全て選択した状態でOKします。Data問題なくインポートできていれば、次のような感じで読み込みできていると思います。Meshをクリックします。筆のようなカーソルに変わるので、使いたい部分の外側を囲むようにしてメッシュを作成します。Fillを実行します。Bodyのメッシュ編集は以上で完了です。Meshをクリックしてメインメニューに戻ります。※パーツを細かく分割している場合は他のパーツでも同じようにしてメッシュ編集してください。今回、目と口は頭ボーンに連動したアニメーションしかしないのでメッシュ編集は省略できます。Armatureをクリックして、Armatureを編集します。マウスのドラッグでボーンを描いていきます。Armatureをクリックしてメインメニューに戻ります。Positionに変更してみてください。Weightsを実行してWeightを設定します。Weightsをクリックして、Weightを手動で調整してみてください。Weightsをクリックして完了です。他のパーツ部分も同様にWeightを設定していきます。今回のサンプルでは、目と口は頭のボーンにWeightを設定してみました。Animationsの欄にある+のアイコンをクリックしてアニメーションを作成します。Animationsアニメーションの作り方は普通の3Dのアニメーションの場合と同様です。Rotation」などでキーフレームを設定の繰り返しで作成していきます。サンプルでは30フレームのアニメーションで、途中15フレームにのみキーフレームを挿入してみました。エクスポート完成したアニメーションをエクスポートします。FBXを実行してFBX形式でエクスポートします。Unityに持っていかない場合は、動画ファイルとしてレンダリングしたり、連番静止画像で出力した後にビデオ編集ソフトで動画に変換したりしてみてください。TOKOを使うのは手のパーツが体と離れた位置にあって、アニメーションで使い易かったからです。