キューブマップを作成する

キューブマップを Photoshop で組み立てるためのプロセスです。

Windows
MacOS
Linux

キューブマップを Photoshop で組み立てるためのプロセスです。

キューブマップの作成

キューブマップの作成に必要なのは、X、Y、Z 座標の正と負の方向のビューを表す 6 つの一連の画像です。これらの画像は適切に組み合わせる必要があり、そのために考慮する点がいくつかあります。

「NVIDIA Texture Tools plug-in for Photoshop」(32bits/Channel, 8.8.8.8 ARGB 32 bpp, unsigned) の使用時は、キューブマップを生成するために特別な方法で 6 つの画像を配置しなくてはいけません。このプラグインは、以下のように並んでいる、すべて同じドキュメントにある 6 つの画像を探します。

X 軸の正の方向、X 軸の負の方向、Y 軸の正の方向、Y 軸の負の方向、Z 軸の正の方向、Z 軸の負の方向

CubeMapNvidiaLayout.png

Photoshop からエクスポートされてアンリアルへインポートされると、画像はエディタでキューブマップとして合成されます。この例では、一部の画像に面白い回転が適用されているのがわかります。これは NVIDIA プラグインが、各画像をキューブマップへアセンブルする方法に起因します。

キューブマップとしてインポートされ、アンリアルのテクスチャ エディタ ウィンドウに平らに配置されると、以下のような結果となります。

CubeMapNvidiaLayout_cubemapped.png

いくつかの画像に特別な回転を適用することによって、キューブのサイズを表側を上にしたまま維持します。

回転スキームを迅速に理解する方法を以下に示します。

回転

Positive X

左回りに 90 度回転

Negative X

右周りに 90 度回転

Positive Y

180 度回転

Negative Y

回転無し

Positive Z

Y の正の方向と合わせなくてはいけない側面は上部

Negative Z

Yの正の方向と合わせなくてはいけない側面は上部

キューブマップ画像の回転を視覚化する

初めて作成するキューブマップの画像の配置方法は必ずしも簡単ではありません。この方法は、「NVIDIA's Texture Tools plug-in for Photoshop」を使用して画像を適切に配置する支援をします。

キューブマップの画像の回転を最も簡単に思い描くには、自分自身がデカルト軸と一直線になって地面に横たわって見上げる姿を想像してください。つまり、以下のように X 軸を右手に、Y 軸は頭上を指して、Z 軸の正の方向 (上方) を向いています。

CubeMapOrientation.png

この配置がキューブマップのレイアウトにどのように関わってくるかを理解するために、6方向のビューを表す 6 つの画像を見ていきましょう。

Cubemap_PositiveX.png Cubemap_NegativeX.png Cubemap_PositiveY.png Cubemap_NegativeY.png Cubemap_PositiveZ.png Cubemap_NegativeZ.png

現時点で全ての画像は完全に垂直に回転されています。きちんと整列させるためにはいくつかの画像を回転する必要があります。ここで、上述の自分自身が地面に横たわっている姿を想像する例に戻ります。 まず、自分の頭を右へ向けてください。これは X 軸を見下ろしていることを意味します。しかし今はまだ背中を地面につけて横たわっているため、頭に対して左回りに 90 度回転したビューとなります。

Cubemap_PositiveX_Vis.png

頭を左へ回転させると、以下のように X 軸の負の方向を見ることになります。

Cubemap_NegativeX_Vis.png

Y 軸の正の方向を向くには、頭を元の方向へ回転させなくてはいけません。結果として以下の様に逆さまのビューになります。

Cubemap_PositiveY_Vis.png

Y 軸の負の方向を示す画像は、自分の足を見下ろした形になり、以下のようになります。

Cubemap_NegativeY_Vis.png

Z 軸の正の方向の画像は、以下のように始めから上を向いているため比較的簡単に思い描くことができます。

Cubemap_PositiveZ_Vis.png

Z 軸の負の方向の画像を見るには、お腹を地面につける形で転がって、以下の画像のように地面をみつめます。

Cubemap_NegativeZ_Vis.png

これらの画像を作成し状況に応じた回転が終了したら、以下の順序で画像をひとつのファイルに整列させます。

X+, X, Y+, Y, Z+, Z-

結果として、以下のような画像ができます。

Uffizi_Cubemapped.png

Select Skin
Light
Dark

Welcome to the new Unreal Engine 4 Documentation site!

We're working on lots of new features including a feedback system so you can tell us how we are doing. It's not quite ready for use in the wild yet, so head over to the Documentation Feedback forum to tell us about this page or call out any issues you are encountering in the meantime.

We'll be sure to let you know when the new system is up and running.

Post Feedback