今日からはじめるUnity

## Pref.
Unityの初心者向け講座資料です．
<font color="red">「Unityは触ったことがないけど，いつか触ってみたいんだよね...」という方．</font>
あたなも今から始めましょう．Unity.

プログラミングは完全に初めてという方はドットインストールなどのサイトで学習してから見ると導入が早くなるかもしれません．if文って何？変数って何？というレベルだと結構辛いかもしれません...
ここではUnityとはなんぞや．というところからUnityで実際にブロック崩しを作ってみるところまでやります．

この記事を読めば初めてUnityを触る人でもこういったものが作れます｡(･ω･｡)
![43g214.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/e3803372-c851-a93d-2387-aa37c1daa47f.gif)

「え！？...始めるのが怖い！？．．．(バッカお前...)俺がついてるだろ」(小並感)
一度言ってみたかった()

<font color="red">Unityの完成プロジェクトをGitHubにおいておきました．</font>
https://github.com/nmxi/UnityBreakOut

間違いがあったらコメントを頂けると幸いです．(よろしくお願いします...)

## Env.
Unity （2018 1.5f1 から 2019.1.12f1 あたりのVersion．2019.3以降のUIがアップデートされたものもボタンなどの見た目は違いますが基本的に同じです．）
※Unityアップデートによって少しずつUpdateしています．

Windows 10 64bit または MacOS 10.14以上

## Contents

### Ⅰ.Unityとは
Unityとはゲームエンジンです．
ゲームエンジンとは，

- 描画
- サウンド再生
- UI(ユーザーインターフェイス)管理
- データ作成，管理

などの要素を揃えた「ゲームを作るための統合開発環境」のことです．
<font color="red">つまりこのゲームエンジンを使えば誰でも簡単にゲームを作ることが可能</font>になります．

ゲームエンジンの代表的なものは以下があります．
(記事執筆開始時点)

|エンジン|主な開発言語|得意なこと|対応プラットフォーム|
|---|---|---|---|
|Unity|C#|ぶっちゃけ何でも|PC,Mobile, WebGL, WindowsStore, Xbox, PS4, NintendoSwitch, tvOS, PSVita, Facebook <font color="red">etc...</font>|
|Unreal engine 4(UE4)|ブループリント, C++|3D/2Dゲーム開発,アートの作成など|PC, Mobile, HTML5, WindowsStore, Xbox, PS4, NindentoSwitch <font color="red">etc...</font>|
|RPGツクール|javaScript|2D-RPGゲーム|PC, Mobile|
|吉里吉里|TJS(js Like Lang.)|ノベルゲーム|Windows, Mobile|

※PC = Windows, MacOS, Linux
※Mobile = Android, iOS

他にも無数に存在しています．
殆どのゲームエンジンは得意な分野を絞り開発されているものが多数です．

<b>しかし</b>
Unityは進化を重ね，<font color="red">現在ではゲームを作るためだけに使われているわけではありません．</font>

今回はUnityの初心者向けの資料なのでUnityにクローズアップして書いていくのですが，
始めに言いますとUnityはめちゃくちゃプロトタイプ作成に強いです．
こんなものが作りたいな～的なことを思ったときに簡単にUnityを触れるようになっておくと
短時間で思いをカタチにできます．

他のツールは得意な分野を絞り開発されていると先ほど記述しました．
極端に書きます．
ノベルゲームを作りたい...となったときの開発に必要な機能は全部吉里吉里に入ってるし，
RPGゲームをつくりたい...となったときに必要なものは全部RPGツクールに入っています．

ではこれらを
ノベルゲームを作りたい => Unityでつくるか
RPGゲームを作りたい => Unityでつくるか
に置き換えてみます．Unityはゲームエンジンですが，ノベルを作るために特化したゲームエンジンではないし，RPGゲームを作るために特化したゲームエンジンでもありません．

つまりUnityは殆どのことをしようとしたときに必要な機能が8割方なゲームエンジンです．
これじゃ別にUnityじゃなくても...と思ったそこのアナタ．
<font color="red">Unityはエディタの拡張が簡単にできます</font>（初心者からすると難しいですが...）

聞いた話ですが
Unityを開発されておられる方々はUnityを〇〇に特化したゲームエンジンにしたいわけではなく，ユーザが作りたいものをカタチにするために使って欲しい．だから8割方の機能はUnityで提供するから，あとの少し足りない部分はユーザが自分自身で機能を拡張して，自分専用のエディタにしてね！
と言うことみたいです．

奥深い.( ノﾟДﾟ)

(という話は聞いたことがありますが...100%では無いのでその辺りはお願いします...)

また3Dを扱える点，そして動画も作れる点から見てみます．
3DCGで動画を作成するならMayaとかBlender，Houdiniの仕事じゃない？と思う方もいると思いますが，
確かに最終的な画作りのクオリティーはそれらのツールはこの上ないほど最強ですが，Unityがそれらのツールに比べて強いのが
<font color="red">リアルタイム3DCGレンダリング</font>の点です．

例えばゲームの中でイベントムービーを流すとなったとします．
ムービーの前でシナリオが2分岐したら，ムービーを2通り用意しなければならなくなりました．
2つ寸劇を作る，つまり動画ファイルを2つ作成するならば前者のツールで構わないと思いますが，
Unityならゲームの内のモノとかをプログラムで制御してあげることで，動画をリアルタイムに描画することが可能です．
結果1個寸劇の制御の塊を作ってあげれば良くなります．
このとき<font color="green">リアルタイムに描画する</font>というのと<font color="green">クオリティーを損なわない</font>という相反する話が出てくるのですが，Unityはそのクオリティーの問題と”リアルタイムに”ということを解決してくれます
（ちょっとその辺を詳しく説明するのは難しい...）

