89
Unity ステージを るのじゃ

【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Embed Size (px)

Citation preview

Page 1: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Unityでステージを作るのじゃ

Page 2: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

⾃⼰紹介

ユニティ・テクノロジーズ・ジャパン�-��フィールドエンジニア-��エヴァンジェリスト-��サポート

Twitter:@tsubaki_t1

⼭村�達彦

Page 3: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Unityでステージ、

どうやって作ってますか?

Page 4: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Cubeを並べて作る?

Page 5: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

出来れば、こういうの作りたい

Page 6: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

せっかくなのでAssetStoreからモデルを⼊⼿して・・・

Page 7: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

このアセット群、どうやって使えば良い?

Page 8: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

サンプルシーンやPrefabを使う?それも良いよね

Page 9: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

モデルを組み合わせて⾃分のステージ作ってみない?

Page 10: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

こんな感じのステージを作ります

Page 11: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

実際に作成し、作成する際に使⽤した操作やTipsを紹介していきます。

スライドは後ほど

公開します(動画は含まれません)

Page 12: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

メッシュ

材質

メッシュとマテリアルをあわせてモデル表現

Page 13: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

モデルとモデルで3D空間表現

Page 14: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

空間に光を加えてイケてる3D空間

Page 15: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

今回の範囲はこのあたり

Page 16: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

お品書き

•部屋の作成�•インテリアの設置�•⼩物の配置�•ライティングの設定

Page 17: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

さっそく

作っていきます

Page 18: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

部屋の作成

1/4

Page 19: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 20: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

●REC

Page 21: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

利⽤する操作• ラベル管理したアセットを検索�• Transform(座標・位置・サイズ)のリセット�• 頂点スナップ�• オブジェクトの複製�• シーンビューの移動Tips

Page 22: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

ラベルを使⽤したアセットの管理

「ラベル」をアセットに設定して、アセットの検索を楽に⾏う。�

ラベルはアセット(フォルダも可)毎に複数設定する事が可能。�

ラベルは⽤途等で設定しておくと、⾮常に使いやすい。

Page 23: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

ラベルの設定

アセットを選択後、Inspectorのプレビューで設定するラベルの⼊⼒は⼊⼒補完を使うと楽

Page 24: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

ラベルの検索Project�Viewにて、ラベルを選択すると、指定のラベルのみが表⽰される。�

検索欄に「l:ラベル名」で検索�

複数のラベルによる絞り込みは⾏えないが、ラベル以外の要素(Modelや名称)での絞り込みは可能

Page 25: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Favoritesに登録すると検索状況を保存して切り替えられる

Page 26: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Transformのリセットドラッグ&ドロップで配置した際、�座標を調整するのに使える。�

座標・回転、拡縮のいずれかを初期値(0,0,0)に戻す。�

座標・回転・拡縮を⼀括で初期値に 戻すことも出来る。

Page 27: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Transformのリセット

Page 28: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

頂点スナップ配置するオブジェクトの頂点と、周辺に配置してあるオブジェクトの頂点が⼀致するようにオブジェクトを配置する。�

メッシュ同⼠がピッタリとくっつくので、並べる際に便利。�

反⾯、メッシュが⼤量にある場合や ハイポリの場合は配置が難しくなる。

Page 29: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

頂点スナップ

選択中Vキーで、マウスに ⼀番近い頂点にカーソルが⾏く

ドラッグすると、周辺の頂点に⼀致する位置へモデルが移動する

Page 30: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

既に配置したオブジェクトを複製する

シーンに配置したオブジェクトを複製�

オブジェクトを選択しながらCtrl�+�D�

ショートカット操作後、新しく作成した�オブジェクトが選択される。�

Page 31: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

モデルの回転

• ワイヤーを選択してドラッグ�

• Ctrlを押しながらドラッグで15度ずつ回転する(初期設定)

Page 32: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

シーンビューを前後左右に動かす

シーンカメラを⾃由に移動する。オブジェクトを配置する際や、広い範囲のマップを確認するのに便利�

移動しながらマウスで視点を回す事で、回り込むように移動することも出来る

Page 33: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

右クリックを押しながら、WSADで前後左右QEで上下に移動�この前後はシーンカメラの向きに依存(つまり向いてる⽅向に前進する)�

カーソルキーで、カメラのY軸の傾きに依らずX-Z軸に移動�

Sfiftを押すと、素早く移動する。

Page 34: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

フォーカスしたオブジェクトを中⼼に周辺を⾒回すFキーでオブジェクトにフォーカスを�設定した後、Altキーと左マウスを押しながらドラッグ�

頂点スナップでオブジェクトを接続した後接続⾯が正しく繋がっているか確認する際に便利

Page 35: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

⽊のモデルにフォーカス(オブジェクト選択後Fキー)を設定して…

Alt+右マウスボタンを押しながらドラッグ

Page 36: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 37: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

部屋にインテリアを配置

2/4

Page 38: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 39: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 40: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

利⽤する操作• オブジェクトの上に乗るように配置�• 配置後、オブジェクトの上に乗るように配置�• スナップ移動、平⾏移動�• シーンビューを配置調整しやすいモードに切替

Page 41: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

オブジェクト上に乗るように配置Project�viewからColliderのあるオブジェクトをドラッグ&ドロップすると、Colliderに乗る形でモデルを配置する。�

SceneViewの視点と、ドラッグ中のオブジェクトの位置で、接点を決める。

Page 42: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

オブジェクト上に乗るように配置

Page 43: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Tips地⾯だけでなく、壁に配置する事も可能�

Generate�Colliders�を使うと�⾃動的にMeshColliderが作られる�

ピッタリとColliderに載せたい場合、 Centerに設定する。

Page 44: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

配置後、オブジェクトの上に乗るように配置

