【Unity２D】アニメーションを作って、再生してみよう

以前の【Unity2D】２分でわかる！アニメーションの説明・知っておくべき４つのことの続きです。

実際にアニメーションを作って、作成していきます。

素材を集める

素材の集め方はさまざまあります。今回はぴぽや倉庫の炎の画像を使わせていただきます。右クリック→保存でダウンロードしてください。

横につながっていますが、切り分けるので安心してください。

【まとめ】ゲーム開発で使えるフリー素材＜キャラクター・モンスター編

Projectウィンドウに素材を追加する

これで先ほどの素材をUnityで使うようにできました。ちなみにこの時点でスプライトと呼ばれる素材データに変わります。

スプライトを切り分ける

スプライトがつながっている場合は行ってください。今回は横につながっているので、切り分ける必要があります。

このように切り分けられていればOKです。

【Fire-Animation-min_0】をSceneビューに設置する

いままのままではとても小さいですね。大きさを変更します。

大きさを調整する

Animation Clipを作成する

以前の記事【Unity2D】２分でわかる！アニメーションの説明・知っておくべき４つのことで「Animation Clip」「Animator Controller」「Animator Component」って用語が出てきましたが、実際は「Animation Clip」を作成するだけで、ほとんどの要素は完成です。

「Animation Clip」を作成するだけで、アニメーションに必要なものが作成されます。ではAnimation Clipを作成していきましょう。

Fire-Animation-min_0を選択してAnimationウィンドウを開く

こんな感じのものができていればOKです。

【Create】→【Fire】とつけて保存

これで「Fire」Animation Clipと「Fire」Animator Controllerが作成され、「Fire-Animation-min_0」にAnimator Componentをつけられ、Animator Controllerがセットされています。

次にAnimation Clipの中身を編集していきます。

Animation Clipを編集していく

２Dでのアニメーションは複数枚のスプライトをあわせて、動いているように見せることです。Animation Clipを編集することで「なん秒でなんのスプライトを表示させるか」を設定することができます。

スプライトアニメーションを作る

１秒後のスプライトを削除する理由は、１秒間のアニメーションを作成する理由がないかです。

スプライトを設置する

ここはセンスです。だんだんと火が激しくなるように設置し、最後に弱くなるようにすると、実際に燃えているようにみえます。

アニメーションを再生してみよう

これでアニメーションは完成です。普通にゲームに使ってみてください。

Animator Controllerを使えばいつどのタイピングでAnimation Clipを再生するか設定できる

「Animator Controller」を使えば、ジャンプしたときジャンプのアニメーションを再生するとか、水中にいるときに潜っているアニメーションを再生するとかを指定できます。

ただそれは１つのゲームを通して理解する方が覚えやすいので、他の記事で説明します。

最後に

基本的な流れを知っていれば、あとは応用がききます。アニメーションがあるだけで、ゲームが華やかになりますので、ゲームに使ってみてください。

以上さぎのみや（@saginomiya8）でした。