Unityチュートリアル／ドミノ倒しWS


#Unityの起動とプログラムの読み込み#

※Unityのバージョンは2018.4.19f1です
　UnityHubは使用していません

![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/511d49d7-21e9-f385-851c-468ed7f83763.png)
1：サーバから「Domino_Tutorial.zip」をPCにコピーして解凍します
[DL先](https://drive.google.com/file/d/1V9HPgnzYqHlmNTnF0RWg4tWQgng2B6eZ/view?usp=sharing)

![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/5daa22b7-f884-0a5d-de8f-9e164ed8ae21.png)
2：Unityを起動します

![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/08079e6d-6acb-af24-2f20-7fc8cfcb8d57.png)
3：ログインが必要な場合は、適時IDとパスワードを入力します

![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/080608ff-3fb6-4ecc-0719-e85ed74bf2ab.png)
4：ウィンドウ右上の「Open」アイコンをクリックします

![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/db3bf6da-72d3-5dd6-1a02-1a39e2c1c4a0.png)
5：解凍した「Domino_Tutorial」フォルダを選択し（スクリーンショットの状態）、「フォルダーの選択」ボタンをクリックします

![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/08de9b87-e456-c14d-75dd-5f119eb30a62.png)
6：Unityが起動します

**ワンポイントテクニック**
![93.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/81cbb8ca-a1eb-c462-77c4-d553f8244a38.png)
もし画面のレイアウトが異なる場合は、右上の「Layout」メニューから「Dafault」を選択しましょう

#プログラムの実行#
![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/adc621b6-b835-a545-7eee-74cebfe09add.png)
7：ウィンドウ下の「Domino」アイコンをクリックし、画面にドミノが表示された成功です（スクリーンショットは若干、実際の画面と異なります）。この状態で画面上のプレイボタンをクリックすると･･･

![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/c438050d-5eff-b3e4-323f-82c12202e248.png)
8：画面がゲームビューに切り替わり、ドミノが倒れます。

![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/f5885c53-fac7-3e47-8a5d-844f0614fe0b.png)
9：ドミノがすべて倒れたら、再びプレイボタンをクリックして、プログラムの実行を停止させ、元の画面（シーンビュー）に戻ります。

#Unityエディタの説明#

![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/b0b2999a-5954-3594-df42-41ea57c07840.png)
10：ここで改めてUnityエディタのパートについて説明します。
1：操作ツール　各種アイコンをクリックし、オブジェクトをマウス操作で移動させたり、拡大縮小させたりできます（後述）　
2：Hierarchyウィンドウ　シーン上に登場しているデータのリスト
3：シーンビュー　ゲームの画面を作るところ。再生ボタンを押すとゲームビューに切り替わる
4：実行ツール　左からプレイボタン（プログラムを実行／終了させる）、ストップボタン（プログラムを一時停止する）、ステップボタン（プログラムを少しずつ実行させる）
5：プロジェクトウィンドウ　ゲーム内で使用されるすべてのデータが収納されている
6：シーンファイル　シーンビュー上で表示されるデータを一元管理しているファイル。1つのプロジェクト内で複数のシーンファイルを持つことができる
7：インスペクタウィンドウ　選択済みオブジェクトの属性が表示される
8：シーンギズモ　クリックするとシーンビューを90度単位で回転させられる。中央の立方体をクリックすると、奥行きを無視して表示できる

![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/f35b158b-e6ef-bf67-fe19-32b89be47fba.png)
9：ゲームビュータブ　このタブをクリックすると、シーンビューをゲームビュー（プログラム実行時の画面）にできる。左側のシーンビュータブをクリックすると元に戻る

10：Mixmize on Playボタン　このボタンをクリックし、選択状態にしておくと、プログラム実行時に全画面表示にできる

**ワンポイントテクニック**

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/8a42e067-a12b-54f1-8922-508f75118f68.png)
デフォルトの画面配置では、シーンビューとゲームビューの違いが良くわかりません。ゲームビュー状態で行った変更は、シーンビューに戻るとリセットされてしまうので、注意が必要です。そこでメインメニューから「Edit」→「Preferences」でPreferencesウィンドウを開き、「Colors」から「Playmode tint」を選んで、カラーバーを表示させます。その後、任意の色を選択してカラーバーを閉じましょう。こうするとゲームビューに切り替えたとき、ウィンドウの色を変えることができ、凡ミスをふせぎやすくなります。
なお、デフォルトでは青色に設定されていて、このままでもかまいません。