手っ取り早いのはこの動画を見てみて下さい．
[ADAM : Episode1](https://www.youtube.com/watch?v=GXI0l3yqBrA)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/4a7184ed-826b-7c23-f9cc-ad90c4749c03.png)

こういったクオリティーの映像がリアルタイムに制御できます．(フォトリアルのコンテンツとかに効く)

---

とりあえず話を戻して初めに知ってもらいたいUnityについてのことは4点．

- <b>Unityを手軽に使えるようになるとプロトタイプ作成が容易</b>
- <b>Unityはゲームだけでなく動画やゲーム以外のアプリも作れる</b>
- <b>Unityのエディタは拡張できる</b>
- <b>Unityはリアルタイムレンダリングに強い</b>

ということでUnityを実際に使ってものを作っていきましょう！

### Ⅱ.Unityのインストール
まずUnityをインストールしましょう．
UnityにはPersonalやPlus,Proといったエディションが存在します．

|エディション|月額|制限によってできないこと|
|---|---|---|
|Personal|無料|スプラッシュスクリーン変更，Ads,アプリ内課金 etc...|
|Plus|¥4,200|アナリティクス可視化, プレミアムサポート, ソースコードアクセス|
|Pro|¥15,000||
|Enterprise|||
|Education|教育版||

現在誰でもPersonal版を無料で使うことができます．
Unityのバーションは執筆時点でUnity2018.1ですが，2年前にでていたUnity5以前はもっと無料枠(Personal)の機能制限が厳しく，凝ったことをしたくなったときに辛いものでした．
現在は無料枠でも辛い機能制限は特にないので起動時のMade with Unityのロゴ(スプラッシュスクリーン)を消したい，とかUnityエディタの色を白から黒にしてカッコよくしたいとかなければPersonalで良いと思います．
自分はエディタを黒にしたいだけのためにPlusに入っています(笑
もしかしたらCloud Build（Unityで作ったものをCloudで自動的にビルドしてくれるUnityのサービス）を利用したりするときに少し有料版の方がクールタイムや，容量が緩和されていたかもしれません．

また，Unityで作った売上でニコニコし始めたらPersonal版で儲けていい金額や資産額が条件で決まっているので，Plus,Proライセンスを購入する必要がでてきます．(結構な額行かないと関係ないですがw)

ということで各エディションのだいたいの違いを分かって頂けたと思いますので，
Personalを公式ページよりダウンロードしてインストールしましょう．

[https://store.unity.com/ja](https://store.unity.com/ja)
このURLからPersonal版を試す→条件に同意→OSに合わせたインストーラーをダウンロードしてください．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/78ce4c12-3323-6e4c-0403-d9df9bdb0d1a.png)

ダウンロードが完了したらインストーラーを起動させます．
インストールを進めて行くと以下のような画面になると思います．
UnityでAndroid用アプリ開発をする予定ならばAndroid Build Supportにチェックを入れ，
iPhone用アプリを開発するならばiOS Build Supportにチェックを入れて下さい．
もしもここでチェックを入れなくても後で追加が可能なので，とりあえずPCで動作すれば良いという人は
デフォルトのままでNextを押して次に進んで構いません．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/c4a460f7-feb5-db2e-755e-f486942f623d.png)

インストールが完了し，Unityを起動させると初回起動時にUnityのアカウントでのログインを要求されると思います．Unity IDを持っていない方は公式ページでアカウントを作成してください．

[https://unity3d.com/jp](https://unity3d.com/jp)
このURLの右上の人のマークからUnity IDを作成できます．

### Ⅲ.Unityプロジェクトを作成する
Unityをインストールしログインした後，またはUnityを起動した後に以下の画面が表示されます．

![3r2qwfeads.png](https://qiita-image-store.s3.amazonaws.com/0/181807/4d81d693-fd4a-a3aa-3393-fcbd0d935be6.png)

この画面でUnityのプロジェクトを作ったり過去に作ったものを開いたりすることができます．
過去にプロジェクトを作成したことがあるとぼかしが入っているところに過去に作成したプロジェクトの一部が表示されています．
Unityを初めてインストールした環境ではまだプロジェクトは何もないので右上のNewをクリックして新しいプロジェクトを作成しましょう．
Newをクリックすると以下の画面になると思います．今回の講座ではブロック崩しを作ってみるのでProject nameに「Breakout」と入力します．それ以外の項目はそのままで右下のCreate Projectをクリックします．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/e675bd6b-27fe-54e1-c83c-712a34035026.png)


### Ⅳ.Unityエディタを理解する
プロジェクトを作成するとUnityエディタが起動する思いますが，初めてエディタの画面をみると私もはじめ見たときに思ったのを覚えていますが，「何すればいいのか分かんねぇ～(´・ω・｀)」ってなるのでまずUnityのエディタの説明を書きます．
以下がプロジェクトを初めて作ってUnityを起動したときの画面です．

![4tw2egfravsd.png](https://qiita-image-store.s3.amazonaws.com/0/181807/f63964f1-09c4-997f-6dd4-83edc255066f.png)

UnityのエディタはUnityのウィンドウの中に複数のウィンドウが配置されています．それぞれのウィンドウはUnityの細かく分けた機能を担っています．

- ①ヒエラルキーウィンドウ(Hierarchy)
- ②シーンウィンドウ(Scene)
- ③インスペクターウィンドウ(Inspector)
- ④プロジェクトウィンドウ(Project)

<b>Play, Pause, Stepボタン</b>
これはウィンドウではありませんが，<font color="red">作ったものを実際に動かしてみるときに使うボタンです．</font>
左からPlay,Pause,Stepボタンになります．

- Play : 動作開始（実行）
- Pause : 一時停止．これをクリックしてからPlayを押すと1フレーム目で一時停止される．
- Step : 一時停止した状態でクリックすると1フレーム時間が進められる．デバッグに便利．

<b>①ヒエラルキーウィンドウ</b>
現在シーン内に存在しているオブジェクトを管理できるウィンドウ．
Unityをイメージで説明しますが，仮想3D空間があってその中でオブジェクト（物体）を配置して，その仮想空間内にあるカメラに写ったものがアプリとして操作するときの画面になります．
ちょっと分かりにくいかな？....
イメージ的にはこんな感じ．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/e3572a30-2173-4050-4b16-5034e3c15f3a.png)

厳密にいうとカメラもオブジェクトの1つなのですが....
とにかく<font color="red">ヒエラルキーウィンドウはオブジェクトを作成したり削除したり，選択したりできます．</font>

<b>②シーンウィンドウ</b>
ヒエラルキーウィンドウの説明に貼ったイラストのUnityのプロジェクト内の3D空間の様子がリアルタイムで見れます．
<font color="red">シーンウィンドウでオブジェクトの直接操作や配置確認がリアルタイムで行えます．</font>

<b>③インスペクターウィンドウ</b>
<font color="red">オブジェクトの細かい設定ができます．</font>
このウィンドウ使わずして何も作れない！

<b>④プロジェクトウィンドウ</b>
スクリプト(C#言語で書かれたプログラム)やマテリアル(後述)，画像ファイルなどといった<font color="red">プロジェクト内に存在するファイル一式が管理できます．</font>ここに直接ドラッグ&ドロップするとUnityのプロジェクト内に画像などを取り込むことができます．

上の画像には重なって見えてないウィンドウや表示されていないウィンドウですが以下のウィンドウは重要なので説明しておきます．

<b>ゲームウィンドウ(Game)</b>
<font color="red">最終的にアプリで動作するときの画面．</font>デフォルトのウィンドウの配置ではシーンウィンドウと重なっていますがPlayすると全面に出てきます．この画面ではオブジェクトの位置を調整したりはできませんが「マウスで実際画面操作をしたらこうなる」みたいな機能を実装してあったりすると，最終的な書き出し後のマウス操作のデバッグができたりします．

<b>コンソールウィンドウ(Console)</b>
<font color="red">デバッグログが表示されます．</font>スクリプトの記述にエラーがあったり，実行時にエラーが起きたりするとここに表示されます．スクリプトでエラーが出たりしたときは赤文字で表示され，そのエラーをダブルクリックすることで実際にプログラムのどこでエラーが起きているのか，ジャンプすることが可能です．(場合によってはできない時もありますが)

以上がとりあえず重要な代表的なウィンドウですが，他にも無数にウィンドウは存在しています．ここでは説明しませんが左上のWindowからウィンドウを新しく表示することができます．Profilerウィンドウとか開発には後々開発現場には不可欠になってきたりします...(Play時のCPUの負荷とか細かく見れる)

またデフォルトのウィンドウの配置は上の画像の通りになっていますが，Unityをガリガリ使っていくとだんだんとデフォルトだと使いづらくなってきます．そのときは<font color="red">それぞれのウィンドウ名をドラッグすることでウィンドウの配置を自由に変更可能</font>なので，変更しましょう．
ウィンドウの配置の保存，プリセットの呼び出しはUnityのウィンドウの右上にあるボタンから可能です．（これを使いこなすと作業効率が変わる）

以下の画像のLayersの右のボタンです．現在はDefaultの配置が選択されています．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/abc39df8-6249-77fe-4a90-b1090aa11b95.png)

ちなみに私の愛用しているウィンドウ配置はこれです．(みんなこの配置使おうぜ(´・ω・｀)....個人的Unityウィンドウ配置のすゝめ)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/43f32399-ebf5-4c9f-cb11-b509d02abb4c.png)

### Ⅴ.シーンについて理解する
Unityでブロック崩しを作るのに必要な知識が揃うまで，あと一歩のところにきました．
Unity初心者で「は？(´・ω・｀)」ってなる要素の1つ<font color="red">「シーン(Scene)」の説明をします．</font>

先程プロジェクトを作成しました．プロジェクト名は「Breakout」，つまりブロック崩しという名前でプロジェクトを作りました．
そしてプロジェクトの中にシーンと概念があります．それぞれのシーンはゲームの中のその名の通りシーンを保存できます．

以下のイラストを見て下さい．シーンのイメージ的にはこんな感じ．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/4338aa53-c5c9-58b8-7202-47b8d9784663.png)

上の図だとそれぞれのシーンでやることの割り振りはこんな感じ

- Title Scene : タイトル画面のシーン
- Main Scene : ゲームで遊ぶシーン
- Result Scene : 結果を表示するシーン

今回Breakoutを作るのを例として3つシーンを割り振ってみました.
(1つのシーンでタイトル画面から結果を表示するまでを行うやり方もありますが，複雑になるのでここでは説明しません．)

それぞれのシーンの中でそれぞれオブジェクトの配置などを行っていきます．そして最終的にアプリを実行したらTitle Sceneが起動して，スタートを押したらMain Sceneに行って...ゲームオーバーしたらResult Sceneに移って...って感じ．

そういったことを考えながらシーンの割り振りはします．
Unityのプロジェクトの中には必ず1つ以上のシーンが存在しなければなりません．
シーンファイルの拡張子は<font color="red">.unity</font>です．

プロジェクトウィンドウ上でシーンファイルはUnityマークで表示されます．画像はMainシーンのファイル．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/db0e52c5-9edf-29b0-f796-d723c01dd1a5.png)

### Ⅵ.実際にブロック崩しを作る
では今度こそ実際にUnityでブロック崩しを作っていきましょう．

#### 1.シーンを作成
プロジェクト作成後の以下の画像と同じ状態から説明を書きます．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/fb199781-9bfc-3e82-3474-11c669d26307.png)

プロジェクトウィンドウの中にSceneフォルダがあるのでクリックして開きます．
![32qew.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/af13c0f5-fdb0-70f4-64e6-6aae5aa7100f.gif)

開いたらSampleScene.unityがありますが，これはプロジェクト作成時に自動的に作られる空のSceneです．
これを右クリックして名前をMainに変更します．
![23wer456.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/14417d4c-8300-152d-31ef-4d5a03874811.gif)

Mainシーン以外にもシーンで説明したように今回はタイトルシーン(Title)と結果を表示するシーン(Result)が必要なので，
プロジェクトウィンドウ内を右クリック → Create → SceneでTitleシーンとResultシーンを作成します．
![r6jeyhtrgs.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/0652b669-3d0f-5384-d7fa-4fdecebe57b0.gif)

これで3つのシーンが用意できました．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/a9bc6768-d442-0d6c-34be-f786c96867a7.png)

#### 2.Mainシーンにオブジェクトを配置
これからMainシーンを編集するので<font color="red">MainシーンをクリックしてMainシーンの編集に入ります．</font>
現在どのシーンを編集しているかはヒエラルキーウィンドウで確認できます．
今はここが<font color="red">Main</font>になっていることを確認して下さい．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/a83bd5f2-a375-43b0-b6fe-15f93608991f.png)

Mainシーンにどういったオブジェクトが必要か，オブジェクトを配置する前にMainシーンの完成図をもう一度細かく確認してみましょう．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/ea60b8e8-dbe3-10e1-8764-9bbf4d03d782.png)

まずゲームを行うフィールドとなる「球がどこかに行かないようにする箱」が必要ですね．
次にその箱の中で転がす球．
そしてプレイヤーが操作する「球を跳ね返すためのBox」，最後に球の標的となる「ブロック」が必要ということを確認しておいて...
実際に配置していきます．

