Godot Engine 入門 パート2

[パート1](https://qiita.com/tomon9086/items/6da6cab0393d392e760d) からの続きです

# 玉転がし
## フィールド作成
### 壁
次は壁を作ります
床と同じようにルートノードに子ノードを追加します
<img width="1000" alt="スクリーンショット 2019-10-22 18.01.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/027bf895-d756-b413-b375-d57df9d48861.png">
壁は4方向あり、それらをまとめて扱いたいので、壁の親ノードとして「Position3D」を選びます
<img width="1000" alt="スクリーンショット 2019-10-22 18.02.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/6d58c9d7-39f2-dd35-af4d-d44c39450520.png">
「Position3D」ノードの子ノードとして床と同様のRigidBodyを追加します
<img width="1000" alt="スクリーンショット 2019-10-22 18.03.25.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/b3fb23a0-5597-451e-3b2c-610ef87a7c08.png">
CollisionShapeのScaleと、RigidBodyの名前を変更します
RigidBodyは「Wall」という名前にしました
<img width="1000" alt="スクリーンショット 2019-10-22 18.15.10.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/baf5e0b0-f528-3dde-7eee-3e9ff325318b.png">
「Wall」ノードのTranslateを変更します
<img width="1000" alt="スクリーンショット 2019-10-22 18.16.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/4a195b04-3dc5-5776-6d6d-bc460c2e5d09.png">
「Wall」ノードで右クリックして「複製」を選びます
<img width="1000" alt="スクリーンショット 2019-10-22 18.16.16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/3d9cdd42-1c86-34aa-b8ca-f23efce836d4.png">
自動的に「Wall2」と名付けられるので、そのままにしました
Translateを変更します
<img width="1000" alt="スクリーンショット 2019-10-22 18.18.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/928906c8-a6b2-0038-8b51-c98b38af346b.png">
同様に残りの2枚も作ります
<img width="1000" alt="スクリーンショット 2019-10-22 18.19.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/390902c3-aec8-99a3-d00a-9baefb6a46f4.png">
「Position3D」ノードの名前を変更します
「Walls」にしました
<img width="1000" alt="スクリーンショット 2019-10-22 18.19.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/3193a36a-e5d7-b49b-5163-6ae6cb2441f0.png">

## マテリアル作成
床と壁に色を付けます
ファイルシステムウィンドウの「res://」で右クリックして「新規リソース」を選びます
<img width="1000" alt="スクリーンショット 2019-10-22 18.19.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/6f543bd3-89e9-9091-b4ab-a213977c342d.png">
「SpacialMaterial」を選びます
<img width="1000" alt="スクリーンショット 2019-10-22 18.20.11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/5b9059a2-d27c-052e-03a6-22fc4aa827c6.png">
ファイルの種類ごとにカテゴライズしたいので、「フォルダーを作成」をクリックして、「Materials」と名前をつけます
<img width="1000" alt="スクリーンショット 2019-10-22 18.20.42のコピー.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/f11a7b0f-b645-5852-8544-078ae0d97a34.png">
<img width="1000" alt="スクリーンショット 2019-10-22 18.20.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/711e15f0-9a7a-25b3-6406-ecc04dca7905.png">
Materialフォルダの中に「Wall.tres」としてSpacialMaterialを保存します
<img width="1000" alt="スクリーンショット 2019-10-22 18.21.16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/f4b39a60-3227-061d-b9cb-694c124d5340.png">
同様に「Floor.tres」も作ります
<img width="1000" alt="スクリーンショット 2019-10-22 18.21.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/f55c0124-b40b-4eca-fb44-e09014a1d0be.png">
「Wall.tres」をダブルクリックして、インスペクタの```Albedo > Color```を編集します
<img width="1000" alt="スクリーンショット 2019-10-22 18.24.28のコピー.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/f9d6ec67-2030-9bdb-2083-ab4b59dcc649.png">
薄橙色にしました
<img width="1000" alt="スクリーンショット 2019-10-22 18.25.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/8808c088-b2b0-dc14-fe43-92f792f6e034.png">
同様に「Floor.tres」を茶色にします
<img width="1000" alt="スクリーンショット 2019-10-22 18.26.02.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/c12fb53d-44cf-2fde-6abe-83d88ff3f861.png">
床のCSGBoxを選択し、インスペクタの「Material」に「Floor.tres」をドラッグアンドドロップします
<img width="1000" alt="スクリーンショット 2019-10-22 22.49.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/84848102-58aa-99b9-cfc1-703eda6437e8.png">
同様に壁のCSGBoxを選択し、「Wall.tres」を適用します
<img width="1000" alt="スクリーンショット 2019-10-22 22.51.27.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/0c53fd3e-c560-d658-3801-b400c1e38b39.png">

> Command (WindowsではCtrl) キーを押しながらクリックすることで複数選択ができます
> <img width="700" alt="スクリーンショット 2019-10-22 22.50.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/92e7e5e0-9668-3233-b508-8bed0673372c.png">

ちょっと気持ち悪い配色になっちゃいましたが、スクショ撮り直すのもしんどかったのでこのまま進めます

## 保存
ここでようやく保存します
```シーン > シーンを保存```を選びます
<img width="1000" alt="スクリーンショット 2019-10-22 22.53.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/f5c5dc73-3d0f-90fd-ab82-406f09f04901.png">
マテリアルと同様に「Scenes」フォルダを作成します
<img width="1000" alt="スクリーンショット 2019-10-22 22.53.55.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/922564b5-a6c5-3264-aa23-f1fadcf02774.png">
「Main.tscn」と名前をつけて保存します
<img width="1000" alt="スクリーンショット 2019-10-22 22.54.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147904/909394a3-50d0-8ce8-0984-b698207feeef.png">

[パート3](https://qiita.com/tomon9086/items/d31127662cde8f9bab20)に続きます…