2-3-1 マテリアル編
今回はLandscapeアドオンを使用したHeightmapの作成方法について学習していきましょう。
目次
Landscapeメッシュの作成
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/1e31e8f7-f078-4daf-bdcd-7c8af21d42b4/3ce5db67b1107290f06a58c1b482274e.png)
“Shift+A”からメッシュ→Landscapeを追加し、オペレーターパネルを編集し、Heightmapの元となる地形を作成しておきます。
マテリアルの作成
今回はシェーダーエディタで高いところは白く、低いところが黒くなるZ方向のグラデーションのマテリアルを作成して、それを真上からレンダリングすることでHeightmapの画像を作成します。
まずはZ方向のグラデーションのマテリアルを作成しましょう。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/36f2942e-fbab-436e-8b4b-c70e84aeeafe/2f17fc453dbf32c130cba4c68327027c.png)
シェーディングタブを開き、シェーダーエディタを表示します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/6772c972-6d17-4246-93e5-5031e6ba3349/5012f9b1cd0b97223dd7437599a3c776.png)
シェーダーエディタで”新規”を選択し、新規マテリアルを作成します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/bc7119f6-f0a0-49ea-8f10-8a15b8726846/7a6c19c77cc30bd86b517f0aa7e532d1.png)
“プリンシプルBSDF”ノードを選択した状態でショートカット”Control+T”(NodeWranglerで追加されたショートカット)を実行しましょう。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/9828144a-0452-4551-b98a-2d5a590579d5/35b9e96a38d971172d7773da09a97af9.png)
するとこのように”テクスチャ座標”ノード→”マッピング”ノード→”画像テクスチャ”ノードが一気に繋がった状態で追加されます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/05477bb8-9a60-4bff-af9d-0b064e7de340/f9a8e4bc3b54bd95ae52c2358c03543e.png)
“テクスチャ座標”ノードのUVと”マッピング”ノードのベクトルが繋がっていますが、
“テクスチャ座標”ノードのオブジェクトと”マッピング”ノードのベクトルが繋がるようにドラッグで繋ぎ直します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/bf87a286-bd30-4c47-a2d0-9920171b8a52/9e7cfd505d19edf1c409868367e4829f.png)
“画像テクスチャ”ノードは今回使用しないので、“画像テクスチャ”ノードを選択し”X”で削除したら、”Shift+A”から
テクスチャ→グラデーションテクスチャ
を追加します。
”マッピング”ノードのベクトルと”グラデーションテクスチャ”ノードのベクトルを繋ぎ、
”グラデーションテクスチャ”ノードのカラーを”プリンシプルBSDF”ノードのベースカラーに繋ぎます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/37e70789-399b-494b-9331-73d7f49c0a1f/8f2cc529db31b9dcb4a55de5de82258d.png)
ノードがこのように繋がっていれば正解です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/d111ccb3-b701-4ea9-a1fd-a1b739d663b6/fe67203aef7daa660a29568f0f2d957e.png)
最後に”マッピング”ノードの回転のYの値を90に変更したら、マテリアルの作成は完了です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/1869b1d8-bade-407d-a514-9806fe5e6b77/5c7fbfeec6bbf997b03d01ed8c184eef.png)
これでLandscapeメッシュに、高いところは白く、低いところが黒くなるように色をつけることができました。
最後に
今回でHeightmapのベースとなるグラデーションのマテリアルが完成しましたので、次回はこのマテリアルの見た目をそのままレンダリングする設定について解説します。