5ebf1e4f-6765-56f3-be42-6dd4a4081b78__i18n_ja_jp:d4iGoW1sBVoVWhMgZMFiJR

2D アニメーションパッケージを使ったスプライトのアニメーション

まとめ

Unity の Skinning エディターでスプライトをリギングした後、アニメーションさせる手順は、Unity の他のアニメーション可能なプロパティをアニメーションさせる手順と同じです。

Games

Unity の Skinning エディターでスプライトをリギングした後、アニメーションさせる手順は、Unity の他のアニメーション可能なプロパティでアニメーションさせる手順と同じです。

アニメーションさせたいリグスプライトを Hierarchy ビューにドラッグすると、スプライトが割り当てられた SpriteRenderer 付きのゲームオブジェクトが自動的に作成されます。

この新しいゲームオブジェクトをヒエラルキーで選択した状態で、Ctrl + 6（Mac では Command + 6）を押すか、Window のドロップダウンから Animation > Animation と選択します (画像 02)。

Create をクリックすると、アニメーションクリップが作成されます (画像 03)。名前をつけて、Save をクリックします。初めてゲームオブジェクトのアニメーションクリップを作成したときには、現在選択されているゲームオブジェクトの名前が付いたアニメーターコントローラーが自動的に作成され、割り当てられます。 

少なくとも 1 つのアニメーション クリップを作成したら、Animation ウィンドウの左上隅にある現在のクリップの名前をクリックし、Create New Clip を選択することで、さらにアニメーションクリップを作成することができます (画像 04) 。

「Create New Animation file」ダイアログで、新規アニメーションクリップの保存場所と名前を決め、Save をクリックします。

アニメーションを開始する前に、たとえアニメーションをする予定がなくても、フレーム 0:00 にすべてのボーンの位置と回転をデフォルトのポーズでキーフレームすることをお勧めします。これは、後でボーンを動かしたり回転させたりしたときの問題を防ぐためです。キーフレームを保存するには、レコードモードを有効にする必要があります。Animation ウィンドウの左上にあるレコードボタン（赤色の丸）をクリックして、キーフレームの記録を有効にします (画像 05)。

キーフレームレコードモードを有効にした状態で、Alt を押しながら、Hierarchy 内のゲームオブジェクトの左にある三角マークをクリックします。これで自動的に階層全体が展開されます (画像 06) 。

Root のボーンをクリックし、Shift を押しながら最後のボーンをクリックします (画像 07) 

すべてのボーンを選択した状態で、Inspector の Transform セクションで Position を右クリックし、Add Key を選択します (画像 08)。Rotation (回転) についても同様です。Inspector では、Transform と Position (位置) の線が赤く染まり、変更がキーフレームとして記録されていることを示します 
(画像 09) 。

この時点で、アニメーションを開始する準備が整いました。アニメーションのポーズや回転の極端な部分にキーフレームを設定し、必要に応じて中間のキーフレームを追加および調整しながら作業を進めていくとよいでしょう。現在のアニメーションフレームを変更するには、タイムスライダーをドラッグします (画像 10) 。

Hierarchy の中で、移動または回転させたいボーンを選択します。ボーンの位置や回転を変更すると、対応するプロパティにキーフレームが生成されます (画像 11) 

初期設定が完了すると、Unity のアニメーションはほぼ自動的に行われます。 

画像 01：Plunkah、動くための準備完了

画像 02：Animation メニュー

画像 11：フレーム18 での bn_bod_01 の回転の変化は、自動的にキーフレームとして記録されています。

画像 03：Create をクリックすると、最初のアニメーションクリップが作成されます。

画像 04：「Create New Clip」を選択

画像 05：レコードモードが有効になると、レコードボタンの上に赤い色が表示されます。

画像 06：Plunkah の全ボーンの階層

画像 07：ボーンの表示

画像 08：Add Key を選択して Position と Rotation のキーフレームを開始する

画像 09：Position と Rotation のフィールドが赤色になっているのは、変更が記録されていることを示しています。

画像 10：タイムスライダーを動かすと、それまでに記録されたアニメーションが Scene ビューで再生されます。これは、アニメーションを「ペンシルテスト」するのに便利な機能です。

本チュートリアルでは、Unity の Skinning エディターを使って、リグとスキンを作成した後にスプライトをアニメーションさせる方法を学びました。リグやスキンを施したスプライトのアニメーションは、Unity 内の他のオブジェクトのアニメーションと同様です。本チュートリアルでは、Unity の Skinning エディターを使って、リグとスキンを作成した後にスプライトをアニメーションさせる方法を学びました。リグやスキンを施したスプライトのアニメーション化は、Unity 内の他のオブジェクトのアニメーション化とまったく同じです。

2D アニメーションパッケージを使ったスプライトのアニメーション

1. 2D アニメーションパッケージを使ったスプライトのアニメーション

2. まとめ

Complete this tutorial