ヒエラルキーウィンドウを右クリックして
3D Object → Cube
を選択することでシーン上にボックスが配置できました．
![kt7jur6bynhgrvet.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/59642f2e-f1f2-6712-8187-0bee291c9af5.gif)

ヒエラルキーウィンドウにCubeが追加されましたが，これは「球がどこかに行かないようにする箱」の底部分(床)にしたいので分かりやすいようにオブジェクトの名前を変更しましょう．
Cubeを選択 → 右クリック → Rename
でオブジェクトの名前変更が可能です．取りあえず「Yuka」としました．
![h4gr43we.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/ce4f9f67-681b-7ed7-6942-610cbcf8cc67.gif)

ヒエラルキーウィンドウで<font color="red">Yukaオブジェクトを選択してから</font>インスペクターウィンドウを見てみましょう．
以下の画像のようなものが表示されていると思います．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/72fb64ef-9778-a2a4-5b7d-977b89cc2978.png)

これは今作成した"Yuka"オブジェクトに追加されている<font color="red">コンポーネント</font>の一覧になります．
<font color="red">コンポーネント</font>とはオブジェクトに追加されている<b><font color="red">性質</font></b>のことです．
Unityにおいて<font color="red">全てのオブジェクトはコンポーネントによって<b>様々な性質を与えられます．</b></font>
文章だけではココもつまずきやすいと思うので，コンポーネントの説明をした以下のイメージイラストを見て下さい．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/535177e1-cb7c-6caa-3265-4ca9392b9a9b.png)
<font color=orange>ここに書かれたコンポーネントはそれぞれのオブジェクトが持っているコンポーネントの全てではありませんが</font>まずこれらはオブジェクトを作成したときに初期から与えられているコンポーネント以外に，<font color="red">「このオブジェクトは〇〇をするために存在しているから，このコンポーネントは必要だよね」</font>ということに基づいて書いてあります．
次のような感じ...

- Playerオブジェクト : これはゲームのヒロインで人間だからまず床の上を歩くよね？だったら当たり判定をつける<font color="red">Colliderコンポーネント</font>をつけて，重力も必要だから<font color="red">RigidBodyコンポーネント</font>をつけよう．<font color="orange">PlayerControllerコンポーネントについては後述します．</font>
- Catオブジェクト : これもヒロインと同様床の上にいて...当たり判定と重力が必要だから...ColliderコンポーネントとRigidBodyコンポーネントをつけよう.<font color="orange">Catコンポーネントについては後述します．</font>
- 床オブジェクト : 床は，とりあえずヒロインと猫が床をすり抜けなければ良いから，当たり判定をつけよう...Colliderコンポーネント
- 街灯オブジェクト : 街灯は光源だよね，だったらLightコンポーネントをつけよう．...あ，ここには書いてないけど街灯の柱部分にColliderコンポーネントを追加して当たり判定つけてもよかったかも....

こういったような考え方でコンポーネントをオブジェクトに与えていきます．

では作業に戻ってUnityのヒエラルキーウィンドウで"Yuka"を選択してからインスペクターウィンドウを見てみて下さい．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/e32d9cd5-b635-d6cb-4395-a321d3388bf7.png)


まず上からTransformコンポーネントがあり，2つめにCube(Mesh Filter)コンポーネント，その次にMesh Renderコンポーネント，Box Colliderコンポーネントと続いていると思います．
1つずつ説明すると...

- <font color="red">Transformコンポーネントは必ずオブジェクトが持たなければならないコンポーネント</font>で消せません．空間上のどこにこのオブジェクトがあるのか，回転角情報，大きさの情報が格納されています．これを動かしてオブジェクトの位置や大きさを変化させたりします．
- Cube (Mesh Filter)コンポーネントは今は知らなくて良いです(複雑なので...)簡単に書くと描画系に関係するコンポーネントです．
- Mesh Rendererコンポーネントも今は知らなくて良いです．これも描画に関係する．(消すとオブジェクトは存在するのに見えなくなったり...)
- Box Colliderコンポーネント，名前の通りこれは<font color="red">箱の形状をした当たり判定をつけるコンポーネント</font>です．

つまり，もうYukaオブジェクトは当たり判定を持った箱です．
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f3138313830372f65613630623865382d646265332d313065312d383736342d3962626634643033643738322e706e67.png](https://qiita-image-store.s3.amazonaws.com/0/181807/017e700b-d4ca-cb91-b43f-9924de334ca9.png)

"Yuka"は今回の作るものの完成形イメージイラストに書いた「球がどこかに行かないようにする箱」の底にしたいので，
<font color="red">Transformコンポーネントのスケール値をいじって平たい床にします．</font>

ヒエラルキーウィンドウのYukaを選択してからインスペクターウィンドウのTransform-Scaleの値を
x=15, y=0.2, z=10に変更します．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/24c35705-9758-725f-6ce2-6ca9f30b1144.png)
できたらSceneウィンドウを見てみましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/0ec62d3e-e603-8b95-4ec7-c35574e598dc.png)
平たい箱の底になりました．

ここでSceneウィンドウの操作方法について簡単に説明しますが，
以下の操作でSceneウィンドウの視点をグリグリ回したり移動したりできます．これになれると3D空間内の配置を把握しやすくなります．
![873fweuhijk.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/67d6171a-5620-a8cf-3b69-e477ff8d9285.gif)

Windowsの場合

|操作|方法|
|---|---|
|特定オブジェクトを中心に回転|Alt + 左クリックドラッグ|
|拡大 / 縮小|マウスホイールを回す|
|視点移動|マウスホイールを押し込みながらドラッグ|
|視点の回転|右クリックドラッグ|
|特定オブジェクトへフォーカス|ヒエラルキーでオブジェクトを選択してからマウスカーソルをSceneウィンドウ上にもっていき"F"キー|

Macの場合(トラックパッド利用時)

|操作|方法|
|---|---|
|特定オブジェクトを中心に回転|option + 1点ドラッグ|
|拡大 / 縮小|垂直スワイプ|
|視点移動|option + command + 1点ドラッグ|
|視点の回転|2点ドラッグ|
|特定オブジェクトへフォーカス|ヒエラルキーでオブジェクトを選択してからマウスカーソルをSceneウィンドウ上にもっていき"F"キー|

---

制作本編に戻ります．
次に球がどこかに行かないようにする箱の壁を作成します．
これがないと箱の中で球を転がしたときに球がどこかに飛んでいってしまいますヾ(*´∀｀*)ﾉ

Yukaオブジェクトを作ったときと同じ要領で，
ヒエラルキーウィンドウで右クリック → 3D Object → Cubeを選択します．
ここではこれを2回行ってそれぞれの名前を"Kabe"にしてください．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/55292e2d-cbc8-88d1-df75-b268f7e015f9.png)

できたらKabeをヒエラルキーウィンドウで選択した状態でインスペクターウィンドウでコンポーネントを確認してみましょう．
TransformウィンドウのPositionが以下の画像のようになっていることがあると思います．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/2ef20e09-1a4d-d119-b837-1b4e5bae77f3.png)
x,y,zがなんかよく分からん数字に....
こうなっていたらトランスフォームウィンドウの右上の歯車アイコンを押してResetを選択してみて下さい．
コンポーネントが初期化され，全ての値がキレイになると思います．
![78y43u2hfwie.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/85fda9b2-f0b6-7ec0-9f5d-3d5b10eac47d.gif)
この時点で「自分なってないけど...」って人もいると思いますが，このぐちゃぐちゃな数字は後々「なんかオブジェクトキレイに配置できねぇ！(# ﾟДﾟ)」ってことに繋がりかねないので，<font color="red">オブジェクトを作成したときにTransformの値がもしもぐちゃぐちゃになっていたらResetを行うことを癖付けておきましょう．</font>
"Kabe"は2つ作りましたよね？もう1つの"Kabe"オブジェクトのTransformも確認しておき，ぐちゃぐちゃならResetしましょう!
(ぐちゃぐちゃな値になってしまう理由は，私がとある会社で昔Unityの初心者講座を受けたときに，Unityは裏で複雑な計算頑張って計算してるからこその誤差なんだよ(笑)と教えられました，実際はなんでなんだ？未だに分からん)

"Kabe"オブジェクトのTransformの中の値を変更して壁を作っていきます．それぞれのKabeオブジェクトのTransformコンポーネントの値は以下にしてください．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/8d30c26d-fc32-d7be-66d4-5ff2d49bf1e1.png)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/6244cf5b-ad06-c7d2-a4e1-81f414269703.png)

それぞれのオブジェクトのTransformの値がちゃんとできていると現在以下の形になっていると思います．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/2f94e0e2-7161-b23d-9969-ca3918e8ed10.png)

壁が半分できました．
ではヒエラルキーウィンドウを見て下さい．
ヒエラルキーウィンドウに現在Kabeが2つ存在しているのでそれらを<font color="red">Shiftを押しながら左クリックをして2つ選択します．</font>
その後<font color="red">Ctrl + D(MacならCommand + D)</font>で複製(Duplicate)します．すると壁が4つになったと思います．
オブジェクト名に含まれるカッコは無視しても消してもどちらでも構いません．
![3764y8f2qjuehwdi.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/54bb67b2-251a-a6b8-ca64-76effb53613c.gif)

複製したらそれらのTransformコンポーネントのpositionの値を
z=5 → z=-5
x=7.5 → x=-7.5
のように変更して対象化しましょう．
できたら以下のように「球がどこかに行かないようにする箱」が完成します．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/be96fba1-a9ad-84ac-4555-38ec14227a3e.png)

