ゲーム制作   Unity ソフトウエア 

Unity ソフトウエアでゲーム制作#1モグラたたき編(8.連続画像からアニメーション作る)

キャッチ画像モグラたたき連続画像からアニメを作る

本投稿は2024年9月時点の内容になります。アップデートにより変更となる場合があります。また環境によって違いがあると思いますのであくまで参考として、ご了承ください。

様々な書籍、ブログや動画を参考にさせていただきました。多すぎて一つ一つは紹介できませんが感謝です。

初心者の自分がUnity ソフトウエアでゲームを作ってみました。とりあえずシンプルなものということでモグラたたきに挑戦です。ゲーム作ってみるかという感じになったときに、いいタイミングで某ゲームのイベントシナリオ内ミニゲームにモグラたたきが実装されていたのでUIとかエフェクトとか、諸々の仕様をぱくって参考にして作ってみましたよ。様々なHowToの中の選択肢のひとつとして、同じ初心者さんの参考になればよいです。

\ チェック /

連続画像でアニメーションを作ってみる

Unity プロジェクトの2Dアニメーションの基本である連続画像によるアニメーションを、ユニティちゃんのアセットを利用して作っていきます。

本記事のポイント

  • 連続画像によるアニメーションを解説

連続画像でのアニメーション作成

まずは今回用意するアニメーションについて

モグラたたきですが、ユニティちゃんをたたくのはしのびないので、頭ポンポンする仕様で行こうと思います。

流れ的には 立ち上がる>アイドリング>クリックすると喜ぶ>しゃがむ という感じにします。

用意するアニメーション

  1. 立ち上がる「Rise」アニメーション(Crouchを逆にする)
  2. アイドリング「Idle」アニメーション(Idle)
  3. クリック時「ClickReaction」アニメーション(Positive)
  4. クリックされないとき「UnClickReaction」アニメーション(Idleと同じアニメーション)
  5. しゃがむ「Crouch」アニメーション(Crouch)
  6. クリック後しゃがむ「CrouchAfterClick」アニメーション(Crouch)
  • ( )内はUnityちゃんアセットのアニメーション対応です
  • テンプレートにしたいので抽象的な名前になっています

アニメーションを作っていきましょう

準備としてプロジェクトに「Animations」フォルダーを作りましょう。

まずは「Idle」アニメーションを作ります。

アニメーション作成手順その1

  1. Unitychanアセットの「Unitychan」-「BasicActions」の「Idle1」から「Idle4」をまとめて選択してシーンにドラッグアンドドロップ。
  2. エクスプローラーが開くので保存先と名前を適宜にして保存(「Animations」フォルダに「Idle」として保存しました)。
  3. ゲーム再生すると今シーンに配置したゲームオブジェクトが動くはずです。
  4. ゲーム再生を停止して、プロジェクトのアセットの保存先を見るとアニメーションクリップとアニメーターが出来ていると思います。
  5. アニメーションクリップを選択するとインスペクターを見ると「時間をループ」というチェック項目があります。ここにチェックが入っているとクリップはループ再生します。
  6. 必要なのはアニメーションクリップなので一緒に保存されているアニメーターは削除します。
  7. ヒエラルキー上(シーン上)に配置したゲームオブジェクトも必要ないので削除しましょう。

続いて他のアニメーションクリップも作っていきます。

アニメーション作成手順その2

  1. Unitychanアセットの「Unitychan」-「BasicActions」の「Crouch1」から「Crouch5」で「Crouch」アニメーションクリップを作成。時間でループのチェックは外します。
  2. Unitychanアセットの「Unitychan」-「ExtraActions」の「Positive1」から「Positive6」で「ClickReaction」アニメーションクリップを作成。時間でループのチェックは外します。

立ち上がる「Rise」アニメーションクリップを作りたいですが、画像がありません。アニメーションクリップの再生スピードを「-1」に設定すれば逆再生するそうなのですが、うまくできなかったので、力技で行きます。

アニメーション作成手順その3

  1. Unitychanアセットの「Unitychan」-「BasicActions」の「Crouch1」から「Crouch5」を選択して「ctrl」+「D」すると画像の複製ができます。
  2. コピーされた画像の名前を「Rise1」から「Rise5」に変更します。この時数字は「Crouch」の逆順にします。
  3. この画像を使って「Rise」アニメーションクリップを作成。時間でループのチェックは外します。

「Idle」と同じアニメーションの「NotClicked」と、「Crouch」と同じ「CrouchAfterClick」を作ります。

アニメーション作成手順その4

  1. コピーしたいアニメーションクリップを選択して「ctrl」+「D」を押すと複製されるので、これを使って「UnClickReaction」と「CrouchAfterClick」アニメーションクリップを作成します。
  2. 最後にアニメーターとシーンに配置されたゲームオブジェクトは必要ないので削除します。

まとめ

まとめ

  • 連続画像をまとめて選択してシーンにドラッグアンドドロップするだけでアニメーションクリップを作成できる。
  • アニメーションクリップはインスペクターのチェック項目「時間でループ」にチェックを入れるとループ再生される。
  • 画像やアニメーションクリップは「ctrl」+「D」で簡単に複製が作れる。
ユニティちゃん公式ホームページへ
ユニティちゃん公式ホームページ
ユニティちゃんライセンス
ユニティちゃんの画像、素材、ライセンスロゴはユニティちゃんライセンス条項を元に使用しています

\ 初学に使った書籍です /

動画×解説でかんたん理解! Unityゲームプログラミング超入門

大角 茂之/大角 美緒

マケイヌ的おすすめ度

わかりやすい度

提供素材がよくてテンション上がる度

〇おすすめポイント

素材が良くてモチベがあがります。

×よくないポイント

動画解説前提なので図版が小さいのが玉に瑕

おすすめ記事

 

プロフィール

マケイヌ

人生のメインストリームから外れた40代の♂。

90年代オルタナにはまり、文字通りメインストリームから逸脱。 その後もたびたび人生から逃亡。

心が動いた作品の紹介や 自分のちいさな経験、HowToを発信できればと日々模索中。

1年後までにイラストと写真のポートフォリオをつくりたい。

記:2019年12月

▼プロフィールはこちら

Follow me

アーカイヴ