本投稿は2024年9月時点の内容になります。アップデートにより変更となる場合があります。また環境によって違いがあると思いますのであくまで参考として、ご了承ください。
様々な書籍、ブログや動画を参考にさせていただきました。多すぎて一つ一つは紹介できませんが感謝です。
初心者の自分がUnity ソフトウエアでゲームを作ってみました。とりあえずシンプルなものということでモグラたたきに挑戦です。ゲーム作ってみるかという感じになったときに、いいタイミングで某ゲームのイベントシナリオ内ミニゲームにモグラたたきが実装されていたのでUIとかエフェクトとか、諸々の仕様をぱくって参考にして作ってみましたよ。様々なHowToの中の選択肢のひとつとして、同じ初心者さんの参考になればよいです。
\ チェック /
目次
連続画像でアニメーションを作ってみる
Unity プロジェクトの2Dアニメーションの基本である連続画像によるアニメーションを、ユニティちゃんのアセットを利用して作っていきます。
本記事のポイント
- 連続画像によるアニメーションを解説
連続画像でのアニメーション作成
まずは今回用意するアニメーションについて
モグラたたきですが、ユニティちゃんをたたくのはしのびないので、頭ポンポンする仕様で行こうと思います。
流れ的には 立ち上がる>アイドリング>クリックすると喜ぶ>しゃがむ という感じにします。
用意するアニメーション
- 立ち上がる「Rise」アニメーション(Crouchを逆にする)
- アイドリング「Idle」アニメーション(Idle)
- クリック時「ClickReaction」アニメーション(Positive)
- クリックされないとき「UnClickReaction」アニメーション(Idleと同じアニメーション)
- しゃがむ「Crouch」アニメーション(Crouch)
- クリック後しゃがむ「CrouchAfterClick」アニメーション(Crouch)
- ( )内はUnityちゃんアセットのアニメーション対応です
- テンプレートにしたいので抽象的な名前になっています
アニメーションを作っていきましょう
準備としてプロジェクトに「Animations」フォルダーを作りましょう。
まずは「Idle」アニメーションを作ります。
アニメーション作成手順その1
- Unitychanアセットの「Unitychan」-「BasicActions」の「Idle1」から「Idle4」をまとめて選択してシーンにドラッグアンドドロップ。
- エクスプローラーが開くので保存先と名前を適宜にして保存(「Animations」フォルダに「Idle」として保存しました)。
- ゲーム再生すると今シーンに配置したゲームオブジェクトが動くはずです。
- ゲーム再生を停止して、プロジェクトのアセットの保存先を見るとアニメーションクリップとアニメーターが出来ていると思います。
- アニメーションクリップを選択するとインスペクターを見ると「時間をループ」というチェック項目があります。ここにチェックが入っているとクリップはループ再生します。
- 必要なのはアニメーションクリップなので一緒に保存されているアニメーターは削除します。
- ヒエラルキー上(シーン上)に配置したゲームオブジェクトも必要ないので削除しましょう。
続いて他のアニメーションクリップも作っていきます。
アニメーション作成手順その2
- Unitychanアセットの「Unitychan」-「BasicActions」の「Crouch1」から「Crouch5」で「Crouch」アニメーションクリップを作成。時間でループのチェックは外します。
- Unitychanアセットの「Unitychan」-「ExtraActions」の「Positive1」から「Positive6」で「ClickReaction」アニメーションクリップを作成。時間でループのチェックは外します。
立ち上がる「Rise」アニメーションクリップを作りたいですが、画像がありません。アニメーションクリップの再生スピードを「-1」に設定すれば逆再生するそうなのですが、うまくできなかったので、力技で行きます。
アニメーション作成手順その3
- Unitychanアセットの「Unitychan」-「BasicActions」の「Crouch1」から「Crouch5」を選択して「ctrl」+「D」すると画像の複製ができます。
- コピーされた画像の名前を「Rise1」から「Rise5」に変更します。この時数字は「Crouch」の逆順にします。
- この画像を使って「Rise」アニメーションクリップを作成。時間でループのチェックは外します。
「Idle」と同じアニメーションの「NotClicked」と、「Crouch」と同じ「CrouchAfterClick」を作ります。
アニメーション作成手順その4
- コピーしたいアニメーションクリップを選択して「ctrl」+「D」を押すと複製されるので、これを使って「UnClickReaction」と「CrouchAfterClick」アニメーションクリップを作成します。
- 最後にアニメーターとシーンに配置されたゲームオブジェクトは必要ないので削除します。
まとめ
まとめ
- 連続画像をまとめて選択してシーンにドラッグアンドドロップするだけでアニメーションクリップを作成できる。
- アニメーションクリップはインスペクターのチェック項目「時間でループ」にチェックを入れるとループ再生される。
- 画像やアニメーションクリップは「ctrl」+「D」で簡単に複製が作れる。
\ 初学に使った書籍です /
動画×解説でかんたん理解! Unityゲームプログラミング超入門
大角 茂之/大角 美緒
おすすめ記事
Unity ソフトウエアでゲーム制作#1モグラたたき編(28.ゲームに効果音…
Unity ソフトウエアでゲーム制作#1モグラたたき編(27.エフェクト2パ…
Unity ソフトウエアでゲーム制作#1モグラたたき編(26.エフェクトその1)
Unity ソフトウエアでゲーム制作#1モグラたたき編(25.プレハブバリア…
Unity ソフトウエアでゲーム制作#1モグラたたき編(24.Buttonで…
Unity ソフトウエアでゲーム制作#1モグラたたき編(23.シンプルなアニ…