環境テクスチャを使用する

環境を表現するには、屋外のシーンや屋内空間などの環境テクスチャを使用します。環境テクスチャは HDR 画像または EXR 画像から作成できます。

環境キューブマップテクスチャを使用する

環境キューブマップテクスチャを使用するには:

  1. 環境キューブマップテクスチャを作成します。

    1. Assets で Import Assets をクリックし、環境キューブマップテクスチャの作成元とする HDR 画像または EXR 画像を選択します。

      ../../_images/assets-import-assets.png

      ヒント

      すでに Kanzi Studio プロジェクトにインポートしている HDR 画像または EXR 画像から環境キューブマップテクスチャを作成するには、Library > Resource Files > Images でその画像を Alt を押しながら右クリック し、Environment Cubemap Texture を選択します。

      ../../_images/create-environment-cubemap-texture-context-menu.png
    2. Create Textures for HDR Images ダイアログで:

      1. Environment Cubemap Texture を選択します。

        ../../_images/create-environment-cubemap-texture-dialog.png

        ヒント

        画像に対して、環境からの照明を表す放射照度とスペキュラキューブマップテクスチャも作成するには、Image-Based Lighting Cubemap Textures を選択します。イメージベースのライティングキューブマップテクスチャを使用する を参照してください。

      2. (オプション) キューブマップフェイスのサイズを手動で設定するには、Automatic 設定を無効にして、Cubemap Face Resolution を設定します。

        例えば、各キューブマップ面のサイズが512x512ピクセルの環境キューブマップテクスチャを作成するには、Cubemap Face Resolution を 512 に設定します。

        Kanzi Studio はデフォルトで、インポートする画像の幅の4分の1の幅と高さを持つキューブマップテクスチャを作成します。

        ../../_images/environment-cubemap-face-resolution.png
      3. Create をクリックします。

      Kanzi Studio は画像をインポートし、その画像のために Library > Materials and Textures > Textures に環境 Cubemap Texture を作成します。

      Kanzi Studio はキューブマップのフェイスイメージを作成して設定します。

      • NegZ Image をフロントフェイスイメージに

      • PosZ Image を背面画像に

      • 左側の顔画像に NegX Image

      • 右側の顔画像に PosX Image

      • NegY Image をボトムフェイスイメージに

      • PosY Image をトップフェイスイメージに

      ../../_images/my-hdr-image-environment.png ../../_images/my-hdr-image-environment-properties.png ../../_images/environment-cubemap-faces.png

      ヒント

      HDR画像から作成したテクスチャの強く照らされた領域の明るさを制限することができます。

      HDR画像から作成するキューブマップテクスチャの最大輝度レベルを設定するには、

      1. Library > Resource Files > Images で、画像を選択します。Properties で Clamp Pixels プロパティを追加し、その画像から作成するキューブマップ面画像の色の値を制限したい値に設定します。

      2. Library > Resource Files > Images で画像を Alt を押しながら右クリック し、作成したいキューブマップテクスチャを選択します。

      ../../_images/clamp-pixels.png ../../_images/recreate-env-cubemap-textures.png
  2. Library > Materials and Textures で、Alt を押しながら右クリック Material Types を行い、CubemapSkybox を選択します。

    Kanzi Studio は、Library > Materials and Textures に CubemapSkybox マテリアルタイプと CubemapSkyboxMaterial を作成し、キューブマップテクスチャをスカイボックスとして表示することをサポートします。

    ../../_images/library-create-cubemap-skybox-material-type.png
  3. Library で、CubemapSkyboxMaterial マテリアルを選択します。Properties で、TextureCube プロパティを使用したいキューブマップテクスチャに設定して、スカイボックスをレンダリングします。

    ../../_images/library-cubemap-skybox-material.png ../../_images/properties-cubemap-skybox-material.png
  4. Box または Sphere ノードを作成し、スカイボックスをレンダリングするために使用します。Properties で、次を設定します。

    • Mesh Material から CubemapSkyboxMaterial へ

    • ノードのサイズは、内部に表示したいコンテンツが収まるように十分に大きくしてください。

      • Box の場合、Width、Height、および Depth プロパティを設定します。

      • Sphere の場合、Radius プロパティを設定します。

    • Generate Mesh Inside Out を有効にする

      このプロパティが有効になると、Kanzi はメッシュ内にキューブマップテクスチャをレンダリングします。

    ../../_images/node-tree-box.png ../../_images/properties-box-skybox.png
  5. Camera ノードを、作成したノードの中に配置します。

カメラを回転させると、Preview で環境テクスチャがスカイボックスとしてレンダリングされているのが見えます。

../../_images/environment-map-rotation.gif

緯度経度環境テクスチャを使用する

緯度経度(正距円筒)環境テクスチャを使用するには:

  1. 緯度経度環境テクスチャを作成します。

    1. Assets で Import Assets をクリックし、緯度経度環境テクスチャに使用したい HDR 画像または EXR 画像を選択します。

      ../../_images/assets-import-assets.png

      注釈

      LDR 画像を使用する場合は、画像をインポートし、Library > Materials and Textures > Textures でテクスチャを選択して、Properties で Wrap Mode プロパティを Repeat に設定します。

    2. Create Textures for HDR Images ダイアログで Single Texture を選択し、Create をクリックします。

      ../../_images/create-single-texture-dialog.png

      Kanzi Studio は画像をインポートし、Library > Materials and Textures > Textures に Single Texture を作成します。

  2. Library > Materials and Textures で、Alt を押しながら右クリック Material Types を行い、LatLongSkybox を選択します。

    Kanzi Studio は、Library > Materials and Textures に LatLongSkybox マテリアルタイプと LatLongSkyboxMaterial を作成します。このマテリアルは、緯度経度環境テクスチャをスカイボックスとして表示することをサポートします。

    ../../_images/library-create-latlong-skybox-material-type.png
  3. Library で、LatLongSkyboxMaterial マテリアルを選択します。Properties で、Texture プロパティを、スカイボックスのレンダリングに使用したい緯度経度(正距円筒)テクスチャに設定します。

    ../../_images/library-latlong-skybox-material.png ../../_images/properties-latlong-skybox-material.png
  4. Box または Sphere ノードを作成し、スカイボックスをレンダリングするために使用します。Properties で、次を設定します。

    • Mesh Material を LatLongSkyboxMaterial に

    • ノードのサイズは、内部に表示したいコンテンツが収まるように十分に大きくしてください。

    • Box の場合、Width、Height、および Depth プロパティを設定します。

    • Sphere の場合、Radius プロパティを設定します。

    • Generate Mesh Inside Out を有効にする

    このプロパティが有効な場合、Kanzi はメッシュの内側に環境テクスチャをレンダリングします。

    ../../_images/node-tree-box.png ../../_images/properties-box-latlong-skybox.png
  5. Camera ノードを、作成したノードの中に配置します。

カメラを回転させると、Preview で環境テクスチャがスカイボックスとしてレンダリングされているのが見えます。

../../_images/environment-map-rotation.gif

関連項目

単一テクスチャの使用

キューブマップテクスチャ (Cube-map Texture) を使用する

イメージベースのライティングキューブマップテクスチャを使用する

テクスチャ付きマテリアルの作成

イメージ (Images)

マテリアルタイプとマテリアル

インポートしています