Ctrl+Shiftキーを押しながらドラッグすると、Colliderに沿ってオブジェクトを配置�

Porjectビューから配置した時と⼤体同じ動作�

オブジェクトの向きが間違っていた場合や、 再配置したい場合に便利

Page 45: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

椅⼦を配置(めり込み)の状態から…

Ctrl+Shift+ドラッグで少しずらして、地⾯の上に椅⼦を配置

Page 46: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

スナップ移動、平⾏移動オブジェクトを配置後、位置を調整するのに便利�

移動モード時、緑の板をドラッグする事でオブジェクトをX-Z軸に並⾏移動する�⾚でX-Y、⻘でZ-Y軸に移動する。�

移動時、Ctrlを押しながら操作すると、1m単位でスナップ移動する。�

Page 47: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Ctrlを押しながら、緑の板をドラッグでxz⽅向にステップ移動

Page 48: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Ctrlを押しながらスナップ移動し、1m間隔で椅⼦を配置Ctrl+ドラッグで1m移動、Ctrl+Dで複製…を繰り返す

Page 49: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

シーンビューを配置しやすいモードに切替

SceneViewを平⾏投影モードかつ上から視点に設定する�

屋内やマップを並⾏に⾒れるので、配置しやすい

Page 50: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Gizmoの任意の軸をShiftを押しながらクリック

Page 51: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

三TOPをクリックして、元の視点モードに戻す

Page 52: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 53: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

⼩物と雑貨の配置

3/4

Page 54: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 55: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 56: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

利⽤する操作• 複数選択して⼀括操作�• opt:�数値の調整�• opt:�オブジェクトを検索

Page 57: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

複数選択して⼀括操作

複数のオブジェクトを選択して、�⼀括で移動・回転・拡縮を⾏う�

CtrlもしくはShiftを押しながら選択HierarchyViewでも可能

Page 58: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

複数オブジェクトの回転複数のオブジェクト選択後回転する事で、複数のオブジェクトを同時に回す�

PivotモードとCenterモードで挙動が異なる。�

・pivotの場合、モデルのpivotを中⼼⼆回点�・Centerの場合、選択中のモデルの 真ん中を中⼼に回転

Page 59: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Centerの場合…

選択オブジェクト郡の中央で回転

Page 60: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Pivotの場合…

ピボットの位置で回転

Page 61: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

拡⼤・縮⼩の中⼼点単⼀、もしくは複数のオブジェクトを 拡⼤・縮⼩・回転する際、モードが pivotかcenterかにより挙動が異なる。�

Centerの場合、選択中のオブジェクト(s)の中⼼から拡⼤・縮⼩・回転する。�

pivotの場合、各々のオブジェクトの pivotを中⼼に拡⼤・縮⼩・回転する。

Page 62: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

centerの場合

Page 63: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

pivotの場合

Page 64: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Tips

オブジェクトの中⼼点が⾜元似合るならば地⾯に置いてからpivotモードで拡⼤�

オブジェクトの中⼼点が中央ならばとりあえず拡縮してからCtrl+Shiftで物に乗るように配置

Page 65: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

コンポーネントのパラメータ調整コンポーネントのパラメータは幾つかの操作で調整も出来る�

数値の左をドラッグで、数値を上下�

数値⼊⼒欄に演算を書く�事も出来る

Page 66: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

ドラッグすると、数値をスライダーのように動かせる数値左にマウスを持っていく

Page 67: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

数式の結果が設定される数式を⼊⼒

Page 68: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

シーン内のオブジェクトの検索Hierarchyの検索欄に条件を記載してシーン内のオブジェクトを検索する。�

⾒つかったオブジェクトは⾊が付く。それ以外は灰⾊になる。�

範囲選択する場合、検索したオブジェクトのみ選択出来る

Page 69: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

検索ボックスアセットの検索は、�名前、保持するコンポーネント名、オブジェクトが参照するアセットの3つの要素で絞りこめる。�

参照するアセットは、フルパス指定

Page 70: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

e.g.�アセットを参照するオブジェクトを検索

CardbordBoxを使⽤してるアセットを検索したい場合…

アセットを選択してFindReference�In�Scene

Page 71: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

e.g.�アセットを参照するオブジェクトを検索

Hierarchy�Viewに使⽤中オブジェクトの⼀覧が表⽰

SceneViewにハイライトされる

Page 72: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

ライティングの設定

4/4

Page 73: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

利⽤する操作• ライトの設定�• 反射の設定�• カメラに追加エフェクト ー> 次の講演へGO

Page 74: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

ライトを置くと光と影ができるコンポーネント

Page 75: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

影を事前計算して綺麗に表現

Page 76: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

ライトのセットアップ

• MeshRendererにLightmap�staticを付ける�

• LightのMode設定をMixedに設定する

Page 77: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Progressive�Lightmapperを使うと、SceneViewで⾒える範囲を優先して確認できてGOOD!

Tips

Page 78: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

反射のない⾦属は⾦属にあらず

反射の設定

Page 79: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

ReflectionProbeで光の情報を事前に集めて…

Page 80: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

ReflectionProbeの情報を⾦属に投影して

反射表現

Page 81: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

• 部屋を覆うように ReflectionProbeの範囲を設定�

• 部屋や廊下毎に最低⼀つずつ設定しておくとGOOD

Page 82: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 83: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

• 最後に画⾯全体のエフェクト を盛って完成

Page 84: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 85: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 86: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ
Page 87: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

•組み合わせ次第で部屋からフロアへ、フロアから街へ

Page 88: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

今回使⽤したアセット

壁や椅⼦等のパーツが含まれます

Page 89: 【Unity道場スペシャル 2018仙台】Unityでステージをつくるのじゃ

Q&A