![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
今回は Unity のサンプルゲームをつかって
チュートリアルについて勉強するッピ!
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_謎.png)
チュートリアル?
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
まだ習ったことないわ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
チュートリアルは、
Unityのカンタンな使い方を教えてくれる機能ッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
これからこのチュートリアルをつかって一緒に勉強して行くッピよ~
- キャラクターの変更
- ステージの変更
- やられゾーンの変更
- 敵の追加
- 敵の動く範囲を変更する
チュートリアルを見ながら勉強しよう
必要なもの
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは必要なものを用意するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/unity.png)
- Unity
- Windows または Mac のパソコン
が必要ッピよ~!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まだ Unity をダウンロードしてない人は
↓ の記事を参考に必要なものをインストールするといいッピ!
Unityの使い方を学んでみよう
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-12_unity29-1024x634.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは Unity Hub を起動して
【使い方を学ぶ】をクリックしてみるっぴ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-12_unity30-1024x526.png)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
1番↓の
Platformer Microgame
をクリック→プロジェクトをダウンロードするッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-12_unity31.png)
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem2.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_謎.png)
なんだか英語が出てきたけれど・・・?
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
これはチュートリアルの案内ッピね!
緑枠の Load Tutorials をクリックして先にいくっぴ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem1.jpg)
Startボタンが出なかった場合
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_汗.png)
あのね、うさタブさん・・・
わたしのパソコンでは、 Load Tutorials を選ぶ画面がなかったのだけど・・・
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_困2.png)
これ、どうすればいいのかしら・・・?
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
だいじょうぶっピ! アイカちゃん!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem3.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
そんなときは、
Unity の 右側にある【チュートリアルバー】を確認するッピ!
1番上の Get started をクリックすると同じ画面が開くッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem_0.jpg)
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/08/アイカちゃん_笑顔3.png)
ほんとだ!
ユウキくんと同じ画面がでてきたわ!
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_無.png)
・・・てか、うさタブ
このチュートリアルってぜんぶ英語なのか??
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_困.png)
オレ、英語ニガテなんだよな~
こんなアルファベット並べられてもわかんねーよ
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
任せるッピ、ユウキくん!
このうさタブが英語がわからなくてもデキるようにガイドするッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
安心して勉強をすすめるッピ!
ユウキくんを立派なクリエイターにしてみせるっぴよ~
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_汗.png)
調子のいいこといって・・・
ほんとうかよ~?
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_笑顔.png)
うさタブさんを信じましょ、ユウキくん!
わたし、はやくUnityのことをもっと知りたいわ
ゲームをはじめてみよう
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem4.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
Enter Play Mode(→Select Play to enter Play Mode.)
これは、実際にゲームをプレイしてテストすることをすすめられているッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
赤枠の ▶ ボタンをクリックしてみるッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-12_unity0_1.jpg)
対応キー | 効果 |
---|---|
← (A) | 左に移動 |
→ (D) | 右に移動 |
スペースキー | ジャンプ |
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_驚き3.png)
すごい! キャラクターが動くわっ
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑.png)
こんなにサクサク動くと楽しいな!
ゲームの中断のやり方
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem5.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
上にある ▶ ボタンをもう一度押すとゲームが中断できるッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
おおまかなゲームの内容がわかったら
右下の Next ボタンを押して次にいくっぴよ~
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
わかったわ!
基本の操作を学ぼう
プレイヤーキャラの移動速度を変更する
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次はプレイヤーキャラの移動速度を変更するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem6.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まず左の『ヒエラルキー』の中にある
【Player】をクリックするッピ! 青枠に囲われている部分っぴよ~
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次に右側の『インスペクター』にある
【Max Speed】のとなりにある「3」クリックするッピ!
できたらゲームを動かして見るッピよ~
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_驚き_強.png)
なんだコレ!
はやっ!!!!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/08/アイカちゃん_笑顔3.png)
すごいわっ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
ムフフ、まだまだこれは序ノ口ッピ!
右下の Done を押して、次のステップに進むっぴよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem7.jpg)
ハンドツールで画面を移動してみよう
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次はハンドツールでゲーム画面を移動してみるっぴ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem8.jpg)
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem9.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑.png)
おお! 画面が移動できたぞ!
マウスのズーム機能を使ってみよう
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
マウスのホイールを上下することで、
画面をズームしたり引いたりすることができるッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem10.jpg)
キラキラを移動してみよう
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
左上の移動ツールをつかうと
素材トークン(キラキラ)を移動することができるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem11.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
キラキラをいろいろな場所に動かして遊んでみるっぴよ~!
十分にきのうが理解できたら、右下の Done をクリックして先に進むっピ!
色を変更してみよう
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次はプレイヤーの色を変更してみるっぴ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem12.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは右下のチュートリアルの Start をクリックするッピね!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem13_4.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは
左のヒエラルキーから【Player】をクリックするッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次にキーボードの F キーを押して画面のフォーカスを
プレイヤーキャラに合わせるッピ!
できたら右下のチュートリアルから Next をクリックするッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次は色を変更するッピ!
右のインスペクターから
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem14.jpg)
の色をクリックするッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem15.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
最後はカラーを変更するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem16.jpg)
このカラーウィンドウの■をクリックすることで
好きな色にカラーを変更することができるッピ!
今回は赤に設定したッピよ~!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem17.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑強.png)
お! 赤くなった!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
設定がおわったら▶ボタンを押して遊んでみるっピよ~♪
敵を増やしてみよう
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次は敵のスライムを追加してみるッピよ~
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずはチュートリアルバー右下の
Startをクリックしてみるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem18.jpg)
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem19.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
Enemy を↑の青枠シーンにドラッグして持っていくッピ!
すると新しく敵が追加できるッピよ~
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_謎.png)
あの、うさタブさん・・・
『ドラッグ』って何かしら? おくすり?
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
ドラッグというのは、
マウスでファイルをクリックしたまま動かすことッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
データファイルを移動させたいときによく使うッピよ!
覚えておくと便利ッピ♪
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
そうなのね! メモしておくわ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem20.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
左のツール置き場にある
3つのツールを使って、敵の場所を移動したり
回転させたり・大きくしてみたりするッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem21_.jpg)
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑強.png)
なにこれ! デカすぎ~
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/08/アイカちゃん_笑顔4.png)
ふふ うまくいったねっ
音楽や背景を変えてアレンジしてみよう
BGMを変更してみよう
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次はBGMを変更してみるっぴ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem22_3.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
- 左上のヒエラルキーから《Gamecontoller》をクリック
- インスペクターから《オーディオグリップ》のMusicのヨコの◎をクリックするッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem23.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
右下の音声フォルダから、好きなファイルを選んで見るッピ!
選び終わったらゲームを遊んでBGMが変わっているか確認してみるっピよ~
背景の色を変更してみよう
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次は背景の色を変更して見るッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem24.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
- ヒエラルキーから《Main Camera》をクリックするッピ!
- インスペクターから背景のカラーバーをクリックして、色が変更できるッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem26.jpg)
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem25.jpg)
素材を変更してみよう
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次は床や木などの素材を変更して見るッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-14_uni_tem27_1.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
- 左下の Assets から【Tiles】をクリックするッピ!
- 変更したい素材を選んだら、インスペクター → スプライトのヨコ◎をクリック
- 右側に素材ウィンドウがでてくるッピ!
好きな素材に変更して見るッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-17_uni_0.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑強.png)
すっげえ! 別のゲームみたいだ!!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/08/アイカちゃん_笑顔3.png)
すごいわっ
ステージをの床を改造してみよう
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次はステージの床を改造してみるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-17_uni1.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずはウィンドウから【パッケージマネージャー】を選択するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-17_uni2_.jpg)
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-17_uni3.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
パッケージマネージャーのウィンドウを開いたら
パッケージ:プロジェクト内 → Unity レジストリ
を選択するッピ! そのあと
2D Tilemap Editor → 右下の【インストール】
をクリックするッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-17_uni4_.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
ウィンドウに新しく【2D】が追加されてるッピ!
2D→タイルパレット
をクリックしてタイルパレットを開くッピ♪
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-17_uni5.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/09/ユウキくん_驚困.png)
なにこれデカ!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_汗.png)
これどうやって使うのかしら・・・?
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
タイルパレットが大きすぎて表示されたみたいッピね・・・
マウスのホイールを使って、
タイルパレットの中を拡大・縮小/移動してみるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-17_uni6.jpg)
拡大・縮小 | マウスホイールを回転させる |
移動 | マウスホイールを押しながら左右に動かす |
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑.png)
お! タイルパレットが動いたぞ!
タイル素材をステージに配置する
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-17_uni7.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
準備ができたらさっそくステージを改造してみるッピ!
- ヒエラルキー → Grid → Level を選択するッピ!
- 次にタイルパレットの筆マークを選んで、シーン内の好きな場所に素材を置いてみるッピよ~
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
ちなみに Level 以外にもタイル素材を置くことができるッピ♪
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_unity3.jpg)
Foreground | 前面 / キャラクターよりも前に出る |
Level | ゲームで動ける場所 |
Background | 背景 / すり抜けることができる |
FarBackground | 遠い背景 / すり抜けることができる 移動するときゆっくりと風景が変わる |
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity9-1.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
いろいろ配置したら、 ▶ ボタンを押して、
ゲームを遊んでステージがどんなふうになったか確かめてみるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-17_uni8.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_驚き_強.png)
おおお! ステージが変わってるっ
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_笑顔.png)
やったね!
タイルパレットに素材を増やす
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_無.png)
なあ、うさタブ
ちょっと聞きたいことがあるんだけど
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity4-1.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_困.png)
タイルパレットでステージをいじろうとしたら
こんなふうに素材と素材が重なってて、上手く配置できないんだよなぁ
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_謎.png)
これ、どうにかならないか?
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
それならやり方があるッピ!
新しく素材をタイルパレットに追加しなおすッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity1-1.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは
【ウィンドウ】→【2D】→【タイルパレット】
を選択するッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity2.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
左下のプロジェクト→【Tiles】から、
好きな画像を青枠のタイルパレットへドラッグするッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity3-1.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑.png)
お! 新しく素材が増えた!
タイルパレットに別の素材を取り込む
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
ねえうさタブさん!
このタイルパレット・・・新しく別の素材を取り込むことはできないかしら?
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
もちろんそのやり方もできるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity11.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは素材を取り込みたい場所で
右クリック→新しいアセットをインポート
を選択するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity12.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
素材選択ウィンドウが出てくるッピ!
タイルパレットに入れたい画像を選択するッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity13.jpg)
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity14.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
新しく取り込んだ画像素材をタイルパレットに向かってドラッグするッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
画像ファイルをタイル素材に変換するウィンドウが出てくるッピ!
そのまま 保存(S) を押すッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity16.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
タイルパレットに素材が追加されてるッピ!
筆マークでステージの好きな位置に素材を貼り付けるッピ
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity15.jpg)
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/08/アイカちゃん_笑顔3.png)
できたわ!
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑強.png)
やったな、アイカちゃん!
操作キャラクターを変更する
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次は操作キャラクターをスライムに変更してみるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity5-1.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは左下の
Asset→Character→Animation→右クリック
作成→アニメーターオーバーライドコントローラー
を選択するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity6.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
新しくアニメ設定ファイルが出てくるッピ!
インスペクター→Contller→
なし(アニメーター)のヨコ「◎」
をクリックするッピ!
ウィンドウが出てくるので【player】を選択するッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity7.jpg)
操作キャラクター | 割り当てるアニメーション |
---|---|
Player Death | 操作キャラクターが倒れたとき |
Player Hurt | 操作キャラクターが傷ついたとき |
Player Idle | 操作キャラクターがたいき状態のとき |
Player Jump | 操作キャラクターが飛んだとき |
Player Land | 操作キャラクターが落ちるとき |
Player Run | 操作キャラクターが移動するとき |
Player Spawn | 操作キャラクターがステージに現れたとき |
Player Victory | 操作キャラクターがステージをクリアしたとき |
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
また
Asset→Character→Animation
に 戻るッピ!
Enemyのアニメ設定ファイルをドラッグして、右側のインスペクターの下に割り当てるッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity8.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
変更できたら、
▶再生ボタンを押してゲームをプレイしてみるッピね!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-23_unity10.jpg)
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_驚き3.png)
すごい! スライムになってるわ
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑強.png)
サイコーだぜ!!
オリジナルキャラクターをプレイヤーに設定する
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_謎.png)
なあうさタブ!
このキャラクターってねんど人間やスライム以外には設定できないのか?
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑.png)
どうせなら自分の好きなキャラクターを設定みたいぜ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
もちろん、それもできるッピよ~
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
できるの!? うさタブさんっ
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
任せるッピ!
ただ、今回は画像ファイルがないから、【アセットストア】から素材をお借りするッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity3.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは真ん中の画面から
【アセットストア】→ Search online
をクリックするッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
このサイトがアセットストアッピ!
検索バーに探したい素材の条件を入力するッピよ~
2D character
と入力して今回は検索をかけてみるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity0.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
検索条件をさらに絞るッピ!
Sort by → 価格(安価から高値)
を選択するッピ!
気に入った素材があったら画像をクリックして紹介ページにアクセスするッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity1.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
今回は
サニーランド
というアセットを使わせてもらったッピ!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
とってもかわいい絵だわ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity2.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
右側に
マイアセットに追加
というボタンがあるから、それをクリックするッピ!
そのあとユニティで開くと、新しくウィンドウが表示されているッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity4.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
右側のパッケージマネージャー
Sunny Land を選択 → 右下の インポート をクリックするッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
左側のSunny Land
ここも 右下の インポート をクリックするッピ!
プレイヤーアニメーションを画像から作成する
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
それではこっからが本番ッピ!
好きな画像からアニメーションを作ってみるッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity5.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは
- 左下のプロジェクト→Sunnylandを探す
- artwork > Sprites > idle に移動
するッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
そしたら、画像が4つ出てくるッピ!
画像を Shiftキー を押しながらすべて選択し、画像をすべてシーンへドラッグするッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity6.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_驚き_強.png)
わ! なんか出てきた!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
これはアニメーションファイルを作成するウィンドウッピ!
好きな名前をつけて、右下の 保存(S) ボタンをクリックするッピ
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity7-1.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
これでアニメーションファイルができたっぴ!
赤枠の部分に注目するッピよ~
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_汗.png)
え・・・?
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_汗.png)
なんだか、とても小さいわね・・・
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_困.png)
これ、どうにかできないのか? うさタブ
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
任せるッピ!
画像をゲームに適正な大きさに設定するッピネ!
画像をゲームに適正な大きさに設定する
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity8.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まず、さきほどの4つの画像をクリックして
右のインスペクター→ユニット毎のピクセル数(100)
これを 30 に変更するッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity9.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑.png)
お! キャラが大きくなったぞ
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/08/アイカちゃん_笑顔2.png)
やったね♪
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
この調子で他のアニメーション素材もつくって行くッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity10.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
run、jump、hurt、crouchなど
赤枠のフォルダに入っている画像にアニメーションを作って行くッピ!
作ったアニメ素材を設定ファイルに組み込む
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity11.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
最後の仕上げッピ!
左下の Asset>Character>Animation から
スライムを作るときに使った NewAnime… をクリックするッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity12.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
そのあとは
左下のプロジェクト→Sunnyland→artwork > Sprites > idle
まで戻って、右側のインスペクターに作成したアニメをはめこんでいくッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity13.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
最後はシーンに張り付いた不要なアニメーションファイルを削除するッピ!
ヒエラルキー→作ったアニメファイルの名前を選択→→右クリック→削除
で消すことができるッピ!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_謎.png)
これを消したらアニメが見れなくなってしまわないのかしら?
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
安心するッピ!
ヒエラルキーの画像を処分しても、
プロジェクト>アセット
の中に元のファイルが存在してるッピ!
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑強.png)
それなら安心だな!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
最後は再生ボタンでゲームを遊んでみるッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-24_unity14.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_驚き_強.png)
おお! 完全に別キャラクターだ!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/08/アイカちゃん_笑顔3.png)
本当にすごいわっ
当たり判定を変更する
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_汗.png)
あのね、うさタブさん・・・
これなんだけど・・・
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-25_unity0.jpg)
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_困1.png)
キャラを変更できたのは良いんだけど、遊んでいるときにこの先に進めないの・・・
どうすればいいのかしら?
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
むむ! それは困ったッピね・・・
きっと操作キャラクターの当たり判定が大きすぎてるんダッピ!
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_謎.png)
当たり判定って??
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
当たり判定というのは、
操作キャラクターや敵キャラクターが何かとぶつかったとき
プログラムを作動させるか判別する範囲のことッピ!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
そんなものがあるのね!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
今回はこのキツネくんが上に登れるように、当たり判定を小さくしてみるッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-25_unity2.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは
画面左のヒエラルキー → Player
をクリックするッピ!
画面右インスペクター → 一番下の コンポーネントを追加 を選択
するッピ! そのまま
2D 物理
をクリックするッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-25_unity3.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
新しくウィンドウが出てくるので
2D ボックスコライダー
をクリックするッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-25_unity4.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
さっそく当たり判定を小さくしていくっぴ!
「Box Collider 2D」の☑ポイントのヨコ、黄緑色の□+を選択するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-25_unity5.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
そのまま
サイズを1→0.5に変更
するッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-25_unity6.jpg)
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_笑顔.png)
上にいけるようになったわ!
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑.png)
やったなアイカちゃんっ♪
敵の動きを変更する
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_uniti3_0.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次は最初の敵を左右に動かしてみるっぴ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_uniti3.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは
- ヒエラルキーから【Enemies】を選択
左の▼をクリックするッピ! - 次に【PatorolPaths】の横にある
▶をクリックするッピよ~
敵の動きをコントロールするプログラムを複製
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_uniti3_1_.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
- そのまま、下にある【PatorolPaths1】を選択するッピ!
- 右クリックを押して、ファイルを複製するッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_uniti3_2.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
複製したファイルの名前を変更するッピ!
- PatorolPaths1(1)という名前のファイルが追加されているので、ファイルを選択
- 右クリック→【名前を変更】から新しく名前をつけるッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
今回は
PatorolPaths12
に名前を設定したッピよ~
矢印を動かして敵の移動範囲を変更する
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_uniti3_3.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
PatorolPaths12をクリックしたら、
- 画面に3つの矢印が出てくるので、真ん中の矢印の■(90℃マーク)を選択するッピ!
- そしたらそのまま左に矢印をスライドさせるッピよ~
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
この3つの矢印の範囲が、敵の動く範囲になるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_uniti3_4_2.jpg)
矢印 | 効果 |
---|---|
左の矢印 | 敵の動く範囲を左側に拡大する |
真ん中の矢印 | 敵の基本のポジション ここをクリックして選択することで、範囲全体を別の場所へ移動できる |
右の矢印 | 敵の動く範囲を右側に拡大する |
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
移動できたッピか?
できたら次は、敵とこの矢印(動く範囲のプログラム)を合体させるッピ!
敵と範囲プログラムを合体する
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
それでは、敵に移動範囲プログラムを組み込んで行くッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_uniti3_5.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
敵と動く範囲のプログラムを合体させるには、
- 動かしたい敵を選択
- 右のインスペクターから、【Enemy Controller】内のパス◎をクリックするッピ!
- 右下にウィンドウにが出てくるので、さっき追加したPatorolPath12をクリックするッピよ~
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_驚き3.png)
最初の敵が動いてるわ!
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑強.png)
すっげーや!
やられゾーンを変更する
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次はプレイヤーのやられゾーンを変更する方法ッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_unity1.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
- まずヒエラルキーのZonesをクリックするッピ!
▼を押して、最初のDeathZoneを選択するッピよ~ - 次に Altキー を押しながら、右の方へ向かうと、最初のやられゾーンが見えるッピ!
黄緑の枠やられゾーンの矢印を発見したら、上に向かってドラッグするッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_unity2.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
準備ができたら
再生ボタンをクリックして、やられゾーンまでプレイしてみるッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/2021-09-18_unity0.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_驚き_強.png)
うわっ! 敵に当たる前にキャラが倒れちゃったよ!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
本当にいろんなことができるのねっ
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
今回はこれで終了ッピ! 上手くできたッピか?
これからも色んなゲーム作りやプログラムの解説をしていくッピ!
次回も楽しみにしているッピよ~~!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
UnityはC#を元に作られているッピ!
まだまだ Unity や C#について勉強したい人は↑の記事を読むのもオススメッピ♪