ではこの箱を管理しやすいようにしましょう．
ヒエラルキーウィンドウで右クリック → Create Emptyを選択し
"GameObject"という名の空オブジェクトを作成して下さい．
これはインスペクターを確認すると分かると思いますが，名の通りTransformコンポーネントしかコンポーネントを持っていないと思います．
<font color="orange">またここでも，Transformコンポーネントの値がぐちゃぐちゃならResetって下さいね(●´ω｀●)</font>
そしたら名前を"GameObject"から"Hako"にでも名前を変えましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/fc402d3a-c967-0970-90ac-05d286169f32.png)

名前を変更したら，Yukaオブジェクトと複数のKabeオブジェクトをHakoの<font color="red">子オブジェクト</font>にします．
先程のKabeを複製をした時のように<font color="red">Shift + 左クリック</font>で複数選択して，ドラッグして"Hako"オブジェクトの中に入れます．
すると"Hako"オブジェクトの配下に"Yuka"と"Kabe"が入ったと思います．
![uirvsjdkn2.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/32a18e30-161d-eb92-f0d7-ea98f936fe22.gif)

このように<font color="red">子オブジェクト</font>にすることで親オブジェクト(ここでは"Hako"オブジェクト)を動かすことで子オブジェクトも追従して動くようになり，箱を移動させたければ"Hako"オブジェクトを移動させれば良くなり，管理が楽になります．

![7843yuwdjhokif2eq.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/dfe5648e-b41f-7193-a033-50e2da4df365.gif)

ここまでくればオブジェクトの配置については，ほぼマスターできたと思いますので，その流れで「球」と「プレイヤーが操作する球を跳ね返すためのBox」も作っていきましょう．
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f3138313830372f65613630623865382d646265332d313065312d383736342d3962626634643033643738322e706e67.png](https://qiita-image-store.s3.amazonaws.com/0/181807/4c8e8784-1e80-1312-33ec-a99e76015996.png)

ヒエラルキーウィンドウで
右クリック → 3D Object → Sphere で球を作成，
右クリック → 3D Object → Cube でBoxを作成して下さい．

名前も以下のように変更しちゃいましょう．
Sphere → Ball
Cube → Player

完了したらインスペクターヒエラルキーウィンドウはこんな感じになっていると思います．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/1072d8d5-778d-1ecd-c29a-dbff477d31cf.png)

Transformコンポーネントの値もそれぞれ変更しましょう．
Ballオブジェクト
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/fd9cfea0-976c-7bd2-903c-747d13e0218d.png)

Playerオブジェクト
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/2ba1527d-617b-8ff1-cd89-ff4d2ca05804.png)

変更できたらSceneウィンドウは以下のようになると思います．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/580d47e1-9237-a8dc-0965-39f1ae1150a2.png)

またカメラの位置と回転角も調整しておきます(後々楽なので...)
ヒエラルキーウィンドウで"Main Camera"を選択し，インスペクターでTransformの値を以下のように設定しておいて下さい．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/a9826f58-ad21-1a89-a257-af8be7ee3553.png)

このように設定することでブロック崩しゲームを上から見ながら行うような視点になります．

これでオブジェクトの配置は終わりです．
:
...え？ブロック崩しの"ブロック"が無いって？
それは手動で何個も等間隔に並べるの面倒でしょ？ということで後でプログラムを組んで楽します．

#### 3.マテリアルを設定する
色々動かす前に今オブジェクトは真っ白だと思います．
マテリアルについて学習するのを兼ねて，箱と球に色をつけてみましょう．

マテリアル(Material)とは<font color="red">材質</font>のことです．
現在オブジェクトを作成して材質の設定を何も行っていないので，全て"Default-Material"(真っ白なマテリアル)がオブジェクトに適応されています．
<font color="red">マテリアルを色々と設定してあげることでゲームの絵作りのクオリティーに差が出ます．</font>細かいことは解説すると難しいのでココでは書きません．
とりあえず現在のマテリアルのイメージは以下のイラストを参照して下さい．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/dbaa61d9-352a-241d-9c42-71f9e6ee4a9d.png)

「テクスチャとかノーマルマップとはなんぞや？」という人も現時点では特に問題ありません．
とにかく今は<font color="red">表面の材質を設定するためにはマテリアルを作成し，オブジェクトに適応させれば良い</font>ということだけを覚えておいて下さい．

Unityで作業の解説に戻ります．
プロジェクトウィンドウの<font color="red">Assets/</font>で
右クリック → Create → New Folderを選択し，新しいフォルダをプロジェクト内に作成します．
名前は，"Materials"にしましょう．
また，そのフォルダの中入り
右クリック → Create → Materialを選択し，新規マテリアルを作成します．
新規マテリアル名は"Yuka"に設定しましょう．
![5h4rgetwfd.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/da6b9971-6949-c21a-f753-78bc952f6746.gif)

これで"Yuka"オブジェクト用のマテリアルが作成されました．名前は今回"Yuka"に設定しましたが，特に命名規則は存在しないので，"Yuka-mat"とかでもOKです．

ではマテリアルの設定をしていきます．
プロジェクトウィンドウの"Yuka"マテリアルを選択し，インスペクターウィンドウを見て下さい．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/6f89b55d-f01c-14e9-b2c4-ef5aa8a45aa0.png)

インスペクターウィンドウに"Yuka"マテリアルの設定が表示されていると思います．
これらの値を変化させることで，このマテリアルを適応したオブジェクトの表面の材質を変化させることが可能になります．

今回は箱の床の色を試しに黒にしてみましょう．
Albedo（アルベド）の横の現在の設定色が表示されているところをクリックして，カラーピッカーが開かれるので，黒を選択しましょう．
![mnu7t6yhr5b.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/ae1b065d-40e0-24e3-56b5-221cf8bfa961.gif)

表面が黒に設定された"Yuka"マテリアルができました．
ではこれを"Yuka"オブジェクトに適応したいと思います．
プロジェクトウィンドウの中の"Yuka"マテリアルをドラッグして，シーンウィンドウに表示された”Yuka”オブジェクトにドロップするとオブジェクトにマテリアルが適応されます．

![erfwrwegvw.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/5c386b52-1f21-758c-a5b3-0bea73c3c422.gif)

同様に"Kabe"オブジェクトと"Ball"，"Player"にもマテリアルを作成して適応してみます．
プロジェクトウィンドウに先程作成したMaterialsフォルダの中に"Kabe"，"Ball"，"Player"マテリアルを新規作成します．
各マテリアルのAlbedo(アルベド)を好きな色に設定して，対象のオブジェクトに適応してみて下さい．
できたら以下のようになると思います．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/36dfc42c-5c6d-8d1f-4854-1611c2aa9ea6.png)

これでマテリアルを作って適応する基礎は概ね理解できたと思います．

#### 4.ボールを動かす
コンポーネントの説明のイラストに出てきて後述するとしていた，<font color="red">自作コンポーネント</font>についての説明をします．
イラストの以下の部分の話ですね![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f3138313830372f35333531373765312d636237632d366361612d333236352d3463613933393262396139622e706e67.png](https://qiita-image-store.s3.amazonaws.com/0/181807/cdefa64f-d570-f690-c8a5-308fd049a0ea.png)

オレンジの枠で囲んだ以外に挙げたコンポーネントの例はUnityにもとから入っているコンポーネントになります．しかしイラストに沿って説明すると，「プレイヤーをキーボード操作によって移動させたい，ジャンプさせたい」とか「猫は動物なのでしっぽを一定間隔で揺らしたい...」とかの機能が欲しくなったときに，もとから入っているコンポーネントだけでは機能不足で実装ができません．
そこで<font color="red">C#言語を利用したスクリプトを書いてあげることで自作のコンポーネントとして動作し，思い通りの実装が可能になります．</font>

では実際に現在Unityで作っているブロック崩しでここから追加したい機能を考えてみましょう...

現時点では以下みたいな機能が欲しいと思われます．

- キーボードの操作によって"Player"オブジェクトを左右動くようにしたい．
- ゲーム開始時にブロック崩しの的である「ブロック」を並べたい

ではスクリプトを書いていきましょう．
またプロジェクトウィンドウ内の<font color="red">Assets/</font>に新しいフォルダを作成し，名前を"Scripts"にします．
作ったScriptsフォルダに移動し，右クリック → Create → C# Scriptを選択します．
新しいスクリプトファイルが作成されるので，名前を"Controller"にしましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/a732b796-e410-d457-fa57-0f6f8104ca56.png)

ファイルができたらダブルクリックをすることで予め設定されたエディタ(デフォルトだとVisual Studio)が起動し，プログラミングを行う画面になると思います．そこで以下のように記述してみて下さい．

```Controller.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Controller : MonoBehaviour {

	// Use this for initialization
	void Start () {
		
	}
	
	// Update is called once per frame
	void Update () {
        if (Input.GetKey(KeyCode.LeftArrow)) {
            transform.position += transform.forward * 0.1f;
        }else if (Input.GetKey(KeyCode.RightArrow)) {
            transform.position -= transform.forward * 0.1f;
        }
    }
}
```

っとココで疑問を持たれた方が多いと思いますが，スクリプトを作成して開くとはじめから

- void Start()
- void Update()

の2つが存在しています．これは特殊な関数で"MonoBehaviour"を継承しているスクリプトの中に存在するとUnityが

- Start : 実行時に初めに1回呼ぶ
- Update : 毎フレーム呼ぶ

