【Unity7】アニメーションを作りたい！【2Dローグライク2】

Unity5.0.0f4 Personal(2015年5月)

前回の続きです〜

今回はプレイヤーと敵キャラのアニメーションを作り、プレファブ化するところまでいきます〜

 【目標】アニメーションを完成させる

 

2D Roguelike 2 of 14 : Animations - YouTube

 

 【課題１】プレイヤーのアニメーションを完成させる

まずはプレイヤーアニメーションから作っていきます〜HierarchyビューからCreate>Create Emptyを選択し、名前をPlayerにして下さい〜

 

空オブジェクト作成

 

名前はPlayer

 

続いてProjectビューのSpritesフォルダに入っているScavenger_SpriteSheetを見て下さい〜たくさんの画像が1枚のシートになっていますが、既にスライスされているためそのまま利用します〜シートの0〜5を選択し、Playerオブジェクトへドラッグ＆ドロップして下さい〜

 

ドラッグ＆ドロップ！

 

するとアニメーションを保存するウィンドウが開くので、名前をPlayerIdle、保存場所をAnimations>Animationsで保存しましょう〜

 

PlayerIdleアニメーション保存

 

※※※Unity5.1.0までのバージョンではSprite画像をドラッグ＆ドロップした時に名前を付けて保存することができましたが、Unity5.1.1からは自動的にSprite画像の名前を付けて保存されるようになりました※※※

 

保存したAnimations>Animationフォルダを見て下さい〜PlayerIdleアニメーションが保存されていますが、もうひとつPlayerという名前のファイルがあります〜これはAnimatorControllerといって、アニメーションの切替を行うためのファイルです〜こちらはAnimatorControllersフォルダへ移動しておきましょう！

 

AnimatorControllerを移動

 

同じ要領で、PlayerChopとPlayerHitのアニメーションも作ります〜

 

PlayerChopはシートの40,41PlayerHitはシートの46,47を使います〜

 

AnimationsフォルダにPlayerChop、PlayerHitを追加で作る

 

この状態で再生してみます〜すると、アニメーションがちょっと早い感じなのが分かります〜

 

アニメーション早い

 

先ほど作成したAnimator ControllerのPlayerをダブルクリックし、Animatorビューを開いて下さい〜すると、アニメーション切替用の画面が表示されます〜

 

Animatorビューを開く

 

PlayerIdleと書かれたオレンジ色の四角をクリックしInspectorビューを見てもらうと、アニメーションの設定項目がいくつか出てきますので、Speedを1から0.5に変更して下さい〜

 

Speedを0.5に変更

 

これでちょうどいいアニメーション速度になりました〜

 

ちょうどいい

 

次にPlayerのTagやLayerを設定します〜PlayerオブジェクトのInspectorビューを見てもらって、TagをPlayerに変更します〜

 

Playerに変更

 

続いてLayerをBlockingLayerに変更します〜これは、衝突を有効にするオブジェクトには全てつけるようです〜

 

BlockingLayerに変更

 

最後にSorting LayerをUnitsに変更します〜床→アイテム→キャラクターの順番に描画する感じです〜

 

Unitsに変更

 

続いてComponentを２つ付けます〜Rigidbody2DとBoxCollider2Dです〜Rigidbody2DはIsKinematicをtrueに、BoxCollider2DはColliderのSizeをX、Y共に0.9に変更して下さい〜

 

Playerの設定

 

最後にPlayerオブジェクトをPrefabsフォルダへ入れ、元のPlayerオブジェクトは削除して下さい〜

 

ドラッグ＆ドロップ！　元のオブジェクトは削除

 

【課題２】敵キャラ１のアニメーションを完成させる

同じような感じで敵キャラも作っていきます〜Enemy1という名前の空オブジェクトを作り、

 

Spriteシートの6〜11をEnemy1オブジェクトにドラッグ＆ドロップし、

 

 

Enemy1Idleという名前をつけ、Animations>Animationsフォルダへアニメーションを保存し、保存後Enemy1のAnimatorControllerはAnimatorControllerフォルダへ移動し、

 

 

同じ要領でシート42,43をEnemy1Attackというアニメーション名で作成し、保存します〜

 

続いてTagをEnemy、LayerをBlockingLayer、SortingLayerをUnitsに変更し、RigidBody2DとBoxCollider2Dをつけて下さい〜変更箇所はRigidbody2DのIsKinematicをtrueにするだけで大丈夫です〜

 

 

