10月25日資料

Unity Playground 公式チュートリアルをベースに、授業向けに資料を作りました！（Unity 2017.4.0f1版）
https://connect.unity.com/p/how-to-get-started-unity-playground-japanese

<b>Unity PlayGroundのインストール</b>
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/e7ae57b0-f127-8481-57c0-0f9ae4ab91d0.png)
1：Unityを起動します。IDパスワードを入力後、2Dゲームを選んで、プロジェクト名を「191025（2019年10月25日の意味）」にして、「作成」をクリックします

![スクリーンショット (7).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/f57a387c-0f29-c190-2477-f05796ae5af0.png)
2：レイアウトが異なる場合は「Layout」→「Default」を選択します。その後、シーンビューで「Asset Store」をクリックし、検索ウィンドウに「PlayGround」を入力します

![スクリーンショット (8).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/b1b31f21-1305-8146-78da-428aaae6c7d3.png)
3：「Unity PlayGround」を選択します

![スクリーンショット (9).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/a154b6ba-9ddb-1b27-6fe6-8f96cd1c5aa7.png)
4：「Import」をクリックします

![スクリーンショット (10).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/5dae6a93-4c0e-5bed-f680-f493b01e8491.png)
5：すべてをオンにして（デフォルトでオンになっています）「Import」をクリックします

![スクリーンショット (11).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/9f54aa07-93f7-2ff5-a02f-5b5cc94840b7.png)
6：シーンビューで「Scene」タブをクリックします。その後「Project」ウィンドウで「Assets」→「Examples」→「Adventure」を選択します

![スクリーンショット (12).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/92f3cafa-a68a-5ca4-cb91-deca38659540.png)
7：再生ボタンをクリックするとゲームが始まります。停止ボタンを押すとエディタ画面に戻ります

![スクリーンショット (15).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/d67fd36d-3c76-53f0-7864-891e6bd46089.png)
8：これで準備が完了しました。これ以降は「Unity PlayGroundマニュアル日本語版」の内容に沿ってチュートリアルを進めていきます。
https://docs.google.com/document/d/1xCywAAMJOVvumjgoLl7NioiTO85oEhAHJ62yKMIDH18/edit?usp=sharing

![スクリーンショット (58).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/cc2f6dde-cca9-e0ee-a468-b54c39869223.png)
今回作成するゲームは小惑星にぶつからないように宇宙船を操縦して、スターを5つ集めるという、非常にシンプルなものです

<b>マイシップの作成</b>
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/f61793c6-3cb3-60a9-1a77-4d566fc8733e.png)
9：「Assets」→「Images」→「Spaceships」で「SpaceshipBlue」をシーンビューにドラッグ＆ドロップします

![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/cd1ed554-2ef0-8531-035b-617616db7c7c.png)
10：Spaceshipをクリックし、InspectorのTransform欄でPositionを「X=0」「Y＝0」、Scaleを「X=0.3」「Y=0.3」にします。

![スクリーンショット (18).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/1335f795-7695-88b7-80b9-5280d84c53e4.png)
11　SpaceshipのInspector欄でTagを「Player」にします

![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/c4f0b0ef-99f2-a5cf-25a2-f3626622351f.png)
12　Project欄の「Assets」→「Scripts」→「Movement」を選び、「Move」アイコンをSpaceshipにドラッグ&ドロップします。