という決まりがあります．「？」という方は
<font Color="red">Startは初めに1回だけ呼ばれて，Updateは毎フレーム呼ばれる</font>ということだけを覚えておいて下さい．

上記のプログラムで実際に書き加えた部分は以下の4行だけです．

```.cs
if (Input.GetKey(KeyCode.LeftArrow)) {
    transform.position += transform.forward * 0.1f;
}else if (Input.GetKey(KeyCode.RightArrow)) {
    transform.position -= transform.forward * 0.1f;
```

これを毎フレーム呼ばれる<font color="red">Update()</font>の中に書いていますので，何回も実行されます．
上の書き足した4行のプログラムを分かるように日本語で説明すると

1行目: もしも左矢印キーがおされたら
2行目: このコンポーネント(スクリプト)を持っているオブジェクトのTransformコンポーネントのpositionの値のz方向に0.1を足しなさい．
3行目: もし左矢印キーが押されていないけど右矢印キーが押されていたら
4行目: このコンポーネント(スクリプト)を持っているオブジェクトのtransformコンポーネントのpositionの値をz方向に0.1を引きなさい．

こんなようなことが書いてあります．
これを書いてエディタ上でスクリプトを保存し，Unity側に戻ります．
Playerオブジェクトをヒエラルキーウィンドウで選択しておきインスペクターウィンドウにPlayerのコンポーネントが表示させておいてから，今書いたスクリプトをドラッグ・アンド・ドロップすることで，Controllerコンポーネントを追加できます．

![h45trewfq.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/d0802d5a-52e2-c5b0-96ef-de9fda7f10e0.gif)

Controllerコンポーネントが追加されたら実際にPlayボタンを押して実行してみましょう．
キーボードの左右の矢印キーでPlayerが左右に動けばOKです．
![,muryetwr.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/d037a85d-9dc5-5fa0-6a46-3e9cff7d3966.gif)

では次にボールを最初に動かすスクリプトを書きましょう．
プロジェクトウィンドウで<font color="red">Asset/Scripts</font>の中に"StartShot"という名前のスクリプトを作成しましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/47621fef-46e7-6e09-9490-2b9a90acd02e.png)

"StartShot"を使って
<font color="red">ゲームが開始したら"Ball"に初速が与えられるようにします．</font>
こんな感じにしたいと思います．
![65etwre.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/e49a0872-4efc-dabc-0200-c24ee9155232.gif)

"StartShot"スクリプトの中身はこのように記述して下さい．

```StartShot.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class StartShot : MonoBehaviour {

	// Use this for initialization
	void Start () {
        transform.eulerAngles = new Vector3(0, Random.Range(30, 120), 0);
        gameObject.GetComponent<Rigidbody>().AddForce(transform.forward * 500);
    }
	
	// Update is called once per frame
	void Update () {
		
	}
}
```

書き足した部分は <font color="red">Start()</font>の中の

```.cs
transform.eulerAngles = new Vector3(0, Random.Range(30, 120), 0);
gameObject.GetComponent<Rigidbody>().AddForce(transform.forward * 500);
```

の二行です．

1行目: このスクリプトがアタッチされているオブジェクトのTransformの回転角情報をx=0, y=ランダムで(30~120), z=0にする．
2行目: このスクリプトがアタッチされているオブジェクトにアタッチされている"RigidBody"コンポーネントのAddForce関数を呼ぶ．

まず適当にBallの正面方向をランダム回転させて毎回同じ方向にボールが動き始めないようにして...
AddForce関数でBallが現在向いている方向に力を500で加えるといったプログラムになります．

Unityのエディタ側に戻り，今作成したスクリプトをBallオブジェクトにアタッチしてみましょう．
![m7un6ybv.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/ea094048-2b76-3c7c-0ff8-b10db06cac47.gif)

試しに実行してみて下さい．
<font color="red">気づきにくいですが，画面左下にエラーが出ませんでしたか？</font>
詳細を確認してみましょう．プロジェクトウィンドウの裏に隠れているコンソールウィンドウ(Console)を見てみて下さい．
<font color="red">There is no"RigidBody" attached to the "Ball" game object ~~</font>と出ているかと思います．

なぜでしょう...

答えは2行目でこのスクリプトをアタッチしたオブジェクトにある<font color="red">RigidBodyコンポーネント</font>といっていましたが，<font color="red">今Ballオブジェクトには"RigidBody"コンポーネントは含まれていません.</font>
ですので<font color="red">スクリプトでRigidBodyを呼んでるけど持ってないよ(# ﾟДﾟ)</font>ということだったんですね．

このようにエラーが出た時はコンソールウィンドウを確認してみると<font color="red">なんで動かないのか</font>を確認して先に進むことができますので，活用しましょう．

ちなみにコンポーネントの説明のときに<font color="red">重力が必要だから....RigidBodyコンポーネントを追加して...</font>と書いていましたが，詳しく言うと<font color="red">RigidBodyコンポーネントはオブジェクトに物理特性を持たせる</font>ためのコンポーネントです．結果重力の計算もしてくれるわけですね．

ヒエラルキーウィンドウでBallオブジェクトを選択して，インスペクター上で<font color="red">RigidBodyコンポーネントを追加</font>してみましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/bfac3368-3c88-1ec7-a4d3-3aba2be2b725.png)

ではもう一度実行してみましょう．

![4h5gert.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/c30d3875-a642-dd01-80f6-4ed7ab2299b2.gif)

あれ？エラーは出なくなったけど，思っているBallの動きじゃない...って感じですよね．
<font color="red">RigidBodyコンポーネントが摩擦の計算もしているので，ボールの速度が減衰してしまうわけです.</font>
では設定をさらに追加して理想の動作にしていきましょう．

プロジェクトウィンドウで<font color="red">Assets/Materials</font>の中で
右クリック → Create → Physic Materialを選択
で新規Physic Materialを作成して下さい．名前は"NoFriction"にしましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/bc04ac3f-baf0-ee89-0b29-bf22c8cafce2.png)

<font color="red">Physic Material</font>は日本語でいうと物体の物理特性マテリアルです．
<font color="red">衝突するオブジェクトの摩擦や跳ね返り効果を調整するのに使います.</font>

プロジェクトウィンドウで"NoFriction"を選択してから，インスペクターウィンドウで値を以下の画像のように設定しましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/8858ca4a-15f2-bcf1-ab40-dba96c40a9a2.png)

- Dynamic Friction : 動摩擦，オブジェクトが動いているときに使用される摩擦．
- Static Friction : 静止摩擦，オブジェクトが静止しているときに仕様される摩擦．
- Bounciness : どのくらい弾性があるか．この値を適度に上げるとゴムみたいなオブジェクトになります．
- Friction Combine : 衝突するオブジェクト間の摩擦をどう処理するか.
- Bounce Combine : 衝突するオブジェクト間の跳ね返し度合いをどう処理するか.

これらの値を画像のように設定したことで
<font color="red">摩擦が全く働かない，弾性が1(100%)，つまり何にあたっても必ず跳ね返る</font>物理特性マテリアルが完成しました．
<font color="red">これを"Ball"のSphere ColliderコンポーネントのMaterialに追加</font>してみて下さい．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/476d83ea-35d7-c260-f427-669746ac411e.png)

ではもう一度気を取り直して実行してみましょう．

![k65jyrter.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/407589b8-79d9-adee-221a-02a5f5222157.gif)

ちゃんと理想通りに動きました( ´ー｀)ﾌｩｰ．．．

#### 5.ブロックを作る
現在，ボールは動くようになりましたがブロック崩しなのに"ブロック"がありません．
最初に書いたとおりブロックをヒエラルキーウィンドウから3D Objectを選択して...複製して...で配置してもいいのですが
面倒くさいので，別の方法でやります．

Prefab(プレハブ)という機能を使います．
プレハブとはオブジェクト指向プログラミングの話に置き換えていうと，

- <font color="red">クラス = Prefab(プレハブ)</font>
- <font color="red">オブジェクトインスタンス = Prefabから作られたインスタンス</font>

になります．オブジェクト指向言語でのプログラミングが未経験だと理解しにくいので，またイラストでイメージを描いておきます．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/2433ea0f-a666-6688-ea38-26a76275f293.png)

では<font color="red">ボックスのPrefab(プレハブ)</font>を作成しましょう．

ヒエラルキーウィンドウに新規Cubeオブジェクトを作成し，Boxに名前を変えて下さい．
Transformの値は以下の画像のように変更して下さい．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/08c8c987-cce2-6204-65fd-6e6a2d1c1db5.png)

シーンウィンドウはこの様になっていると思います．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/fe228e87-25b5-03cb-6ba2-2d01844c8225.png)

マテリアル設定を行ってBoxの色を設定しておいても構いません．私は今回黄緑色に設定してみました．

プロジェクトウィンドウで<font color="red">Asset/</font>に新規フォルダで"Prefabs"という名前のフォルダを作ります．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/442493ad-9565-4a3f-a540-f10a045344e8.png)

この作成したフォルダにBoxオブジェクトをヒエラルキーウィンドウからドラッグ・アンド・ドロップします．
![6j75hgreq.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/3e0dc445-73ae-1065-0d64-703dbf56d9ec.gif)

こうしてプロジェクトウィンドウの中にできたものが<font color="red">BoxのPrefab(プレハブ)</font>です．
プレハブを作成したのでヒエラルキーウィンドウの中にあるBoxオブジェクトは削除して構いません．

