「2Dのかわいいアクションゲームをつくってみたい」
「アクションゲームをつくることに興味がある」
・・・でも
「ムズかしそう」
「何から始めればいいかわからない」
と考えていませんか?
このページでは、無料で、だれでも、できる方法でゲームつくりを紹介しています
今回は2Dのアクションゲームとキャラクターのアニメーションのつくり方を紹介します
ぜひ、チャレンジしてください
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
次の目次の流れにそって紹介します
・Unityとはなに?ゲームがつくれるの?
このページでは、「Unity」というゲームをつくるためのソフトを使います
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityでつくられたゲームを紹介します
「Unity」は趣味のゲームから一流のゲームまで世界中で使われています
・Unityはどうやってはじめることができるの?
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityをはじめるためには、プログラムをインストールする必要があります
Unityを始めるためには、プログラムをインストールしてください
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
公式サイトからプログラムをダウンロードすることができます
<Unity公式サイト>
https://unity.com/ja
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityのインストールの方法を、次のページで紹介しています
ぜひ、合わせてご覧ください
<UNITYのインストール方法のページ>
https://illust55.com/2018/
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
次は、2Dアクションゲームとキャラクターアニメーションを紹介します
・2Dアクションのアニメーションをつくろう
・ゲームの部品をダウンロードしよう
![](https://illust55.com/wp-content/uploads/2021/08/image-221.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
今回、ご紹介するゲームつくりです
ゲームのプレイヤーを、かっこいいキャラクターにします
・はじめに用意されている「左のキャラクター」を「右のキャラクター」に変えます
![](https://illust55.com/wp-content/uploads/2021/08/image-222.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
はじめに、 ゲーム部品のダウンロードの準備をします
公式のサイトにアクセスしてください
1.公式のゲームの部品のサイトにアクセスしてください
https://assetstore.unity.com/
2.画面の上の「ID」アイコンをクリックしてください
3.画面の上の「ログイン」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-223.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
かっこいいキャラクターのダウンロードの準備をします
1.「Warrior Free Asset」で検索してください
2.無料アセットをチェックしてください
3.「 Warrior Free Asset 」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-224.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
自分のアカウントに加えてください
・「マイアセットに追加する」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-225.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
アクションゲームの部品のダウンロードをする準備をします
1.「 Metroidvania Controller 」で検索してください
2.無料アセットをチェックしてください
3.「 Metroidvania Controller 」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-226.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
自分のアカウントに加えてください
・「マイアセットに追加する」をクリックしてください
・Unityを起動して、アクションゲームの部品を取り込もう
![](https://illust55.com/wp-content/uploads/2021/08/image-227.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityを起動してください
新しくゲームつくりのファイルを作ります
1.「プロジェクト」をクリックしてください
2.「新規作成」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-228.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
2Dゲームをつくる準備をします
1.「2D」をクリックしてください
2.「プロジェクト名」、「保存先」を決めてください
3.「作成」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-229.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityが起動しました
ゲームの部品を表示します
・「Windows」 → 「Package Manager」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-230.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
自分のゲームの部品を表示します
1.「Packages」をクリックしてください
2.「My Assets」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-231.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
自分のアカウントに加えた「 ゲームの部品」が現れない場合があります
・これから紹介する「ゲームの部品」が現れない場合は、青の数字をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-232.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
かっこいいキャラクターのゲームの部品をダウンロードします
1.「 Warrior Free Asset 」をクリックしてください
2.「ダウンロード」をクリックしてください
3.ダウンロード後、「Import(読み込み)」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-233.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ダウンロードしたゲーム部品をファイルに取り込みます
・「Import」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-234.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
アクションゲームのゲーム部品をダウンロードします
1.「 Metroidvania Controller 」をクリックしてください
2.「ダウンロード」をクリックしてください
3.ダウンロード後、「Import(読み込み)」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-235.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ダウンロードしたゲーム部品をファイルに取り込みます
・「Import」をクリックしてください
・キャラクターのアニメーションを変えよう
![](https://illust55.com/wp-content/uploads/2021/09/image.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
サンプルゲームを表示してください
1.「Assets」 →「MetroidvaniaController」→ 「Scenes」をクリックしてください
2.「Demo」をダブルクリックしてください
3.サンプルゲームが現れます
![](https://illust55.com/wp-content/uploads/2021/08/image-237.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
アニメーションを切り替える画面が現れます
・「Windows」 → 「Animator」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-238.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
メインの キャラクターのアニメーションが現れます
1.「Animator」が現れました
2.「Draw Character」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-239.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
何もしていない時のアニメーションを変えます
1.「Assets」 → 「Warrior free set」 → 「Animation」をクリックしてください
2.「Iddle」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-240.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ドラッグ&ドロップで変えることができます
1.「Iddle」をクリックしてください
2.「Idle」を「Motion」にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-242.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ダメージを受けたときのアニメーションを変えます
1.「Hit」をクリックしてください
2.「Hurt」を「Motion」にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-241.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ダッシュのアニメーションを変えます
1.「Dash」をクリックしてください
2.「Dash NoDust」を「Motion」にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-247.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
やられた時のアニメーションを変えます
1.「Dead」をクリックしてください
2.「Death」を「Motion」にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-248.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ジャンプのアニメーションを変えます
1.「Jump」をクリックしてください
2.「Fall」を「Motion」にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-243.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
歩いている時のアニメーションを変えます
1.「Run」をクリックしてください
2.「Run」を「Motion」にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-244.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
二回ジャンプのアニメーションを変えます
1.「DoubleRun」をクリックしてください
2.「JumptoFall」を「Motion」にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-246.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
一部のアニメーションの中身をおき替えます
・「Windows」 → 「Animation」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-245.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
キャラクターのアニメーションを操作します
1.画面左の「DrawCharacter」をクリックしてください
2.「Idle」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-249.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
アタックのアニメーションを変えます
1.「AttackGround」をクリックしてください
2.このアタックのアニメーションを変えます
・キャラクターのアニメーションをつくろう
![](https://illust55.com/wp-content/uploads/2021/08/image-250.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
かっこいいキャラクターの絵が現れます
1.「Assets」 → 「Warrior free set」 → 「Animation」をクリックしてください
2.現れた「Warrior_Sheet-Effect」の「▶」をクリックしてください
3.現れた絵を使います
![](https://illust55.com/wp-content/uploads/2021/08/image-253.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
画面上のようにドラッグ&ドロップで変えました
・キャラクターをドラッグ&ドロップすると、おき替えることができます
![](https://illust55.com/wp-content/uploads/2021/08/image-251.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
やられた時のアニメーションが、くり返しにならないようにします
1.「AttackGround」をクリックして、「Death」を選んでください
2.「Loop Time」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/08/image-252.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
カベにしがみつくアニメーションを変えます
キャラクターが反対を向くので、正面の絵を選んでください
1.「 Death 」をクリックして、「WallSlidding」を選んでください
2.正面を向いている「キャラクター」をドラッグ&ドロップでおき替えてください
![](https://illust55.com/wp-content/uploads/2021/08/image-255.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
キャラクターの大きさを大きくします
1.「Scene」をクリックしてください
2.「 Warrior_Sheet-Effect 」をクリックしてください
3.「 Pixels Per Unit 」を「100」 → 「20」に変えてください
![](https://illust55.com/wp-content/uploads/2021/08/image-256.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
最初のキャラクターの絵を変えます
1.「 Warrior_Sheet-Effect_0 」を「Sprite」にドラッグ&ドロップしてください
2.キャラクターが変わったことを確認してください
3.テストプレイボタンをクリックしてください
・テストプレイで作ったことを確認しよう
![](https://illust55.com/wp-content/uploads/2021/08/image-254.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
キャラクターの動きを確認してください
・動きを確認した後、テストプレイボタンをクリックしてください
・まとめ
今回は「Unity」の「 Metroidvania Controller 」を使い、2Dのアクションアニメーションを紹介しました
このブログでは、他のページでもゲームつくりの方法を紹介しています
ぜひ、ご覧いただき、ゲームつくりにチャレンジを続けてください
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
他のゲームつくりのページを紹介します
ぜひ、合わせてご覧ください
【3D景観&背景】Unityで空をキレイにつくる方法
https://illust55.com/3233/
UNITY初心者!Karting MicroGameでオリジナルマップを作ろう第四回目
https://illust55.com/3631/
超簡単にゲームプログラミング!UnityとBoltの使い方&ゲーム制作初心者講座
https://illust55.com/3889/
【ゲーム制作超初心者&Unity入門】パズルゲームの作り方を学ぼう
https://illust55.com/2469/
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ここまでご覧いただき、ありがとうございました
コメント