#ドミノの配置#
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/280f3786-6832-3ddf-2f6d-918c2ab19422.png)
11：それではオリジナルのドミノを並べていきましょう。はじめにマウスのホイールを回転させると、シーンビューを拡大・縮小させられます

![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/8df53844-0b80-7929-c441-b1d1707b919c.png)
12：斜めに傾いているドミノ（Cube(2)）をマウスでクリックし、インスペクターウィンドウの「Rotation」でX軸を「0」にすると、ドミノが直立します。このように「Rotation」の値を変えると、オブジェクトを回転させられます

![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/ddc11564-47f4-15cf-a578-caede271c826.png)
13：同じく「Posision」欄でX、Y、Zの値を変更すると、ドミノの位置を変えられます

![98.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/4e8733a2-6a25-cbc3-4afc-1a14a64cd6c0.png)
14：同じく「Scale」の値を変えると、ドミノの大きさを変えられます。オブジェクトの中心を起点に拡大・縮小する点に注意してください

![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/aaf198e0-cb22-5bd8-ee26-13e9f1913252.png)
15：以上のことはマウス操作でも可能です。操作ツールの左から2番目のアイコンをクリックして選択後、シーンビュー上でオブジェクトを選択すると、オブジェクトの中心からX・Y・Z方向に3本の矢印が表示されます。この矢印の先をマウスでつまんで動かすと、オブジェクトを移動させられます。この時、移動にともなってインスペクタ欄の「Position」の値が変化します

![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/35a7958b-c4d4-fc17-3835-53026f110b83.png)
16：同じく左から3番目のアイコンをクリックすると、オブジェクト上に球状のUIが表示されます。それぞれの円をクリックして動かすと、オブジェクトを回転させられます

![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/2816fd5e-2fc9-fa40-b7df-665443239a18.png)
17：同じく左から4番目のアイコンをクリックすると、矢印の先が立方体になります。それぞれの立方体をつまんで拡大縮小させられます

![99.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/fd96ef49-ae51-22e6-75f5-4e9855947587.png)
18：最後に一番左のアイコンをクリックしましょう。アイコンが手のひらの状態になっていることを確認して、シーンビュー上でマウスを左クリックしたまま移動させると、シーンビューの表示を並行移動させられます

![90.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/543bea4b-30ac-6879-f92e-e783150c5fbe.png)
19：この時マウスを右クリックしたまま動かすと、シーンビューの表示を回転移動させられます。平行移動と回転移動と拡大縮小を使い分けながら、エディットしていくことになります。

![91.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/ab99cafb-6b7a-5b99-a3b8-798766e5b94a.png)
20：シーンギズモをクリックすると、90度単位で表示を切り替えられます。中央の立方体をクリックすると、パースの有無を切り替えられます

**ワンポイントテクニック**
![93.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/7a923758-3b75-cd7f-cd80-aa4cf720fedd.png)
途中で表示がわけがわからなくなったら、「Layout」メニュー→「Dafault」を選択すると、元に戻ります。

#ドミノの追加と削除#
![22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/77875ae4-a7b6-1554-7447-a838a44c0b80.png)
21：不要なドミノを削除したい場合は、シーンビュー上でドミノを選択してDeleteキーを押すか、ヒエラルキーウィンドウで削除したいドミノを選択し、右クリック→Deleteを選択します

![23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/79faf231-59f2-135b-bb48-9aabec6397fb.png)
22：同様にドミノを増やしたい場合は、アセットウィンドウで「Cube」を選択し、ヒエラルキーウィンドウにドラッグ＆ドロップするか、ヒエラルキーウィンドウでCubeを右クリックし、メニューから「Dupulicate」を選択します

![24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/5443064b-b4de-5fb1-c4d8-c6f6f91fb3e3.png)
23：追加されたドミノをシーンビュー上で任意の場所に移動させましょう。特にドミノを複製した場合は、元のドミノとピッタリ重なっているので、忘れずに移動させましょう