ではスクリプトを書いて<font color="red">ゲーム開始時にBoxのPrefabを複数回インスタンス化してブロック崩しの”ブロック”を並べて見ましょう．</font>

<font color="red">Asset/Scripts</font>に新規スクリプトで<font color="red">BoxInit</font>というスクリプトを作成しましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/a5a5eb10-14cc-f26c-ea3b-3d904140c2e8.png)

開いたら以下の様にスクリプトを書いて下さい．

```BoxInit.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class BoxInit : MonoBehaviour {

    public GameObject boxObjPrefab;
    public GameObject boxesObj;

    void Awake() {
        for (int x = 0; x < 8; x++) {
            for (int y = 0; y < 5; y++) {
                GameObject g = Instantiate(boxObjPrefab, boxesObj.transform);
                g.transform.position = new Vector3((2f + (1f * y)), 0.4f, (-4.2f + (1.2f * x)));
            }
        }
    }

    // Use this for initialization
    void Start () {
		
	}
	
	// Update is called once per frame
	void Update () {
		
	}
}
```

今回書き足したのは以下の11行です．

```.cs
public GameObject boxObjPrefab;
public GameObject boxesObj;

void Awake() {
    for (int x = 0; x < 8; x++) {
        for (int y = 0; y < 5; y++) {
            GameObject g = Instantiate(boxObjPrefab, boxesObj.transform);
            g.transform.position = new Vector3((2f + (1f * y)), 0.4f, (-4.2f + (1.2f * x)));
        }
    }
}
```

日本語で説明すると

1行目,2行目 : ゲームオブジェクト型の変数を定義．
4行目 : AwakeとはStartよりも早く呼ばれるイベント関数です．Awakeに書くとStartよりも先に実行されます．
5行目~10行目 : for文で横8×縦5にBoxのPrefabをインスタンス化しています．
7行目 : 一旦"g"というGameObject型の変数を作りその中にPrefabをインスタンス化しています．boxesObj.transformというのはこの後説明します．
8行目 : 変数"g"にインスタンス化して入れられたゲームオブジェクトのtransform.positionの値をfor文を使って個々の座標に移動させる．

ということをやっています．

AwakeやStart以外にもたくさん"イベント関数"がUnityでは定義されていて，呼ばれるタイミングも様々です．
詳しいことは[Unity Documentation](https://docs.unity3d.com/ja/current/Manual/ExecutionOrder.html)を確認すると分かりやすいです．

このスクリプトを"Hako"オブジェクトにアタッチしてみてください．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/0393b6cb-f16c-4e07-2d47-011699addb06.png)

先程のスクリプトとは何か違いますね？

- Box Obj Prefab
- Boxes Obj

の2つの項目が追加されているのが分かります．これはBoxInitスクリプトの1,2行目で<font color="red">Publicというアクセス修飾子を書いたことによって，インスペクター上からスクリプトの変数の中に直接ゲームオブジェクトを入れることが可能になりました．</font>

7行目の<font color="red">Instantiate関数</font>とは
第1引数では<font color="red">インスタンス化するオブジェクト(prefab)</font>を指定．
第2引数では<font color="red">どのオブジェクトの子オブジェクトとしてインスタンス化するか</font>指定しています．

つまりスクリプトの7行目で<font color="red">Instantiate関数</font>を使ってBox Obj Prefabに代入されたゲームオブジェクト型のモノをインスタンス化しています．Box Obj Prefabという項目は今回そこに繋がっています．
<font color="red">BoxesObj</font>はBoxオブジェクトの親オブジェクトにするオブジェクトを今回は入れてあげます．

BoxInitスクリプトの2つの変数について理解したところで現在"None (Game Object)"になっているところにオブジェクトを指定しましょう．

- Box Obj Prefab にはBoxのPrefabをアタッチ
- Boxes Obj には"Boxes"という空のオブジェクトを作成してアタッチ

![rtewgeq.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/cb4665c5-12dc-b41e-c609-e02da01471ca.gif)

できたらPlayしてみましょう．
以下のようにBox(ブロック崩しの”ブロック”)が配置されたかと思います．

![45g34rwef.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/a58250bd-5e23-9c0c-13dd-5f67c2aec360.gif)

---

ここまでで

- Scene (シーン)
- Component (コンポーネント)
- Material (マテリアル)
- Pysic Material (フィジックマテリアル)
- Prefab (プレハブ)

と様々なことを理解してきたと思います．分からないことがあったら記事をさかのぼって見たり，[Unityの公式のドキュメント](https://docs.unity3d.com/Manual/index.html)を読んだりすることで更に学習を深めて行けると思います．
初めての方はここまで結構長い道のりに感じるかもしれませんが，今までの部分は慣れてしまえば感覚でできてしまう部分なのでご安心を...₍₍(ง˘ω˘)ว⁾⁾
(自分もココら辺までは最初結構辛かったです．)

---

#### 6.球でブロックを壊せるようにする
形はほぼ完成したので，だんだんゲームのシステムの構築に入って行きます．
現在球がBoxにあたっても消えないので，消えるようにしましょう．

<font color="red">Asset/Scripts</font>に新規C#スクリプトで"Destroyer"という名前のスクリプトを作成しましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/7c158194-8374-b81d-770c-651d0f6aa722.png)

Destroyerの中身は以下です．

```Destroyer.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Destroyer : MonoBehaviour {

	// Use this for initialization
	void Start () {
		
	}
	
	// Update is called once per frame
	void Update () {
		
	}

    private void OnCollisionEnter(Collision collision) {
        Destroy(gameObject);
    }
}
```

追記した部分は以下3行です.

```.cs
private void OnCollisionEnter(Collision collision) {
    Destroy(gameObject);
}
```

<font color="red">OnCollisionEnter</font>は当たり判定が何かしらあったときに呼ばれるイベント関数です．
<font color="red">当たってきたオブジェクトの情報が変数"collision"に代入されます．</font>
しかし<font color="orange">今回は球以外当たるものが無いので</font>何かしらのオブジェクトが当たったときはこのスクリプトをアタッチしている自分自身をDestroy(削除)するようにしています.(collisionに代入された情報をif文とかを使って照合することで当たってきたオブジェクトが何なのかを判別できます．)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/c2626f6b-8cf1-b0a7-47a9-e97169d03156.png)

このスクリプトをBoxプレファブにアタッチすればよいのですが，ちょっとしたテクニックを紹介します．

一旦プロジェクトウィンドウからヒエラルキーウィンドウにBoxプレファブをドラッグ・アンド・ドロップして手動でインスタンス化して下さい．
![378wu2ehi.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/843c7e6e-deb4-98ea-60fa-3a24a1d8e447.gif)

手動でインスタンス化したらヒエラルキーウィンドウでBoxを選択してインスペクターウィンドウで"Destroyer"スクリプトをアタッチして下さい．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/36326072-d000-aae9-1a00-69475c561b86.png)

アタッチできました．
しかしながら今は以下みたいな状況です．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/48045e25-5700-e925-7f20-9c436931d47e.png)

これだとPlayボタンを押して実行したときにPrefabの情報をもとにBoxの配置が初期化されるのでDestroyerがアタッチされていないものが配置されてしまいます．
現在インスタンス化したオブジェクトだけDestroyerスクリプトをアタッチしています．これを<font color="red">インスタンス化もとに反映させてみましょう</font>

DestroyerをアタッチしたBoxのインスペクターの上の方に以下のようなPrefab [Select][Revert][Apply]というボタンが表示されていると思います．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/c62a4427-8297-7ba8-cd83-a0277e4b8103.png)

これをクリックすることで以下のようなことができます．

- Select : インスタンス元のPrefabをプロジェクトウィンドウ内で選択
- Revert : インスタンス元のオリジナルの状態にリセット．
- Apply : このインスタンス後に変更した内容をPrefabに反映

今回のような時は<font color="red">Apply</font>ですね！

-/-/-/-/-/-/-/-追記(2019-06-29)

<font color="red">Unity2018.3からちょっと変わりました．Unity2018.2以前を使用している場合は無視して進めて構いません．</font>

今まではApplyボタンをクリックするときに，どの値や部分をアップデートしたか分かりませんでしたが
変更点をApplyをする前に確認できるようになりました．

また，ここでは詳しく書きませんがPrefabのできることが少し変わったのでApplyボタンの場所が少し変わりました．(2018.3以降は厳密にはPrefabの仕組みを深くまで理解した上でApplyした方が本当は良かったり...でも今は気にしなくて大丈夫だと思います！)

![4eg35rtwfd.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/181807/807c6413-de99-3479-1dc6-265345e952cf.gif)

-/-/-/-/-/-/-/-

Destroyerスクリプトをアタッチした状態で<font color="red">Apply</font>をクリックします．
すると<font color="red">Box Prefab</font>にもDestroyerスクリプトがアタッチされました．

Destroyerスクリプトをアタッチするために手動インスタンスした<font color="red">Boxオブジェクトはヒエラルキーウィンドウから削除して下さい．</font>

実行確認してみましょう．
ちゃんと球がボックスに当たったら消えるようになりましたか？
![h5ybtrv4ew.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/f6e4c24d-7b3d-1402-f969-b1f78d5cd2fe.gif)

#### 7.ゲームのシステムを作っていく
Mainシーンでやることもいよいよ大詰めです．
まずヒエラルキーウィンドウで空のオブジェクトを作成し，名前を"Master"にしましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/6242b6cf-3e85-72e8-5819-d17d6f3a6787.png)

