actionScript書きの日記

アラフォーFlashデベロッパのブログ。actionscriptやobjective-cを経て、現在はUnity、Spine、AfterEffectsがメイン。

Unityちゃん (2D)を使用して、2Dゲームを作ってみる その2

前回設定を行ったpng画像を用いて、アニメーションを作成してみる。

前回の設定によって、一枚のpngの中に複数の画像が生成されているのが確認できると思う。

f:id:goodbyegirl1974:20170328083914p:plain

上記画像は、画像3つを選択したところ。 この選択した画像を、そのまま「Hierarchy」画面にドラッグすると、選択した画像を使用したアニメーションが自動で生成される。

f:id:goodbyegirl1974:20170328084228p:plain

上記ポップアップが表示されるので、場所と名前を設定して保存する。

作成されるのは2ファイル。AnimationとAnimator Controllerが作成される。

「Hierarchy」内に生成されたprefabを選択して、Animationウィンドウを開いて確認すると、以下のように表示される。

f:id:goodbyegirl1974:20170328084905p:plain

左から右に時間軸が表示され、キーフレームが菱形で表示されているのが分かると思う。 タイムライン上をダブルクリックすれば、キーフレームを追加することができる。

表示画像を切り替えたい場合は、「Inspector」ウィンドウから設定を行う。

f:id:goodbyegirl1974:20170328085643p:plain

このようにして、時間軸に沿って表示画像を切り替えていくことでアニメーションを実装する。 パラパラ漫画の原理と思えば良い。

Adobe Animateではフレームレートはファイル内で共通の値をとるが、Unityの場合は各Animationごとにフレームレートを設定できる。

f:id:goodbyegirl1974:20170328085937p:plain

画像の赤枠内に任意の数値を設定すれば、フレームレートとして反映される。 地味だが便利な機能だ。

 

次回は、今回生成したキャラクターをキー入力で移動させてみることにする。