![25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/3fe3bd99-9517-5f20-3c2e-ca922c2b4bef.png)
24：複数のドミノをまとめて増やしたり、削除したりすることもできます。ヒエラルキーウィンドウ上でドミノをクリックし、SHIFTキーを押しながら別のドミノをクリックすると、その間のドミノをまとめて選択できます。Ctrlキーを押しながら選択し、個別にドミノを指定することもできます。その後、右クリック→DeleteやDupulicateでまとめて削除・複製できます

![26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/e23d34ed-9c40-2f0b-4d0c-0844370d83cf.png)
25：複数のドミノをまとめてDupulicate（複製）した状態。この後、ドミノが選択されたままの状態で、操作キーの左から二番目の移動アイコンをクリックし、まとめてドミノを移動させることができます。インスペクター欄から「Position」の数値を直接入力することもできます

![27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/16f0dc62-9177-c996-8f2d-c1b78eb42b0c.png)
26：簡単に二列のドミノを作ることができました

#シーンファイルを活用してバックアップ#
![28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/a3973766-dc6c-50a7-4720-806ec2352254.png)
27：さて、ここであらためてヒエラルキーウィンドウを注目してみましょう。シーンファイル「Domino」の横に＊（アスタリスク）がついています。これはシーンファイルに何か改変が行われたという意味です

![29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/0317fae5-7bb9-2103-2325-bc36451f4262.png)
28：そこで「File」→「Save」を選択して、上書き保存してみましょう

![30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/64d50dcf-4ee3-58d0-4d3d-77804abb2b2a.png)
29：アスタリスクが消えました。これでセーブデータが最新の状態になりました。作業中はこまめに上書きセーブすることが重要です

![31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/a093bf87-0b68-1393-3b92-4969dc8ad5d8.png)
30：今の状態を残したまま、新しいシーンファイルを作ることもできます。「File」→「Save As」を選択しましょう

![32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/eb2dacba-4a76-ad6a-4d61-76dbbd67ee98.png)
31：新しいシーンファイル「Domoino_2」を作ります。注意点として、ファイル名やフォルダ名に全角のひらがなやカタカナ、漢字を使ってはいけません。必ず半角英数字にします

![33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/5a8ce06c-8664-80a8-9e2e-2b126032b104.png)
32：プロジェクトウィンドウに新たに「Domino_2」ができました

![34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/c0e3cb04-ff0c-9e49-15a5-2c881ceeeee2.png)
33：ヒエラルキーウィンドウの内容とシーンファイルの内容は連動しています。ヒエラルキーウィンドウでシーンファイルが「Domino_2」になっていることを確認して、ドミノを削除してみます

![35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/a2735721-73e2-c682-b219-1795ea4a09a0.png)
34：ドミノが半分になった状態です

![36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/6805273a-86a0-9b54-573c-c875cb3eeb4f.png)
35：この状態で上書きセーブをします

![37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/d0adaeef-4be8-1871-1992-e4144f784b18.png)
36：この状態でプロジェクトウィンドウからシーンファイル「Domino」をダブルクリックしてみましょう

![38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/02c04d14-631f-21e6-142e-cd2b780994b4.png)
37：シーンファイル「Domino」が開き、削除前の状態が表示されました。このようにシーンファイルごとに個別の状況をセーブすることができます。「Save As」で新しいシーンファイルを作成して作業し、オリジナルのシーンファイルを残すようにすれば、何かあってもすぐに元の状態に戻ることができます

#カメラの調整と全体の調整#
![39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/4b230227-30a9-5273-eea1-0687a2b24f4f.png)
38：それでは、これまでのテクニックを使って、ドミノを自由に配置していきましょう

![40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/2bb3b534-ef0d-d4aa-6863-0b53e5598f45.png)
39：プログラム実行時のカメラ位置を調整したい場合は、まずヒエラルキーウィンドウで「Main Camera」を選択します。するとシーンビューの右下にカメラウィンドウが表示され、プログラム実行時の画面が表示されます。

![41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/c7d62dbb-9206-fbd8-256e-a20bb9f264c0.png)
40：MainCameraを選択したまま、メインメニューから「GameObject」→「Align With View」を選択します。これによって、シーンビューで見えている状態にプログラム実行時のカメラ位置をあわせることができます