ゲームの進行情報の管理はこういった名前をつけたオブジェクトで集中管理してあげると，後々大きな規模のゲームを作るときにも役に立ちます．

プロジェクトウィンドウで<font color="red">Assets/Scripts</font>に”GameMaster”というスクリプトを新規作成しましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/6fc22720-9029-4c87-4926-547da469cf84.png)

このスクリプトでは以下の仕事を担わせます．

- 時間を計測してBoxが全てなくなったらゲームを終了する．
- ゲーム終了時の結果をResult Sceneに引き継ぐ

GameMasterスクリプトの中身は以下です．

```GameMaster.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class GameMaster : MonoBehaviour {

    public int boxNum;
    public float nowTime;

	// Use this for initialization
	void Start () {
        nowTime = 0;
	}
	
	// Update is called once per frame
	void Update () {
        nowTime += Time.deltaTime;
        if (boxNum <= 0) {
            GameOver();
        }
	}

    public void GameOver() {
        SceneManager.LoadScene("Result");
    }
}
```

4行目 : <font color="red">using UnityEngine.SceneManagement</font>これを追加しないと25行目が動きません．
8,9行目 : boxNumは現在存在するボックスの数．この次その値を変化させるものを書きます．nowTimeはゲームが開始してからの秒数を入れます．
18行目 : nowTimeに今までに経過した時間を入れています．<font color="red">Time.deltaTime</font>とは前のフレームから経過した時間を取得できます．<font color="red">Update()</font>は毎フレームに実行されているのでその経過時間を毎フレーム足すことで経過時間を取得することができます．
24行目 : publicメソッドを作成しました．ゲーム終了時にはこのメソッドを呼べばOKにしておきます．
25行目 : <font color="red">SceneManager.LoadScene("Result");</font>はResultという名前の”シーン”に移動しろ．という命令です．初めに結果を表示するシーンを"Result"と名付けたのを覚えていますでしょうか？ゲームオーバーしたら結果を表示するので，GameOverメソッドの中に入れました．

とりあえずこのスクリプトをMasterオブジェクトにアタッチしましょう．
アタッチしたら<font color="red">インスペクターのGameMasterスクリプトのboxNumの変数をボックスが最初BoxInitスクリプトのfor文内でインスタンス化される数，40を代入しておきましょう．(5*8=40)</font>
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/cf0a66bd-4570-9e8b-c3e0-b573a4fc9eba.png)

これだけではBoxNumに変化は起きないので，Destroyerスクリプトに機能を追加しましょう．
"Destroyer"スクリプトとは<font color="red">球がボックスに当たったときにボックスを削除する</font>という機能を持ったスクリプトでした．このボックスが消えるときにMasterオブジェクトの持つGameMasterスクリプトのboxNumという値を変化させればOKですね！

以下新しいDestroyerスクリプトの中身です．

```Destroyer.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Destroyer : MonoBehaviour {

    public GameObject masterObj;

	// Use this for initialization
	void Start () {
		
	}
	
	// Update is called once per frame
	void Update () {
		
	}

    private void OnCollisionEnter(Collision collision) {
        masterObj.GetComponent<GameMaster>().boxNum--;
        Destroy(gameObject);
    }
}
```

7行目 : <font color="red">public GameObject masterObj;</font> Masterオブジェクトが格納される変数
20行目 : masterObjの中にある<font color="red">GameMasterという自作コンポーネント(スクリプト)</font>のboxNumを1マイナスしろという命令を追加しました．

今度はDestroyerの<font color="red">masterObj</font>の中にprefabをインスタンス化するときに<font color="red">Masterオブジェクトを指定</font>してあげることが必要になったので，そちらも書きます．

ボックスをインスタンス化しているBoxInitスクリプトに2行足して下さい．

```BoxInit.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class BoxInit : MonoBehaviour {

    public GameObject boxObjPrefab;
    public GameObject boxesObj;

    void Awake() {
        GameObject masterObj = GameObject.Find("Master");  //<=====これ
        for (int x = 0; x < 8; x++) {
            for (int y = 0; y < 5; y++) {
                GameObject g = Instantiate(boxObjPrefab, boxesObj.transform);
                g.transform.position = new Vector3((2f + (1f * y)), 0.4f, (-4.2f + (1.2f * x)));
                g.GetComponent<Destroyer>().masterObj = masterObj;  //<=====これ
            }
        }
    }

    // Use this for initialization
    void Start () {
		
	}
	
	// Update is called once per frame
	void Update () {
		
	}
}
```

11行目 : GameObject型変数masterObjの中にMasterオブジェクトを現在実体化しているオブジェクトから”Master”という名前がつくオブジェクトを探して格納．
16行目 : インスタンス化したboxオブジェクトの中のDestroyerコンポーネント(スクリプト)のmasterObjという変数に11行目で取得したMasterオブジェクトを格納．

こうすることでDestoryerスクリプトの変数の中にMasterオブジェクトを代入できます．

以上でボックスが全てなくなると"Result"シーンに移るようになります．
また，左右に動くPlayerオブジェクトよりも下に球が行ってしまったときにゲームオーバーにしたいので，以下のスクリプトも作りましょう．

プロジェクトウィンドウで<font color="red">Assets/Scripts</font>に新規C#スクリプト"KabeOut"を作りましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/5a5a4613-981a-6151-470a-0cc8b3c2e412.png)

中身は以下です．

```KabeOut.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class KabeOut : MonoBehaviour {

	// Use this for initialization
	void Start () {
		
	}
	
	// Update is called once per frame
	void Update () {
		
	}

    private void OnCollisionEnter(Collision collision) {
        GameObject.Find("Master").GetComponent<GameMaster>().GameOver();
    }
}
```

書いたのは以下の3行です．

```.cs
private void OnCollisionEnter(Collision collision) {
    GameObject.Find("Master").GetComponent<GameMaster>().GameOver();
}
```

何かこのスクリプトがアタッチされたオブジェクトに当たったら，Masterオブジェクトの持つGameMasterコンポーネント(スクリプト)のGameOverメソッドを呼べという意味になります．
このスクリプトを下の壁のみアタッチしてみましょう．
![4h534g2ev.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/778d628c-5a25-15c0-1f15-be10faa1b378.gif)

下の壁に当たったらゲームオーバーして，"Result"シーンに移るようになりました．
<font color="red">Resultシーンに移らないよ！って人は少し下に解決方法「ここでですが1つ」から書いてあるので，参照願います．</font>
![432.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/2d499832-35aa-132c-7e00-3d3bdd8947d7.gif)

#### 8.Resultシーンを編集する
ゲームオーバーした後Resultシーンに来ますが，まだ何も表示されません．
寂しいので"Game Over !"などの文字と結果を書きましょう．

今までMainシーンを編集していたので，プロジェクトウィンドウから<font color="red">Assets/Scenes/Result</font>をダブルクリックして，Resultシーンの編集に移ります．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/d5e59579-a1dd-1ae4-53cc-4b30747c3f26.png)

このとき以下のようなダイアログが現れた場合はMainシーンが保存されていないけどどうする？という問いかけなので<font color="red">Save</font>を選択しましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/6e589303-9ceb-c1dd-8d4e-85397ad86f1d.png)

ヒエラルキーウィンドウのUnityマークの右側が<font color="red">Result</font>になっていることを確認しましょう．なっていたら現在編集しているシーンはResultシーンです．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/7552b10a-4de4-19d5-7f7e-87161deceaf3.png)

---
<font color="red">ここでですが1つ</font>
現在複数のシーンに渡って編集していますが，複数画面の編集をした後の実行で出るかもしれないのが以下のエラー．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/6e4790ed-020e-b7be-38ad-876d00666465.png)

これが出た場合は左上の
File → Build Settingsを開き
エラーが出ているシーン（今回なら"Result"）をScenes In Buildの項目にドラッグ・アンド・ドロップしてから実行すればOKです．
<font color="red">Scenes In Buildの中に登録されたSceneが最終的なアプリを書き出ししたときに含ませるSceneの全てになります．</font>

![j6h45g32.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/9b8822e0-568b-78a4-eb28-eeb3ad5af877.gif)

もしこのエラーが出た方は以上を参考に解決して下さい．

またScenes In Buildのシーン名の並び順はシーンの起動順が関係あるので，もしもアプリ実行時に後に編集するタイトルシーンから起動せずに「いきなりゲーム(Main シーン)が始まるんだけど...」って人は<font color="red">Scenes In Buildの並び順</font>も確認してみて下さい．右側の数字の小さい順に起動します．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/45d99c1b-8710-af18-961b-0b9d7c83e3c7.png)

この設定ができたら，<font color="red">Build SettingsのWindowを×ボタンで閉じます.</font>
右下のBuildとかはアプリの最終的な書き出しになってしまいますので，今は押さないで下さい．

---
エラーの話から戻します．

ヒエラルキーウィンドウ上で
右クリック → UI → Textを選択で
テキストをオブジェクトを作成して下さい．
Textが作成されたら見やすいようにシーンウィンドウを操作して下さい．
![65jht4ergw.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/f525e760-fb87-6376-c1bd-bbc120f08c18.gif)

ヒエラルキーウィンドウでTextを選択した状態でシーンウィンドウで<font color="red">"T"キー</font>を押すことでRect Toolになります．
Rect Toolを使って文字枠の大きさを調整して下さい．
![3uwireo.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/f91c7552-3541-d912-7fad-cc78b3074a08.gif)

