All UE4 Tutorials動画から学んだことまとめ 002（Level Design）


**現在の状況**:16/201消化

動画のindexをNoでつけるようにしました。

# LevelDesignを読む
## レイアウト設計 No14

### プロジェクト新規作成

![lc01.png](https://qiita-image-store.s3.amazonaws.com/0/3844/b061f96c-5b31-2c69-c494-f392ea09f388.png "lc01.png")

NewProject ->  BluePrintFirstPerson でプロジェクト作成（スターターコンテンツ込で）

![lc02.png](https://qiita-image-store.s3.amazonaws.com/0/3844/08cd787d-bef7-5026-ec70-4e00f0ff2f71.png "lc02.png")


Playで動けることを確認(ViewPortをクリックすると操作できるようになります)。すでに楽しい。
ESCで抜ける

### BluePrintEditorを開く

![lc03.png](https://qiita-image-store.s3.amazonaws.com/0/3844/d706d4c1-4d2d-dc0e-3ef0-3abc1f57f674.png "lc03.png")

``1``のアイコンをクリックしてフォルダ一覧を表示し、``BluePrints``を開く
``3``をダブルクリックする

![lc04.png](https://qiita-image-store.s3.amazonaws.com/0/3844/bb9e7ca6-f00e-42ca-fb0a-cfa47c081a82.png "lc04.png")

1. Componentsウインドウ内で
2. FirstPersonCamera->Mesh1Pを選びViewPortで腕が選択状態になるのを確認
3. Detailsウインドウで
4. Filterに``owner``と入力し絞り込む
5. Rendering項目のOwner No See にチェックを入れて
6. クリックしてコンパイルを実行。終わったら閉じてモウイチドPlayしてみよう 腕が消えてる状態で遊べるようになりました。

### NewLevel

![lc05.png](https://qiita-image-store.s3.amazonaws.com/0/3844/54d62988-38d1-fd85-b2b1-3712085de841.png "lc05.png")

1. ⌘+NでNewLebelを作成
2. defaultを選択

![lc06.png](https://qiita-image-store.s3.amazonaws.com/0/3844/cbcae790-c485-cfac-009c-a5b48d22600e.png "lc06.png")

こんなViewPortになったよ
1. Playerと地面を消します。左クリックで選択,DELで削除

![lc07.png](https://qiita-image-store.s3.amazonaws.com/0/3844/bb7cbe36-d49e-784e-cdee-0edb4044a18b.png "lc07.png")

1. Modelsから
2. BSP->
3. BoxをViewPortへドラックし
4. Detail画面で
5. X:500,Y:500,Z:20に設定します。

![lc08.png](https://qiita-image-store.s3.amazonaws.com/0/3844/9db64ddb-aece-223e-3197-9c801e54c95b.png "lc08.png")

1. 移動単位を50(cm?)に設定
2. グリッドに合わせるように位置を調整(難しければ数値直うちで調整が便利)
3. ALT+左クリックドラッグでコピー　4つ作って正方形の地面をつくります。⌘を押しながら選択すると複数選択できることを利用すればもう一回の操作で作れます



![lc09.png](https://qiita-image-store.s3.amazonaws.com/0/3844/a5573582-1532-ef32-d026-93bec21bca3f.png "lc09.png")

壁を作っていきます。alt+Z軸をドラッグでコピーした後
1. 直接X:20,Y:500,Z:300と入力し壁を作ります。回転をあえて使わないように行っているようです。（ローカル座標系を変えたくない？）
少し、Z軸方向に高めに出したあとENDキーで地面と設置させます。
2. 移動単位を10似直さないとピッタリの位置に調整できないようです。

![lc10.png](https://qiita-image-store.s3.amazonaws.com/0/3844/77b3abf6-422f-8757-24e8-bc3abb052623.png "lc10.png")



これまでの覚えた方法を駆使して表示のような構成を作ります。
Y軸奥方向の壁も回転を使わずDetailsウインドウから X:20->480,Y:500->20に変更して作ります。


![lc11.png](https://qiita-image-store.s3.amazonaws.com/0/3844/90b33d83-22e1-2b2e-b89f-5402138adda3.png "lc11.png")

1. Modesウィンドウのgeometoryエディターを選択し
2. 拡大対象(左奥上方の壁)をクリックします。クリック後再度クリックして茶色になったら麺選択状態ですのでx軸をドラッグして穴をふさぐように図のイメージで広げます

![lc12.png](https://qiita-image-store.s3.amazonaws.com/0/3844/2a67d2d4-f562-f203-23bb-f004c9e37820.png "lc12.png")

1. buildを押すと光源情報が計算されて真っ暗になります。　見えにくいのでヘッドライトをつけてみます
2. おなじみの手順
3. おなじみの手順
4. おなじみの手順

上記手順は「Lキーを押しながらViewPortをダブルクリック」でもいけます


![lc13.png](https://qiita-image-store.s3.amazonaws.com/0/3844/4f19fb30-b607-2488-0728-5aec484d390e.png "lc13.png")

1. 点光源を選択状態にします。
2. ViewPort左上をクリックしLock viewport to actorの
3. PointLightを選択

視点移動に光がついてきます。同じ手順でアンロックできます。


![lc14.png](https://qiita-image-store.s3.amazonaws.com/0/3844/78191671-b14a-08fa-6f37-0796d572d643.png "lc14.png")


上記手順でブライトネスを調整しても見えるようになります。
![lc16.png](https://qiita-image-store.s3.amazonaws.com/0/3844/b959677a-937f-c8f8-c1bb-d81c868a18c5.png "lc16.png")

床もこれまでの手順と同様にコピーして天井を作ります。
オブジェクト移動時にshiftキーを押すとカメラも一緒に動いて便利です。

![lc17.png](https://qiita-image-store.s3.amazonaws.com/0/3844/0f465af5-cde3-8a02-2394-1463fb97b1a0.png "lc17.png")

## ドアと窓の追加 No15

これは動画を見たほうが早いかもしれないです。
使う機能だけを示します。

### 穴あけ
![lc18.png](https://qiita-image-store.s3.amazonaws.com/0/3844/227600e7-9121-3ec6-594c-f6a912d42935.png "lc18.png")


1. 奥の壁を内側にコピーし、サイズを小さくします。X:150,Z:250くらいに。そうすると地面に接さなくなるのでENDキーで設置します。
2. BrushTypeをSubtractiveにします。
3. ドラックして奥に押し戻すと穴が開きます。厚みが20のままなのでぴったり戻さないと穴が空きません。


![lc19.png](https://qiita-image-store.s3.amazonaws.com/0/3844/f8dcbbef-4b57-5c05-50b4-53d58de8bfb9.png "lc19.png")

ドア枠はスターターコンテンツの中にありまして、図のようにフォーカスを当てるとサイズが出ます。このサイズに大体合わせ直します。(チュートリアルでは110X210になおしてました。)

治すときは内側に一旦戻さないとENDキーによる接地が動かないようです。

### あとは頑張る

![lc20.png](https://qiita-image-store.s3.amazonaws.com/0/3844/26f19f29-3df9-37be-9b02-ce51f302423a.png "lc20.png")

上記機能を使って窓とドアと天窓（窓をでかくして配置）を作りました。

## マテリアルの適用 No16


![lc21.png](http://i.imgur.com/yuZJBLu.png)
基本的にはマテリアルをドラッグすれば適用できます。
複数のオブジェクトを選択していれば複数箇所に適用できます。
ポイントは事前に複数選択しておく方法のようです。


### 複数選択（壁のみ）
![ic22](http://i.imgur.com/ktJGhUB.png)

1. 壁を１つ選択し
2. Detailsウインドウ->Geometory->Select All Adjacent Wall Surfaces(すべての隣接する壁サーフェスを選択) を選択します

天井と床以外は選択されるのでこの状態でマテリアルをドラッグすると壁全体に適用されます。


### チュートリアルでの適用内容

![ic23](http://i.imgur.com/Ze7WbZm.png)

外壁はM_Basic_Wallにしていました


### 床板などのマテリアル適用

![ic24](http://i.imgur.com/ZtGqEUO.png)

1. で複数選択し複数箇所にまたがるマテリアルについての調整を行います。
2. 境界線が見えないようにします。これは同様にM_rock_marbule_Polised を適用した床にも行います。
3. 床板を45度回転させます。

## 柱を足してよりそれっぽく仕上げる No17

![ic25](http://i.imgur.com/Vn2qF6H.png)

Contentブラウザ->starterContent->Archtecture-> Pillar_50x500 を足していってそれっぽく仕上げるとい内容で目新しことはなし。一部マテリアルを変更しています。動画を見ながら真似してみることをおすすめします。

## デコレーション No18

![lc27.png](https://qiita-image-store.s3.amazonaws.com/0/3844/57423506-7fcc-2acf-0fce-e715b1cceb14.png "lc27.png")


ひたすら装飾品を加えていくだけの作業です。
ただし今回はcmd+Gで複数のオブジェクトをグループ化できるということを学びました。複数本の柱を１つのグループとして移動、回転ができるのでうまく使えば省力化できます。

ちなみにここで追加している柱はStarterContent->prps->SM_PillarFrame300 です。


ここまでやってたら、[そもそも似たようなことをやってる人がいました。](http://manabibeya.com/)
ここ見ながらやれば十分かなと