1-2-2 HeightmapとColormap
今回はRobloxで地形を作成する際に活用できるHeightmapとColormapについて学習していきましょう。
目次
Heightmapとは
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/a9f1a8ec-fb64-46d1-a3ac-1089c82163c3/9feb3932df4d18186499ad3709c6490d.png)
Heightmap | Roblox |
---|---|
白 | 高い |
黒 | 低い |
1 Pixel | 4 Studs |
Heightmapはグレースケールの画像で、白が高い部分(山)、黒が低い部分(谷)を表しています。ただし完全な黒を使用すると、そこには何も生成されず、穴が空いてしまうので注意しましょう。
Heightmapの1 Pixelは、Robloxでは4 Studsに換算されます。
Heightmapの最大解像度は4096×4096 Pixelsで、ファイル形式は.jpgと.pngに対応しています。
Colormapとは
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/d27dc2a9-2b3a-4b7d-9658-192d34674b7f/6e2094f4a5deaf2dd297fb43234b20e2.png)
Colormapはカラー画像で、Heightmapと一緒に使用することで、カラーに対応したマテリアルを地形に割り当てることができます。
Colormapは必ずしも必要ではなく、Colormapを使わない場合は予め選択したひとつのマテリアルで地形が生成されます。
カラーとマテリアルの対応表はこちらのURLから参照できます。
HeightmapとColormapの使用方法
今回は先ほど例に挙げたHeightmapとColormapを使用して、Roblox Studioで地形を生成したいと思います。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/2d51c692-737f-462a-9438-cdfae2618ce9/63fabaebb14f6c32b0b4f43cda22362b.png)
まずはHomeタブの”Terrain Editor”を開き、”Create”タブの”Import”を選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/bb81f39c-f3a3-4533-9cec-5fd6964fc7c9/6249845f3b58de9176fac3a79c487611.png)
“Map Settings”のHeightmapに先ほどのHeightmapを割り当てます。
“Selection Settings”の”Position”と”Size”のX/Y/Zに任意の値を設定しましょう。この時、”Size”のX/Zの値を画像の比率と合わせておくことで画像の通りに地形を生成できます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/3a74c9ad-6a9d-4a2d-9a9d-931a544e1d01/e314472fc605d52e5bddca3a453049fe.png)
“Material Settings”の”Colormap”の方を選択し、先ほどのColormapを割り当てます。Colormapを使用しない場合は、”Material”の方を選択し、デフォルトのマテリアルからひとつ割り当てます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/7a37e1d1-a332-4ce9-9f0f-f9d7ec188953/b5fd67714bb4edf7dc9375d4d21195ef.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/devlox-academy/b1458c5a-ed32-4541-82ea-8af232839125/36043b06c00bebceb94bfc3435ba82f1.png)
上の画像がHeightmapのみでMaterialにGrassを割り当てて生成した地形で、下の画像がHeightmapとColormapを使用して生成した地形です。
このようにHeightmapやColormapを使用すると、狙った地形を画像を用意するだけで作ることができるので活用しましょう。