【はじめてのUnity】宝探しゲームをつくろう！（Unity入門）

#この記事は古い記事です
>**最新バージョンの記事は[こちら](https://tech.ayamin.me/363/)**





#Unityとは
カンタンに言うと、 ゲームを作るキットです

スマホ版のどうぶつの森や、 スーパーマリオラン、 白猫プロジェクトもUnityで作られています
しかし、 Unityはゲーム以外のものも作ることができます
最近では、 手術のシミュレーションにも使われたりしているみたいですよ


#Unityにさわってみよう
まずはUnityにさわってみるところから、 はじめていきましょう

##画面の見かた

###Scene（シーン）
![Scene.png](https://qiita-image-store.s3.amazonaws.com/0/95925/4e4d3c54-62dd-f1fb-af10-54f2acfe9155.png)
ゲームに出てくる物体 (オブジェクト) は全部ここにあるよ
ここでオブジェクトの場所を、自由に変えることができるよ

###Game（ゲーム）
![Game.png](https://qiita-image-store.s3.amazonaws.com/0/95925/be2ce3d1-3853-d697-acc6-b44ac0ef37a2.png)
いわゆる「プレイ画面」のこと
ゲームをプレイする人は、この画面を見てプレイするよ

###Hierarchy（ヒエラルキー）
![Hierarchy.png](https://qiita-image-store.s3.amazonaws.com/0/95925/aec8486e-cb97-0eed-da06-2ff7c4e00c38.png)
Sceneにあるモノ（オブジェクト）の一覧だよ
いまは、カメラ（MainCamera）とライト（Directional Light）があるよ

###Project（プロジェクト）
![Project.png](https://qiita-image-store.s3.amazonaws.com/0/95925/7c11e39b-0230-26eb-2a66-a3fc9d82cca3.png)
このゲームで使える素材が全部入っているところだよ

###Inspector（インスペクター）
![Inspector.png](https://qiita-image-store.s3.amazonaws.com/0/95925/edea4190-16a0-b3bf-a365-6db306f5f1b5.png)
オブジェクトなどをクリックすると、そのオブジェクトの情報（じょうほう）が出てくるよ

####カメラの情報をチェック
ためしにカメラ（MainCamera）の情報を見てみよう
まず、Hierarchyの「MainCamera（メインカメラ）」をクリックしてみよう
![Hierarchy_maincamera.png](https://qiita-image-store.s3.amazonaws.com/0/95925/203eac80-9ffd-b74f-5c4e-e28fd43365d8.png)

InspectorにMainCameraの情報が出てきたかな？
![Inspector_maincamera.png](https://qiita-image-store.s3.amazonaws.com/0/95925/3881fd6f-66f1-bbc2-e350-6468e2c8ab5d.png)
オブジェクトの大きさや場所などを、きっちり変えたいときはここで数字を変えるとうまくいくよ

###Console（コンソール）
![Console.png](https://qiita-image-store.s3.amazonaws.com/0/95925/b16be9e8-1e3d-9a60-9ed0-36a0d98d1e75.png)

エラーや、メッセージが出てくるところだよ
赤いビックリマークが出てきていないときは、気にしなくて大丈夫だよ


##Cube（キューブ）であそぼう
下の画像（がぞう）とおなじ画面になっているかな？

<img width="1439" alt="スクリーンショット 2019-02-13 13.36.38.png" src="https://qiita-image-store.s3.amazonaws.com/0/95925/46e998cd-67a2-888d-35c0-7a09020f7882.png">

###Cubeを出そう
ひとつのキューブを出すよ
![cube_create.png](https://qiita-image-store.s3.amazonaws.com/0/95925/8a6d276d-71a3-7a30-3c75-2d69c75ca261.png)
####Cubeの作りかた
①「Create」をクリック
②「3D Object」をクリック
③「Cube」をクリック
（「Create」から、色んなものを作ることができるよ）


CubeがSceneにあらわれたかな？
![cube_scene.png](https://qiita-image-store.s3.amazonaws.com/0/95925/7143f71a-ad65-773b-8fb2-5a407a3d1e26.png)

####いろんな場所、むきから見てみよう
いま出したCubeをいろんな場所、むきから見てみよう

#####①いろんな場所から見る
まずはいろんな場所から見てみよう
ハンドツール✋をえらんでね
![camera_move.png](https://qiita-image-store.s3.amazonaws.com/0/95925/2871651a-db98-22b9-b525-0f1878420743.png)

Sceneの上でクリックしながらマウスを動かしてみよう
![camera_movenow.png](https://qiita-image-store.s3.amazonaws.com/0/95925/2d93cddc-7e8c-7506-736f-0355f0206637.png)
Cubeをいろんな場所から見ることができるようになったかな？

#####②いろんなむきから見る
Sceneの上で **「右クリック」** しながらマウスを動かしてみよう
いろんなむきから見ることができたかな？
![kakudo.png](https://qiita-image-store.s3.amazonaws.com/0/95925/f00e75b9-1ff3-4d50-8c27-b8a7ab084cec.png)


####Cubeを動かそう

次に、さっき作ったCubeを動かすよ
移動ツールをクリックしてね
![yajirusi_sentaku.png](https://qiita-image-store.s3.amazonaws.com/0/95925/0b726590-bdf2-3345-69e1-ef548f001283.png)

動かしたいモノ（Cube）をクリックしよう
やじるしが出てきたかな？
![yajirusi.png](https://qiita-image-store.s3.amazonaws.com/0/95925/e86a1f05-af06-d0d8-501c-0a2fa518271c.png)

まずは上に動かしてみよう
上に向いている黄緑色のやじるしを、クリックしながらマウスを上に動かそう
![yajirusi_y.png](https://qiita-image-store.s3.amazonaws.com/0/95925/0938c54a-dd9f-0882-3479-216188b4833c.png)
Cubeが上に動いたかな？



「Game」が、プレイ画面だったね
あれ？GameにCubeがいないね
![look_game.png](https://qiita-image-store.s3.amazonaws.com/0/95925/7410af77-37d4-d5c8-f146-272c42cf9a4a.png)


**＜ミッション＞**
Gameから見てCubeが見やすい場所になるように
3つのやじるし（青・赤・黄緑）を使ってCubeを動かしてみよう
![cube_game.png](https://qiita-image-store.s3.amazonaws.com/0/95925/67fe8e59-32b3-7ebd-f9e4-89104063ef12.png)



ミッションクリアしたら、ゲームを保存（ほぞん）しよう
⌘Commandキーをおしながら、Sキーをおすとセーブできるよ



#宝探しゲームを作ろう

それでは宝探しゲームを作っていきます


##Sceneをひらこう
宝探しゲーム用のSceneをひらくよ
まずはProjectの、Sceneというフォルダの右にある三角▶をクリック
![scene_click.png](https://qiita-image-store.s3.amazonaws.com/0/95925/df4ab316-090a-de0d-ab1e-9eb14d330d47.png)

「Tutorial」と「Main」のふたつが出てきたね
Mainが、宝探しゲームのSceneだよ
Mainを **ダブルクリック** して、ひらこう
![main_click.png](https://qiita-image-store.s3.amazonaws.com/0/95925/d397fcae-d371-ef77-8ff5-38a770feef22.png)

こんな画面が出てきたらOK
次にすすもう
<img width="1679" alt="スクリーンショット 2019-03-05 15.09.10.png" src="https://qiita-image-store.s3.amazonaws.com/0/95925/22af7f4b-4e11-beef-8de2-850e04cdc928.png">

##プレイヤーを動かそう
さっそく、プレイヤー（主人公）を動かしていくよ

###コードをつくろう
動かすためには「コード」がひつようだよ！
「Scripts」フォルダの、「CharacterControllerScript」を**ダブルクリック**してひらこう
![script_open.png](https://qiita-image-store.s3.amazonaws.com/0/95925/9360ebd2-6b42-7f98-85dd-744ef41964fb.png)

すこしまつと、こんな画面が出てくるよ

<img width="1077" alt="スクリーンショット 2019-02-26 12.45.14.png" src="https://qiita-image-store.s3.amazonaws.com/0/95925/ee36df4c-eca6-0f25-5eda-a6ae23768794.png">


####変数を作ろう
プレイヤーを動かすのに使う変数を作っていくよ

まずは「characterController」という名前の変数を作るよ
赤いしかくの中のコードを、自分で書いてみよう
![hensu1.png](https://qiita-image-store.s3.amazonaws.com/0/95925/7793454d-04cc-e6ea-9a1b-28faa49c4a7a.png)


この調子で、あと4つ変数を作ろう
赤いしかくの中のコードを書いてね
![hensu2.png](https://qiita-image-store.s3.amazonaws.com/0/95925/18f5dd09-5093-6f6d-6b11-58b9f9c5d72f.png)

また、下のコードも書こう
これは、さっき作った変数「characterController」を使うための初期設定だよ
![start.png](https://qiita-image-store.s3.amazonaws.com/0/95925/2fda7878-9306-ded8-2fb0-d57716840213.png)



####①前に動くようにする
上やじるしキーをおしたら、プレイヤーが前にすすむようにしよう

「○○キーがおされたら、△△歩動かす」は、Scratchだと「ずっと」の中に入れるよね
Unityでは、「ずっと」のブロックのかわりに「void Update()」を使うよ
![update.png](https://qiita-image-store.s3.amazonaws.com/0/95925/1a617408-a0e4-78ac-a5f6-93d23a24ca2a.png)

上やじるしキーで前にすすむは
Scratchであらわすと、こんなコードになるね
<img width="768" alt="スクリーンショット 2019-02-28 10.49.41.png" src="https://qiita-image-store.s3.amazonaws.com/0/95925/4c827408-7fe9-ac76-561b-2b2f79b98b28.png">

Unityだと赤いしかくの中のようなコードになるよ
画像を見ながら書いてみよう
![ue.png](https://qiita-image-store.s3.amazonaws.com/0/95925/7e06eac8-1912-0871-4edd-4ccb7488e9dc.png)


コードが書けたら保存（ほぞん）しよう
⌘Commandをおしながら、Sキーをおすとセーブできるよ

プレイヤーが動くか確認してみよう
Unityにもどって、実行ボタン▶をおしてね
上やじるしキーで、前にすすむようになったかな？


####②うしろに動くようにする
次は、下やじるしキーをおしたら、うしろに動くようにしよう
Scratchだと、こんなコードになるね
<img width="767" alt="スクリーンショット 2019-02-28 10.56.21.png" src="https://qiita-image-store.s3.amazonaws.com/0/95925/3b41ba7b-3065-00c5-5d87-290579f929a9.png">

Unityだと、こんなコードになるよ
画像を見ながら書いてみよう
![shita.png](https://qiita-image-store.s3.amazonaws.com/0/95925/24fe0a3f-ea80-9650-715b-a240bffc0df7.png)

コードが書けたら保存（ほぞん）しよう
⌘Commandをおしながら、Sキーをおすとセーブできるよ

プレイヤーが動くか確認してみよう
Unityにもどって、実行ボタン▶をおしてね
下やじるしキーで、うしろにすすむようになったかな？


####③右に動くようにする
右やじるしキーをおしたら、右に向くようにしよう
Scratchだとこんなコードだよ
<img width="766" alt="スクリーンショット 2019-02-28 11.38.08.png" src="https://qiita-image-store.s3.amazonaws.com/0/95925/4f4ad1c7-d300-d5c5-34f2-11d143564aa5.png">

これをUnityで書くと、こんなコードになるよ
画像を見ながら書いてみよう
![migi.png](https://qiita-image-store.s3.amazonaws.com/0/95925/ad7ed257-d8a9-0048-051f-6b250a95270c.png)

コードが書けたら保存（ほぞん）しよう
⌘Commandをおしながら、Sキーをおすとセーブできるよ

プレイヤーが動くか確認してみよう
Unityにもどって、実行ボタン▶をおしてね
右やじるしキーで、右をむくようになったかな？


####④左に動くようにする
左やじるしキーをおしたら、左に向くようにしよう
Scratchだとこんなコードだよ
<img width="764" alt="hidari.png" src="https://qiita-image-store.s3.amazonaws.com/0/95925/1a706bc5-1a1f-a46b-e5ff-6a4e2cf0b867.png">

これをUnityで書くと、こんなコードになるよ
画像を見ながら書いてみよう
![hidari.png](https://qiita-image-store.s3.amazonaws.com/0/95925/c55accf9-4488-79aa-0dcb-7ef55f2b5d34.png)

コードが書けたら保存（ほぞん）しよう
⌘Commandをおしながら、Sキーをおすとセーブできるよ

プレイヤーが動くか確認してみよう
Unityにもどって、実行ボタン▶をおしてね
左やじるしキーで、左をむくようになったかな？


####⑤ジャンプできるようにする
スペースキーをおしたら、ジャンプできるようにしよう
Scratchのブロックだと、こんな組み合わせになるコードをUnityで書いていくよ
<img width="459" alt="スクリーンショット 2019-02-28 13.39.43.png" src="https://qiita-image-store.s3.amazonaws.com/0/95925/67f37459-2147-cb29-61b5-0890613502f4.png">

ちなみにUnityでは、こんなコードになるよ
画像を見ながら書いてみよう
![jump.png](https://qiita-image-store.s3.amazonaws.com/0/95925/fb386625-b603-e379-85e0-ac48ebe4fcf1.png)



コードが書けたら保存（ほぞん）しよう
⌘Commandをおしながら、Sキーをおすとセーブできるよ

###プレイヤーが動くかカクニン
さいごにUnityにもどって、実行ボタン▶をおしてね
プレイヤーが行きたい方向に動けるようになったかな？
また、ジャンプできるようになったかな？
カクニンしてみよう


##宝箱をゲットできるようにしよう
###タグを作ろう
Unityさんは、宝箱が宝だと分かっていないから
Unityさんに「これは宝だよ！」と教えてあげよう

そのために「タグ」という機能を使うよ
まず宝のタグを作ろう

Hierarchyの、宝箱（Treasure1）をクリック
![treasure_click.png](https://qiita-image-store.s3.amazonaws.com/0/95925/e1c1ae9d-4332-a0f7-8650-ddea95768123.png)



いまはタグ（Tag）が「Untagged」になっているね
（Untaggedは、タグなしという意味だよ）
![untagged.png](https://qiita-image-store.s3.amazonaws.com/0/95925/3251304c-e33f-a484-3601-c02f893d224b.png)


Untaggedをクリックして、Add Tag...をクリックしよう
Add Tag...は、タグをふやすという意味だよ
![addtag1.png](https://qiita-image-store.s3.amazonaws.com/0/95925/909b6d31-e9f5-98e2-3e2b-49bca65700ac.png)


プラスボタン（＋）をクリックして、新しいタグを作ろう
![plus_button.png](https://qiita-image-store.s3.amazonaws.com/0/95925/aa426a5b-1197-52fe-8b28-f058542e36e0.png)


名前は「Treasure」がおすすめだよ
（Treasureは、英語で宝という意味だよ）
※日本語は使えないよ
![treasure_input.png](https://qiita-image-store.s3.amazonaws.com/0/95925/e6feac73-0891-6517-7b64-ce4d03be51a2.png)

名前を打ったら、「Save」（セーブ）をクリック
![tag_save.png](https://qiita-image-store.s3.amazonaws.com/0/95925/f1063b80-2f6a-6465-8354-fb98cca232de.png)


いま打った名前が出てきたかな？
![treasure_dekita.png](https://qiita-image-store.s3.amazonaws.com/0/95925/b207eff8-cfe2-65c4-f091-aa2316d7a9b7.png)



タグができたら、またHierarchyから宝箱（Treasure1）をクリックしてね
![treasure_click.png](https://qiita-image-store.s3.amazonaws.com/0/95925/3482017f-13d2-5e89-8e48-7979b5d8060a.png)


いま作ったタグをえらぼう
![tag_click.png](https://qiita-image-store.s3.amazonaws.com/0/95925/fd09dfe1-3ae0-0e03-e50f-4d9dcea385fb.png)


宝をゲットできるようになったかカクニンするよ
実行ボタン▶をクリックして、プレイヤーを動かし宝箱に体当たりしてみよう

宝箱が消えたらOKだよ


ゲームを保存（ほぞん）しよう
⌘Commandをおしながら、Sキーをおすとセーブできるよ

##宝箱をふやそう
宝箱のかずを5こにふやすよ
Hierarchyの宝箱（Tresure1）を**右クリック**して
「Duplicate」をクリック
Duplicateは、「複製（ふくせい）」という意味だよ
![duplicate.png](https://qiita-image-store.s3.amazonaws.com/0/95925/d464b7be-9a8a-ef7f-efd4-0dbcecbdc4f7.png)



3つのやじるしを使って、宝箱を好きなばしょに動かそう
![treasure2_idou.png](https://qiita-image-store.s3.amazonaws.com/0/95925/c5d31238-e8d4-647c-19e5-49bb9193add1.png)


おなじやりかたで、宝箱をぜんぶで**5こ**にしよう
![treasure5.png](https://qiita-image-store.s3.amazonaws.com/0/95925/0c6ad041-7aec-5ed4-c3f8-fd242c6a5751.png)


5こにふやせたら、実行ボタンをおしてゲームで遊んでみよう
ぜんぶゲットできるかな？


ゲームを保存（ほぞん）しよう
⌘Commandをおしながら、Sキーをおすとセーブできるよ

##ゲームをパワーアップさせよう
###ステージをかえよう
ステージを作りこんで、見た目も本格的なゲームにしちゃおう
![スクリーンショット 2019-02-15 14.30.00.png](https://qiita-image-store.s3.amazonaws.com/0/95925/7e36acc6-43db-450b-cbdb-c0e7498fe17c.png)

作りかたは[こちら](https://qiita.com/saorinrinrin/private/15d76a0e019540405444#3%E5%9C%B0%E5%BD%A2%E3%81%AB%E9%AB%98%E4%BD%8E%E5%B7%AE%E3%82%92%E3%81%A4%E3%81%91%E3%82%88%E3%81%86)

###BGMをつけよう
好きな音楽をながして、もっとカッコいいゲームにしよう
作りかたは[こちら](https://qiita.com/saorinrinrin/private/7624777c120f27a15f5c)


##ゲームが完成したら…
自分のゲームで遊んでみよう

さいごにゲームを保存（ほぞん）してね
⌘Commandをおしながら、Sキーをおすとセーブできるよ