13.実践編：マイハウス制作
https://scrapbox.io/files/65afeea5ed2e2c0024589192.jpg
エディタ使い方と基本知識の応用編として、あなただけのマイハウスを制作していきます。
今回、アセットを使用して家を作っていただきたいので、Qixel Bridgeやマーケットプレイスを使用して、壁や家具を抽出して、あなた好みの家を作っていきます。
🌟完成までの手順
⓪アセットについて
①世界の創造
②大地の創造
③ハウスの外壁を作成
④ハウスの内装を作成
⑤屋内ライトの設置
⑥最終チェック
①世界の創造
まず、美しい世界を創造するために、品質設定を『高』、Lumen機能をOnにしましょう。
・設定→エンジン拡張機能設定→高を選択
https://scrapbox.io/files/663f2e711234e1001d9cda4e.png
・編集→プロジェクト設定→レンダリング→Globl Ilumination→ダイナミックグローバルイルミネーションメソッドをNone→Lumenに変更。警告が出たらOKを選択。
https://scrapbox.io/files/663f2f5dc7317e001d0c04c9.png
Lumenを使用するには、エディターを再起動する必要があります。
一度UEエディターをシャットダウンし、エディターの再起動をかけます。
再度エディターが立ち上がったら、
ファイル→新規レベル→空のレベルを選択し作成ボタンを押します。
https://scrapbox.io/files/663f306779b6b4001d5d1479.png
https://scrapbox.io/files/663f306dc7317e001d0c08c4.png
ファイル→名前をつけて現行レベルを保存→名前は『MyHouse』とします。最後に保存を押しましょう。
https://scrapbox.io/files/663f30f13ccf74001c08e4b5.png
https://scrapbox.io/files/663f30f81e9bcc001c22a4ab.png
ここから環境ライトミキサーを使用して、必要なLighting機能を最速で導入していきます。
環境ライトミキサーは、超お手軽にレベル内のライトを追加、修正できる機能です。
まず、ウィンドウ→環境ライトミキサーを選択します。
https://scrapbox.io/files/663f318746b817001d5a4f83.png
スカイライトを作成→大気ライトを作成→Sky Atmosphereを作成→ボリュメトリッククラウドを作成→ハイトフォグを作成というボタンを左から順番に押していきましょう。
https://scrapbox.io/files/663f329aa52854001ccd1d6d.png
こちらでいつでも環境ライトが調整できるようになります。
https://scrapbox.io/files/663f33b3dda661001c8ea903.png
あっという間に空が完成しました。
https://scrapbox.io/files/663f3437cabae3001ce23c45.png
②大地の創造
続いてランドスケープを使って、世界に大地を創造していきます。
選択モードのドロップダウンを開き、ラウンドスケープを選択します。
https://scrapbox.io/files/663f3627606f16001d47f068.png
なにも設定をいじらずに、作成ボタンを押すだけで大丈夫です。
https://scrapbox.io/files/663f36760378ba001ca24fb4.png
なにもない大地が創造されました。
https://scrapbox.io/files/663f3712790d14001d2fe101.png
これで、大地が想像されましたが、見ての通り、なにもないただの平面と化しています。
というわけで、ここからフォリッジモードを使用して草を生やしていきます。
まずは、Quixel Bridgeを起動して、生やしていく草を入手しましょう。
画像のボタンを押して、Quixel Bridgeを選択するか、
https://scrapbox.io/files/663f3d2082bfb4001d05e970.png
コンテンツブラウザから＋追加→Quixel コンテンツを追加を押していただいてもかまいません。
https://scrapbox.io/files/663f3d52eab884001d0307a0.png
この画面が出てくればOKです。
https://scrapbox.io/files/663f38273af140001db5e9e5.png
左のリストからHome→３DPlants→Grassからあなたのお好きな草を選択してください。
https://scrapbox.io/files/663f39de69e98f001c3c2c22.png
草を選択すると、右の欄にダウンロード画面が出てきます。下記の画像の一番上が、同梱されている草のプレビューです。あまりにクオリティが高いと重くなるので、今回はMidium QualityでDownloadします。
https://scrapbox.io/files/663f3a5dccd72c001dc09752.png
ダウンロードが完了したら、Addボタンを押します。
https://scrapbox.io/files/663f3bf08d8aa6001c476731.png
そうしますと、コンテンツブラウザにたくさんの草が追加されると思います。
https://scrapbox.io/files/663f3c740e77d8001c52a51d.png
それでは、草を用意できたので、さっそくフォリッジモードを使用して、草を生やしていきましょう。
選択モードからフォリッジを選択します。(Shift+3がショートカットキー)
https://scrapbox.io/files/663f3cce1ae41b001d1ab60f.png
まずは、Foliageフォルダーを開きます。
https://scrapbox.io/files/663f3e37079f89001c6b310f.png
そして、使用する草をすべて選択します。
https://scrapbox.io/files/663f3e168d8aa6001c47710a.png
『ここにフォリッジをドロップ』と書かれたところに、選択したフォリッジをすべてドラッグ＆ドロップします。
https://scrapbox.io/files/663f3ea0079f89001c6b3302.png
無事にフォリッジ素材が追加されたら、こちらの追加された素材をすべて選択して、チェックマークをつけてください。
このチェックマークを付けるかつけないかによって、この素材を使うかどうかを決定することができます。
https://scrapbox.io/files/663f3f9924fac6001cdc4ac2.png
そしたら、ペイントのボタンを選択し、ビューポートにカーソルを合わせてみましょう。
すると、ドームのようなものが現れるかと思います。
https://scrapbox.io/files/663f400ce5c9f9001cbcd47f.png
この状態でクリックすると、案の定、草が生えました。
https://scrapbox.io/files/663f406fa18917001d79daf2.png
草を消したい時は、消去ボタンを押す、あるいはShiftを押しながら左クリックすることで、草を消すことができます。
https://scrapbox.io/files/663f40d1ceab47001c322052.png
《ブラシのオプションについて》
https://scrapbox.io/files/663f4344c7317e001d0c52aa.png
ブラシサイズ：ブラシの大きさ
ペイントの密度：草を増やす間隔、割合
消去密度：０ですべて消す、１で全く消さない、0.5で半分消す。
単一インスタンスモード：すべての選択項目
クリックした場所に対して、✅されているすべてのフォリッジを生やす。
単一インスタンスモード：選択項目を切り替える
クリックするたびに✅されているフォリッジの中から順番に、ペイントするものを切り替えていく。
《フィルタについて》
https://scrapbox.io/files/663f43b7e5c9f9001cbce4c1.png
フィルタは、フォリッジを生成する場所を決定することができます。
ランドスケープにチェックをつければ、地面に草が生えますし、スタティックメッシュにチェックをつければ、下記の画像のように、メッシュの上にも草が生えるようになります。
https://scrapbox.io/files/663f43ba3abab8001d553cba.png
ちなみに、草が生えた状態のスタティックメッシュを移動させると、草はついてこない……と思いきや、しっかりとついてきます。試してみてください。
すべての草を削除したい場合は、『すべて』のボタンを選択し、続けて『削除』のボタンを押します。
https://scrapbox.io/files/663f44c595c452001c893c65.png
これで、跡形もなく草を消すことができます。
https://scrapbox.io/files/663f44f5018dd7001cf8908b.png
家の建築の際、草が邪魔だという方は、後から草をはやしてもいいですし、先に草をはやした状態で建築を進めてもかまいません。そこはご自由にどうぞ。
《草のサイズをランダム化する》
サイズをランダム化する方法ですが、ランダム化したい草を選択します。
https://scrapbox.io/files/663f45bcbdf919001cdf0504.png
そして、詳細欄のペインティングの項目にあるScaleXの最小値と最大値をいじります。
https://scrapbox.io/files/663f461bb8af33001c13f132.png
今回は最小を0.5、最大を1.5としました。
すると、たとえ同じ種類の草だとしても、生成するたびにサイズがランダム化するようになります。
https://scrapbox.io/files/663f46aa3ccf74001c094142.png
《風を吹かせる》
せっかくなので、草が風によって揺らいでいる表現を作りたいと思います。
まず、草のアセットのマテリアルインスタンスを開きましょう。
https://scrapbox.io/files/663fac4f349b13001c77b384.png
続いて、詳細欄の07-Windという項目にあるEnableGrassWindにチェックを入れます。
チェックできる項目は二つあるので、両方ともチェックを入れます。
https://scrapbox.io/files/663fac9946b817001d5d30f8.png
チェックを入れたら保存して、となりのマテリアルインスタンスも同様にチェックを入れておきます。
https://scrapbox.io/files/663faceeb38da1001ce4c446.png
https://scrapbox.io/files/663fad0a6e5a44001cf171f6.png
こうすることで、まるで草が風にそよいでいるように見せることができます。
https://scrapbox.io/files/663fad85c6013c001c79697a.png
《Naniteの設定》
ここからはUE5で追加されたLumenと並ぶ二大巨頭の最新機能【Nanaite】を設定していきます。
Naniteとは
カメラの距離によって、自動的に描画されるポリゴン数を最適化してくれる機能になります。UE5はLOD機能によって、カメラが近くから遠くにいおくほど、ポリゴン数をHighからLowに削減していくのですが、いきなりポリゴン数をハイポリからロウポリに落とすので、視覚的に違和感が生じてしまいます。しかし、Naniteがあれば、滑らかにポリゴン数を調節してくれるため、違和感なくメッシュの形状を変更してくれるようになるわけです。
プロジェクト設定を開いて、プラットフォームのWindowsの項目を開いて、SM6にチェック、デフォルトのRHIをDirectX12に変更します。
https://scrapbox.io/files/663faf00790d14001d3248bf.png
続いて、Nanite化したいスタティックメッシュをすべて選択し、Nanite→Naniteにチェックを入れてください。こうすることで、Naniteを有効化することができます。
https://scrapbox.io/files/663fb143bdf919001ce0f557.png
この状態で、カメラを近づけたり遠ざけたりしてみてください。草の形状が違和感なくスムーズにポリゴン数が調整されていることが見て取れます。
草だとわかりにくいですが、これを使うことで、Unityでは違和感しかなかったLOD機能が、UEでは全く違和感なくメッシュのポリゴン数を増減させることができるようになります。
https://scrapbox.io/files/663fb2759a70f0001d73dd0f.png
《ランドスケープにマテリアルを適用》
最後にランドスケープに地面特有の色を付けていきます。
まず、アウトライナーのLandScapeを選択します。
https://scrapbox.io/files/663fb355fb6db600222d9d65.png
続いて、ランドスケープのところのランドスケープマテリアルに、マテリアルを割り当てていきます。
https://scrapbox.io/files/663fb3da018dd7001cface2a.png
コンテンツブラウザでM_Groundと検索し、三種類のマテリアルのうち、好きなものを選んで、ランドスケープマテリアルにドラッグ＆ドロップしましょう。
https://scrapbox.io/files/663fb44a7260a0001d169c6c.png
これで、大地に色を与えることができました。
https://scrapbox.io/files/663fb46c3ccf74001c0b4eda.png
もし、現行の地面のマテリアルが気に入らない場合は、Quixel Bridgeで『Ground』と検索し、新たに地面用のマテリアルをダウンロードしてきてもOKです。
https://scrapbox.io/files/663fb578660330001d476b4a.png
これで地上が完成しました。
https://scrapbox.io/files/663fb5bb7738e1001d03f1c8.png
③ハウスの外壁を作成
それでは、さっそく家を建築していきましょう。
まず、壁ですが、壁はコンテンツブラウザで、スタティックメッシュのフィルターを掛けた状態で『Wall』と検索してみてください。壁に使えそうなメッシュが見つかるかと思います。
https://scrapbox.io/files/663fbb1520e125001c5cff2f.png
そしたら今度は、Quixel BridgeでWallと検索してみましょう。
壁に使えそうなマテリアルがたくさんピックアップされます。
https://scrapbox.io/files/663fbd8afb6db600222dd8d3.png
気に入ったマテリアルが見つかったら、レベルの壁のメッシュに対して直接マテリアルをドラッグ＆ドロップしてみましょう。
https://scrapbox.io/files/663fbd67d51eb7001cea3c11.png
そして、窓つきの壁ですが、Quixel Bridgeで『Modular Building』と検索してみてください。
家を建てるためのよさげな窓や窓付きの壁がたくさん出てくると思います。
https://scrapbox.io/files/663fb75da18917001d7bfc6b.png
もしも、窓だけを探したいなら『Window』と検索すると、よさげな窓付きの壁や窓がでてきます。
https://scrapbox.io/files/663fb68e7f73b4001d060e2d.png
外壁が完成したら、いったんプレイして確認してみましょう。
④部屋の内装を作成
内装に関しては、Quixel BridgeにあるコレクションのEnviromentのHeloicの項目にあるアセットを使用するのがおすすめです。
https://scrapbox.io/files/663fb8f86459ce001c9d074a.png
ドア、椅子、テーブル等おしゃれなアセットがいろいろありますので、Bridgeのアセットも色々さがしてみてください。
欲しいアセットをドラッグ＆ドロップするだけで簡単に配置できるのでぜひ活用しましょう！
https://scrapbox.io/files/663fbab0ceab47001c3492a9.png
こちらも、ドラッグ＆ドロップですぐに配置できますので、じゃんじゃんレベルに配置していきましょう。
https://scrapbox.io/files/663d4156c0526e001c9ad8fa.png
https://scrapbox.io/files/65aff3cd651a1500250ec9bd.jpg
⑤屋内ライトの配置
https://scrapbox.io/files/65aff491e4a5c2002397736a.jpg
https://scrapbox.io/files/65aff50d25169f00238a22d3.jpg
⑥完成したらプレイして確認する
https://scrapbox.io/files/65aff6d010746c0024064e9e.jpg