![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/10df4266-dc9b-a4a3-a4ab-90f52058b0a9.png)
13　きちんとアタッチできたら、Spaceshipをクリックして、Inspector欄を確認しましょう。Move(Script）がアタッチされていたらOKです

![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/c69177a4-1182-6f1f-20d8-c6de6423276d.png)
14　SpaceshipのInspector欄で、「Rigidbody 2D」の「Friction」を10，「Gravity」を0にします。次に「Move(Script）欄の「Movement」欄にある「Speed」を8にします。最後に「Orientation」の「Orient to direction」にチェックを入れ、「Look Axis」をUpにします

![スクリーンショット (27).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/e87f5e0a-f341-a1c3-a992-7adfd78f4a91.png)
15　再生ボタンをクリックすると、上下左右キーでSpaceshipが移動できます

<b>アステロイドの作成</b>
![スクリーンショット (33).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/0f18ef7e-19a3-b6ab-f7c2-31a96efbe077.png)
16　Spaceshipを選択し、Inspector欄から「Add Command」をクリックし、「Polygon Collider 2D」と入力して、表示されるスクリプトをクリックします

![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/041d59d1-9ac3-1b8c-6104-ef9a4bebf867.png)
17　「Assets」→「Images」→「Asteroids」から「Asteroid2」をシーンビューにドラッグ＆ドロップします

![スクリーンショット (30).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/b87f5666-cec3-30c2-cf52-29e012dfeecf.png)
18　Asteroid2のInspector欄から「Add Command」をクリックし、「Rigidbody 2D」と入力して、表示されるスクリプトをクリックします

![スクリーンショット (31).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/28c8beae-95e0-6c23-29fa-336e01a5afc0.png)
19　同じくInspector欄から「Add Command」をクリックし、「Polygon Collider 2D」と入力して、表示されるスクリプトをクリックします

![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/d87ffc41-d639-3893-c0f6-150276835949.png)
20　Asteroid2のInspector欄のRigidbody 2D欄で「Mass」を10、「Gravity」を0にします

![スクリーンショット (35).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/36fce062-aef6-7748-6d3c-748e5009782b.png)
21　再生ボタンをクリックして、SpaceshipでAsteroid2が押せるか確認します

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/35e98c14-a841-3f88-819e-214f46bd5635.png)
22　Project欄で「Assets」→「Scripts」→「Attributes」から「ModifyHealthAttribute」スクリプトを選択して、シーンビューのAsteroid2にドラッグ＆ドロップします。その後、Asteroid2をクリックし、Inspector欄の「Modify Health Attribute（Script）」欄で「Health Change」を-1にします

![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/03592494-09b3-bad0-2847-60669b2389a0.png)
23　次にProject欄で「Assets」→「Scripts」→「Attributes」から「HealthSystemAttribute」スクリプトを選択して、シーンビューのSpaceshipにドラッグ＆ドロップします。

![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/d6f2c84c-4f5f-0659-44a2-0feddd66fb76.png)
24　Assets欄で「Prefabs」をクリックします。次にHierarchy欄で「Asteroid2」を選択し、Projectエリアにドラッグ＆ドロップして、Prefabを作ります

![スクリーンショット (40).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/564d4313-9ee3-1780-2836-2a1625759b6f.png)
25　Asteroid2をPrefabにしたら、Hierarchy欄の「Asteroid2」を右クリック→Deleteを選択して、シーンビューから削除します

![スクリーンショット (41).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/158e968b-8aec-b6f9-7581-8fede9ef704c.png)
26　削除されました

![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/7ada3a06-6050-0d77-e6d3-dcfbe3cc1c17.png)
27　次に「Assets」→「Prefabs」を選択し、プロジェクトエリアから「Asteroid2」Prefabを選択してHierarchy欄にドラッグ＆ドロップします。これを5回繰り返します

![スクリーンショット (43).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/da7995e2-aa55-50f5-7ea1-e60006337256.png)
28　シーンビュー上のAsteroid2のPrefabを選択し、画面上の任意の場所に移動させます。Gameタブをクリックして、小惑星の配置を調整します。すべての小惑星が一画面に収まるようにしてください（このゲームでは画面はスクロールしません）

<b>スターと衝突判定の作成</b>
![スクリーンショット (285).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/6e8cd0ab-c98a-0716-569c-331796ac2919.png)
29　「Assets」→「Prefabs」→「UserInterfaces」をクリックし、シーンビューにドラッグ＆ドロップします

![スクリーンショット (50).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/1e6a8ce1-6c3a-f41c-a977-afdf83949b97.png)
30　ゲームを再生し、UIが表示されているか確認します

![スクリーンショット (47).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/f9fd0993-2828-3f7f-deca-8562d63f4b3a.png)
31　Spaceshipを操作し、小惑星にぶつかるとHealthが減ることと、Healthが0になるとGame overが表示されることを確認します

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/8e3b7b0f-632a-9e5b-56f2-eb7030cec842.png)
32　「Assets」→「Images」→「GameElements」からStarを選択し、シーンビューにドラッグ＆ドロップします

![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/343bce99-850a-c442-185e-ed728e164326.png)
33　「Assets」→「Scripts」→「Attributes」から「CollectableAttribute」スクリプトを選択して、シーンビュー上のStarにドラッグ＆ドロップします。

![スクリーンショット (52).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/716c8bdc-9fef-826c-3dd8-d2da723ecab9.png)
34　このとき「Collider2D needed」のダイアログが表示されるので、「Polygon」を選択します

![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/b7964240-0769-faa6-4d03-e711921e0ec1.png)
35　Asteroid2と同じように、「Assets」→「Prefabs」を選択しておきます。次にHierarchy上のStarを選択し、Projectエリアにドラッグ＆ドロップして、Prefabを作ります

![スクリーンショット (55).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/c936ec95-752b-97c0-88d7-7cb08d530556.png)
36　Prfabができたら、Hierarchy上のStarを右クリック→Deleteします

![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/947171ca-1112-4b1d-50be-ba058e1ddb11.png)
37　「Assets」→「Prefabs」欄でStarのPrefabを選択し、Hierarchy上にドラッグ＆ドロップします。これを5回繰り返します

![スクリーンショット (57).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/1a45be0a-6d9a-141f-c4fb-e5670c784619.png)
38　シーンビュー上でStarのPrafabの場所を調整します

![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/9bbb45a0-0792-3752-3864-2b91d985f761.png)
39　「Assets」→「Prefabs」→「UserInterface」を選択し、Inspector欄からUI Script（Script）欄の「Score To Win」が5になっていることを確認します

![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/2625409d-4b45-4d00-a63b-1e8a48e3f029.png)
40　なお、「Assets」→「Prefabs」→「Star」を選択し、Inspector欄の「CollectableAttribute（Script）」欄にある「Points Worth」の値を修正すると、一度に上昇するスコアの値を変えられます（デフォルトは1です）

![スクリーンショット (58).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/cc2f6dde-cca9-e0ee-a468-b54c39869223.png)
41　再生ボタンをクリックして、ゲームが問題なく動作することを確認します

![スクリーンショット (61).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/166666/6c94abf2-8d29-bcbb-6e88-e974870b4403.png)
42　小惑星を避けながら、すべてのStarを集めると、「Player 1 wins!」と表示され、ゲームが終了します