うまくアニメーションされるかゲームを開始して確認してみます〜

 

 

ゲームを再生しアニメーション確認

 

ここまで進んだら、Enemy1オブジェクトをPrefabsフォルダへドラッグ＆ドロップし、Prefab化します〜今回はPrefab化後に削除はしません〜

 

 

【課題３】敵キャラ２のアニメーションを完成させる

最後にもう１匹敵キャラを作りたいと思います〜HierarchyビューのEnemy1は削除せず、名前だけEnemy2に変更します〜

 

名前をEnemy1からEnemy2へ変更

 

続いてSpriteシートの12〜17を選択し、Enemy2オブジェクトへドラッグ＆ドロップし、Enemy2Idleという名前でAnimations>Animationsフォルダへ保存して下さい〜

 

ドラッグ＆ドロップ！

 

同じくSpriteシートの44,45をEnemy2オブジェクトへドラッグ＆ドロップし、Enemy2Attackという名前でAnimations>Animationsフォルダへ保存します〜

 

さて、AnimatorControllersフォルダに入っているEnemy1をクリックし、Animatorビューを表示してみて下さい〜

 

Enemy1のAnimatorビュー

 

Enemy2IdleとEnemy2Attackは必要ないので削除して下さい〜削除方法は右クリックでDeleteか、command+deleteキーでできます〜

 

削除

 

続いてEnemy2用のAnimator Controllerを作っていきます〜AnimatorControllersフォルダを選択した状態で、ProjectビューのCreate>Animator Override Controllerを選択し、名前をEnemy2にして下さい〜

Animator Override Controllerを使うと、別のAnimatorの一部アニメーションを上書き更新して使うことができます〜

 

Animator Override Controllerを作成

 

Enemy2のAnimator Override Controllerを選択しInspectorビューに表示されたController欄へ、Enemy1のAnimator Controllerをドラッグ＆ドロップして下さい〜

 

ドラッグ＆ドロップ！

 

するとOverrideを設定する欄が表示されますので、Enemy1IdleをEnemy2Idleに、Enemy1AttackをEnemy2Attackに変更して下さい〜

 

Enemy1のアニメーションをEnemy2のアニメーションへOverride

 

次にEnemy2オブジェクトを選択し、InspectorビューのAnimatorコンポーネントを見ます〜Controllerの部分がEnemy1のままなので、先ほど作成したEnemy2 Animator Override Controllerを指定してあげます〜

 

ドラッグ＆ドロップ！

 

うまくアニメーションされるか確認します〜

 

Enemy2が再生されるか確認

 

ここまできたらEnemy2オブジェクトをPrefabsフォルダへドラッグ＆ドロップしPrefab化します〜元のEnemy2オブジェクトは削除しておいて下さい〜

 

ドラッグ＆ドロップ！　Prefab化後は元オブジェクトを削除

 

今回はここまでです〜

ありがとうございました〜

 

【Unity開発7】Unity公式チュートリアル2Dローグライクの導入【2Dローグライク1】

【Unity開発7】アニメーションを作りたい！【2Dローグライク2】

【Unity開発7】Floorやアイテムを作成したい！【2Dローグライク3】

【Unity開発7】床や敵キャラ、アイテム等を自動生成させたい！【2Dローグライク4】

【Unity開発7】BoardManagerを呼び出すGameManagerを作成する【2Dローグライク5】

【Unity開発7】キャラクターを動かすための抽象クラス作成【2Dローグライク6】

【Unity開発7】破壊可能な壁(Wall)を作成したい！【ローグライク7】

【Unity開発7】プレイヤーのアニメーターを設定したい！【ローグライク8】

【Unity開発7】プレイヤー用のスクリプトを設定したい！【ローグライク9】

【Unity開発7】敵キャラクターのスクリプトを作成したい！【2Dローグライク10】

【Unity開発7】敵キャラクターのアニメーターを設定したい！【2Dローグライク11】

【Unity開発7】uGUIでUIの表示とレベル機能を実装したい！【2Dローグライク12】

【Unity開発7】BGMと効果音を付ける【2Dローグライク13】

【Unity開発7】タッチパネルに対応させたい！【2Dローグライク14(Fin)】