![42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/da82038e-25d6-6afd-0458-83d0c67abf89.png)
41：再びMainCameraをクリックすると、シーンビューの表示内容と同じになったことがわかります。これを利用して、ドミノ全体が見えやすい位置にカメラを移動させましょう

![43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/2a2fca02-6b02-e733-a260-380dac3ddafa.png)
42：ドミノの配置が完了したら、一番最初のドミノをインスペクタウィンドウのRotate欄を調整するなどして、傾けます

![44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/8bb7feee-46ad-58ca-1214-a83f035b6444.png)
43：プログラムが実行され、ドミノが倒れていきます。しかし、残念ながらドミノの感覚がつまりすぎていて、途中で止まってしまいました。（ドミノが倒れるときに効果音が鳴るように、別途設定しています）

![45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/455fe47e-5cfc-0895-7525-07ba0a0ee472.png)
44：プレイボタンを押してプログラムを止め、シーンビューからドミノの位置を再調整しましょう。途中、データを保存するのも忘れずに！　このように調整・実行・保存を繰り返しながら完成度を高めていきます

![46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/a2365e7d-fb4d-7cc2-113d-b073cec3eb6e.png)
45：再びプレイボタンを押して、全てのドミノが倒れることを確認しました

![47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/6fe312a4-7927-dbfd-2301-8ec44d138c7a.png)
46：ここでいったん上書きセーブしておきます

#リアルタイムデモの動画ファイルを作成#

![48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/0ee3432f-ff97-9e9d-cbf1-faf47aae9444.png)
47：Windows10ではOSにゲームのプレイ動画を手軽に作成する機能があります。そこでドミノが倒れるリアルタイムデモを動画ファイルにしてみましょう。はじめにキーボード上でWindowsキー＋Gを同時に押すと、WinGバーがオーバレイ表示されます

![49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/64889447-f84e-b2fc-5157-f7dc51b1ef94.png)
48：WinGバーでキャプチャアイコンをクリックすると、キャプチャウィンドウが表示されます。その後、「録画」ボタンをクリックすると、Unityのウィンドウ範囲が録画されます

![50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/4ad6ac47-176f-5186-414c-fe3b639f82e8.png)
49：再びUnityでプレイボタンを押して、デモを録画しましょう。録画中は録画バーが表示されています。ドミノがすべて倒れたたら、録画バーで「停止」ボタンをクリックします

![52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/633a03e1-06a7-bb89-5016-824692fc69ba.png)
50：動画ファイルはデフォルトでは「C:\Users\ユーザーネーム\Videos\Captures」フォルダに保存されます。

![53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/a37bf8da-eb45-7b90-717a-d2f1190aed9f.png)
51：動画ファイルをダブルクリックして、メディアプレイヤーなどで再生されることを確認しましょう


![54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/b949a5c9-9a90-a1ff-a99b-2deea8b86cf2.png)
52：動画ファイルは「今日の日付＋名前（ローマ字）」でリネームします。2020年5月22日の場合は「200522」といった具合に、西暦の下二桁＋月＋日の6桁にすると便利です。名前はローマ字で、名字と名前の間に「.（ドット）」を加えます

#Unityの終了とデータのセーブ#
![nn.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/e631a333-11ef-f4b4-9e31-be5bbc8aa951.png)
作業を終了する際は、事前にシーンファイルを上書きセーブしてからUnityを終了してください。その後「Domino_Tutorial」フォルダを開くと、新しくさまざまなファイルやフォルダが作られていることがわかります。この中から「Assets」「ProjectSettings」フォルダを残して、あとはすべて削除してください。その後USBメモリなどに保存しましょう。次回作業する時は、Unityを起動後、同じようにこのフォルダからデータを読み込めば、作業の続きを行うことができます。

**ワンポイントテクニック**

「Domino_Tutorial」フォルダを右クリック→送る→「圧縮（ZIP形式）フォルダー」を選択し、圧縮します。こうして作成された「Domino_Tutorial.zip」ファイルをUSBメモリに保存すると、非圧縮の状態よりも短時間でコピーすることができます

また、USBメモリではなくGoogle Driveなどのクラウドサーバにアップロードすると、USBメモリの紛失などの事態を未然に防ぐことができます