引き続き、Unityのアニメーションの根っこの部分を説明していきます。非常に参考になりました。今回もシンプルな題材でUnityのアニメーションを試していきましょう。記事を参考に、親子関係の設定された三色のキューブを用意してください。アニメーションの編集画面を下に前回の記事を投稿した後に気がついたのですが、アニメーションの編集画面はシーンと同じWindowではなく、下のプロジェクトのほうに開いたほうが、シーン画面を見ながら操作できるので楽でした。(標準の配置の場合)というわけで、下にある欄のメニューから以下のように「アニメーション」用のタブを追加しておいてください。オブジェクトを選択し、アニメーション編集画面を「作成」ボタンをクリック。Animation」ポップアップが表示されますので、アニメーション名を設定してください。インスペクターに追加されていることを確認しておいてください。違いに注意してください。今回の対象は親子関係になっているため、以下のように親子関係を維持したまま、子供オブジェクトのプロパティも追加できる対象になっていることがわかります。Cube)のプロパティです。トランスフォームにある「回転」プロパティーを追加しましょう。長さがありますが、ちょっと短いですね。最後にあるキーフレームを選択してドラッグすることで、全体の長さを変更することができます。位置に移動させましょう。キーフレームを設定するさて、今回もキーフレームの追加から始めましょう。位置をクリックして白線を移動した後、「キーフレームを追加」ボタンをクリックします。「キーフレームを追加」ボタンでは、選択したプロパティーと白線の交点にキーフレームが追加されます。位置にもキーフレームを追加しましょう。プロパティーに対して、合計2つのキーフレームが追加されたことになります。「カーブ」モードを使用し、値の変化をグラフで変化させました。今回はより直感的に操作できる「キーフレーム収録モード」を使用してプロパティーの変更を設定してみます。Windowのなかでも目立っている録画ボタンのような、赤い丸のボタンで使用します。このモードでは、シーンやインスペクターに加えた変更がそのまま記録されます。赤い丸ボタンで、キーフレーム収録モードになります。するとタイムラインやインスペクターの該当する値などが赤く表示されます。シーンにも変更が反映されますので、3つのキューブが30度回転している状態を確認してください。シーンにも変更が反映されますので、3つのキューブがさっきとは逆に30度回転している状態を確認してください。回転動作の確認さて、これらの設定によりアニメーションはどう変化したのでしょうか?赤い丸のボタンを再度クリックしてキーフレーム収録モードを終了させ、アニメーションを再生してみましょう。3つのキューブがz軸を中心に、回転しては戻るアニメーションが確認できます。使用した「カーブ」モードで確認してみましょう。補完してくれているのがわかります。Cube)に同様のアニメーション効果を設定してみましょう。Cube)の回転を追加します。位置にキーフレームを追加します。Cubeのz軸回転を-30度に設定します。シーンにも変更が反映されますので、赤以外の2つが30度回転している状態を確認してください。Cube)のz軸回転を30度に設定します。シーンにも変更が反映されますので、赤以外の2つが逆に30度回転している状態を確認してください。これらの設定によりアニメーションはどう変化したのでしょうか?赤い丸のボタンを再度クリックしてキーフレーム収録モードを終了させ、アニメーションを再生してみましょう。今回の追加で、親である赤箱に対して、子である緑箱と青箱がより大きく回転するようになったことが確認できるとおもいます。子供の青箱にも更にアニメーションをここまできたら、青箱にも同じアニメーション効果を設定してしまいましょう。Cube)の回転を追加します。位置にキーフレームを追加します。Cubeのz軸回転を-30度に設定します。Cube)のz軸回転を30度に設定します。キーフレーム収録モードを終了させ、アニメーションを再生してみましょう。今回の追加で、親である緑箱に対して、子である青箱がより大きく回転するようになったことが確認できるとおもいます。ここまでのまとめここで、ここまでのアニメーション設定をまとめてみます。z軸回転のアニメーションを設定したその子である緑箱に、同様のアニメーションを設定した更にその子である青箱に、同様のアニメーションを設定したここで、それぞれのアニメーション設定の再生画面を見比べてみます。赤箱だけにアニメーション設定した時は、3つの箱が同じように回転していました。これにより、親の動きが子に影響を与えることがわかります。それに対して緑箱にアニメーション設定した時は、親である赤箱の動きに変化はなく、子である青箱にはその影響があらわれています。緑箱の回転がより大きいことから、緑箱は赤箱の動きと、自身の動きをあわせた動作をしていることがわかります。下位である青箱は、親の緑箱と、更にその親の赤箱の動きの影響を受けています。自身は30度しか回転していないに関わらず、親の回転も足されますので、-90度から90度のz軸回転の動作をしていることがわかるでしょうか。いうわけで、親子関係のあるオブジェクトは、親に対するアニメーション設定が、子にも影響を与えることがわかります。これは、感覚的にもわかりますよね。設定してきましたが、けっこう長い説明となってきました。スピードアップしていきましょう。選択した状態で編集メニューにある「複製」を実行します。自動的に生成されます。最近の開発環境は賢いですねぇ。開くと、「プロパティを追加」などの編集メニューが使用できないことがわかります。?アニメーションの対象が指定されていないため、アニメーションが編集できないのです。対象によって利用できるプロパティが異なりますからね。アニメーション・コントローラーを開きます。そこにドラッグ&ドロップで登録しましょう。いうアニメーション・コントローラーに登録されました。オブジェクトの間に関係が確立したわけです。「プロパティを追加」ボタンが有効になったことが確認できます。遷移が設定されていないので、このままでは実行はされません。同様に、遷移を追加しておきましょう。戻る遷移も追加しておきます。Unityのバージョンによってはアニメーションのループが最初からonになっている場合があるようなので、それぞれのアニメーションのインスペクタで、ループはoffにしておいてください。再生ここで再生を実行して、動作を確認してみましょう。内容を変更していないので、これまでと同様の動きが再生され続けるだけ、だとおもいます。修正していきましょう。