背景効果

このチュートリアルでは、Wonderland Engineで背景を表示する複数の方法を紹介します。

• 3Dスカイエクイレクタングラーテクスチャ
• 3Dグラデーション
• 2Dテクスチャ
• 2Dグラデーション

3D背景 

空 

空のレンダリングは初期のゲームから存在しています。それはプレイヤーの目に世界のサイズを大きく見せる効果があります。

空をレンダリングするための多くの技術があります：

• 大気レンダリング
• キューブマップ画像（_“スカイボックス”_とも呼ばれます）
• エクイレクタングラー画像

現在、Wonderland Engineは最後の方法のみをサポートしています。

エクイレクタングラー画像 

エクイレクタングラー画像は、360度の画像を平面に投影することで得られます。アスペクト比は2:1で、幅は高さの2倍です。

以下はエクイレクタングラー画像の例です：

Wonderland Engineでどのように空を作成するか見てみましょう！

インポート 

まず、エクイレクタングラー画像をインポートします。フォルダからエディタのアセットブラウザにファイルをドラッグ＆ドロップし、そこから画像をシーンビューにドラッグ＆ドロップしてテクスチャを作成します。

エクイレクタングラー画像がない場合は、以下のリソースリストで無料オプションを見つけてください。

マテリアル 

空のテクスチャをレンダリングするマテリアルを作成します：

• Views > Resourcesに移動
• Materialsタブを選択
• 右上のCreateをクリック
• nameをダブルクリックして名前を変更（オプション）
• ドロップダウンのpipeline列でSkyを選択

以下のようなリソースリストができあがります：

レンダリング設定 

これで空のマテリアルをスカイレンダラーにリンクできます：

• Views > Project Settingsに移動
• Renderingセクションまでスクロールして開く
• Skyまでスクロールしてenabledをクリック
• スカイマテリアルをmaterialのドロップダウンに割り当てる
• textureプロパティを空のテクスチャに設定

グラデーション 

テクスチャを使用せずに、二色または四色のカラーストップグラデーションを使用することもできます。

Skyパイプラインを更新し、GRADIENTまたはGRADIENT_4_STOPS機能を切り替えます。

パイプラインを更新したら、スカイマテリアルのcolorStopプロパティを編集します：

2D背景 

Wonderland Engineは2次元の背景画像とグラデーションもサポートしています。

使用するには、SkyパイプラインのshaderプロパティをBackgroundに変更して2Dでレンダリングします。

2Dでは、テクスチャ/グラデーションはカメラの向きに関係なく同じように表示されます：

リソース 

以下は無料でエクイレクタングラー画像を提供しているウェブサイトのリストです：

• Poly Haven
• Ambient CG