引き続きTextを選択した状態でインスペクター上の<font color="red">Textコンポーネント</font>の値を以下のように変更します．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/616a3842-0040-bd3d-77a8-a4c35da6ab9d.png)

- Text : 表示する文字列
- Font Size : 67
- Alignment : 文字の配置

この3項目を変更しました．変更後こんな感じになります．白い枠が現在設定されているGameウィンドウの表示範囲です．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/5985525b-4832-84e2-070e-2ddadf7851ee.png)

また，ゲームの結果を表示したいので<font color="red">GameOverのテキストの下にもう1つTextを作成します．</font>
今作成したGameOverというTextを<font color="red">複製して下に移動させると簡単です．</font>
下に移動してから文字枠の大きさも大きくしておくと良いでしょう．
![6e56jsaez.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/07420e1d-9e02-00c2-4e76-97e1258eecb1.gif)

このTextに結果を入れます．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/3cc974e2-4593-a19d-9b00-941f25306350.png)

では結果をMainシーンから持ってこれるようにしましょう．
イメージはこんな感じです．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/3c1216ac-60e6-86df-e0c8-90b4b0d0b2b7.png)

シーンからシーンにデータを渡す方法は他にもありますが，今回はC#スクリプトで<font color="red">static class</font>を作りその中のstatic変数で受け渡しをします．

static classについての説明はUnity公式チュートリアルを参照してみてください
[https://unity3d.com/jp/learn/tutorials/topics/scripting/statics](https://unity3d.com/jp/learn/tutorials/topics/scripting/statics)

プロジェクトウィンドウで<font color="red">Assets/Scripts</font>に”DataSender”という名前の新規C#スクリプトを作成して下さい．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/b2966644-68ea-0440-dfc6-72b4171282dc.png)

その中身は以下の様にして下さい．

```DataSender.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public static class DataSender {
    public static string resultMessage;
}
```

今までに比べてとちょっと書き方が異なっています．今まではクラス名の右側に<font color="red">: MonoBehaviour</font>と付いていましたが今回は付いていません．また変数の定義の行にも<font color="red">static</font>と入っています．書かないと引き継げないので気をつけて下さいねヽ(`-´)ﾉ

できたら，Mainシーンで使っている以下の2つのスクリプトをちょっと書き足します．

- GameMaster.cs
- KabeOut.cs

```GameMaster.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class GameMaster : MonoBehaviour {

    public int boxNum;
    public float nowTime;

    // Use this for initialization
    void Start () {
        nowTime = 0;
	}
	
	// Update is called once per frame
	void Update () {
        nowTime += Time.deltaTime;
        if (boxNum <= 0) {
            GameOver(nowTime.ToString("F0") + "秒でクリアできた！");  //<=====秒数をstring型にキャストして引数へ
        }
	}

    public void GameOver(string resultMessage) {   //<=====引数をもたせた
        DataSender.resultMessage = resultMessage;  //<=====受け取った引数をstatic変数へ格納
        SceneManager.LoadScene("Result");
    }
}

```

```KabeOut.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class KabeOut : MonoBehaviour {

	// Use this for initialization
	void Start () {
		
	}
	
	// Update is called once per frame
	void Update () {
		
	}

    private void OnCollisionEnter(Collision collision) {
        GameObject.Find("Master").GetComponent<GameMaster>().GameOver("ゲーム失敗．また挑戦しよう"); //<=====文字列を引数へ
    }
}

```

これでMainシーン側からのメッセージの引き渡しはできたので，Resultシーン側で，Resultシーンが読み込まれたときに文字列を受け取るようにしましょう．

プロジェクトウィンドウで新規C#スクリプト，"TextDataFetcher"を作成しましょう．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/2707cc37-7271-986f-28a3-56ab5c4e51e1.png)

中身は以下のようにします．

```TextDataFetcher.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class TextDataFetcher : MonoBehaviour {

    public Text resultMessageText;

	// Use this for initialization
	void Start () {
        resultMessageText.text = DataSender.resultMessage;
	}
	
	// Update is called once per frame
	void Update () {
		
	}
}
```
8行目 : Text型のresultMessageTextを定義
12行目 : このスクリプトが読み込まれたときにDataSenderクラスのresultMessageの中身をresultMessageTextのTextに入れる．

ということをやっています．このスクリプトを使えるようにしましょう．
Resultシーン内にMainシーン同様に空のオブジェクト(Empty Object)を作成し，名前を"Master"に設定して下さい．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/f71ff0d2-9bd1-9578-dd0f-7b2fe4afcedc.png)

作成できたらMasterオブジェクトに今書いた”TextDataFetcher”スクリプトをアタッチして下さい．
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/139cf43a-8724-b2c8-f130-5f55bedc8f87.png)

インスペクターウィンドウをみると分かるようにResult Message Textという項目があります．
ここに「結果を入れる方のTextオブジェクト」をアタッチします．
![3gwe.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/f5f70901-50cf-488e-1f53-4caa679952ce.gif)

ではメッセージがちゃんと代入されるか実行してみましょう．
今は"Result"シーンを編集しているのでそのまま実行すると結果の画面が再生されるだけなので，
まず，<font color="red">Assets/Scene/Main</font>をクリックして，"Main"シーンを開いて下さい．
ダイアログが出たらSaveをクリックして下さい．

Mainシーンが開けたらPlayボタンを押して実行してみましょう．
![3bwe32qf.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/950c7d02-024f-6522-77d3-1b03d93305a0.gif)

メッセージがしっかり表示されていれば，OKです．

#### 9.タイトル画面をつくる

最後の工程です．
タイトル画面，すなわち"Title"シーンを編集します．
プロジェクトウィンドウで<font color="red">Assets/Scenes/Title</font>をダブルクリックし，"Title"シーンを開いて下さい．
とりあえず毎回の如くインスペクターウィンドウで空のオブジェクト(Empty Object)を新規作成し，名前を"Master"にします．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/2091d0ac-8919-6ae4-7055-58b5d1dfaf58.png)

また，右クリック → UI → Textで新規テキストも作成します．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/097a0d8c-0f09-3c93-5133-4e0931abf18e.png)

Resultシーンを編集したときと同様，テキストの大きさを整えてあげて分かりやすいようにタイトルを作ります．
ちなみにゲームはスペースキーを押したら始まるようにするので「Space key Start」とか書くと分かりやすいかもしれません．

以下は例です．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/4ff506cc-588c-91d6-b77f-587430d4d76e.png)

文字が見づらい...って思った人は，<font color="red">Main Cameraオブジェクトの中にあるCameraコンポーネントの"Clear Flags"</font>を"Solid Color"に設定し，"Background"の色を変えると背景色が単色になります．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/9e445f09-75cf-4711-2ce8-f119cf713174.png)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/75b16343-e4b0-7527-135d-58669ff2d5b6.png)

ではスペースキーを押したらMainシーンに移るようにしましょう．
方法は「こうやればできるんじゃない？」と想像つくようになってきましたでしょうか？

プロジェクトウィンドウで<font color="red">Assets/Scripts</font>に新規C#スクリプト"SpaceStart"を作成し，中身を以下のように書き換えます．

```SpaceStart.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class SpaceStart : MonoBehaviour {

	// Use this for initialization
	void Start () {
		
	}
	
	// Update is called once per frame
	void Update () {
        if (Input.GetKey(KeyCode.Space)) {
            SceneManager.LoadScene("Main");
        }
    }
}
```
4行目 : usingを忘れずに...
15~17行目 : スペースキーが押されたらMainシーンに移動するようにしています．

このスクリプトをMasterオブジェクトにアタッチして下さい．

![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/c7e2a320-a700-75e3-12ae-8974d36fbfa8.png)

#### 10.完成品を動かしてみる

これで一通り完成しました！

では遊んでみましょう＼(^o^)／

ちゃんと動きましたか？...

お疲れ様でした．

---

これ失敗する結果は確認できるけど，クリアしたときの画面が正常に出るかはBoxを全て消さないといけないので，デバッグ性最悪ですね(#･∀･)==⊃

#### Ex.発展項目

制作方法の本編は全て終わりましたが，以下機能を実装したら更に理解を深められると思います．

- タイトル画面の背景を画像にしてみる．(初級)
ヒント: UI/Imageを使って...
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/e285b1df-b032-df87-ef3c-9485a686c9fa.png)

- MainシーンのYukaオブジェクトにテクスチャを貼ってみる.(初級)
ヒント: MaterialのアルベドにTextureを設定
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/0df7cc8a-dcf6-1a11-f6e6-29ff1b05da46.png)

- 光らせてみる
ヒント: MaterialのEmission設定，Directional Light無効化．(中級)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/181807/ffe40db9-93b8-88f4-300f-e3acbda4cc18.png)

- ポストプロセスをやってみる(中級)
ヒント: 「光らせてみる」からの応用．Unity PostProcessStack v2で検索検索♪
参考gifはこのURL先で見てね．
[imgur](https://imgur.com/hiNGcMP)

- Result画面でスペースキーを押したらTitleに戻るようにする．(初級)
ヒント: スペースキーを押したらゲームスタートの応用
![43g214.gif](https://qiita-image-store.s3.amazonaws.com/0/181807/e3803372-c851-a93d-2387-aa37c1daa47f.gif)

## Ref.
[https://docs.unity3d.com/Manual/index.html](https://docs.unity3d.com/Manual/index.html)
[https://www.sejuku.net/blog/6616#i](https://www.sejuku.net/blog/6616#i)
[https://techacademy.jp/magazine/2553](https://techacademy.jp/magazine/2553)