9.12. Stage

 Stageは床や空、照明などの環境を扱います。

9.12.1. 舞台

 舞台はコンボボックスから選択します。

../_images/operation_stage_1.png

※床を「SeaNight」、空の色を変更した例

../_images/operation_stage_2.png

ヒント

※建築物や木などはOtherObjectを使って表現してください。

建物や庭などを作るには、「SweetHome 3D」というアプリケーションがオススメです。このソフトの詳しい使い方は検索してください。

http://www.sweethome3d.com/

このソフトの活用のポイントは、Obj形式で3Dモデルをエクスポートできる点です。

SweetHome3D製の3Dモデル(obj形式)を本アプリで読み込む場合、生成された以下のファイルを一つのzipファイルに圧縮して使ってください。

  • objファイル

  • mtlファイル

  • その他jpg、pngファイル

なお、本アプリのIKマーカーはSweetHome3Dでいうと0mの位置に相当する箇所に付きます。
それから、スケールはかなり大きくなりますので、 1~3%に変更して使うことをお勧めします。

9.12.1.1. 水面の舞台

 BasicSeaLevel、DaytimeWaterStage、NighttimeWaterStageの3種類は海面・水面となる舞台です。それぞれ演出効果が若干異なります。

 DaytimeWaterStage、NighttimeWaterStageの2種類はBasicSeaLevelや水面オブジェクトとは別のシェーダー・形状です。

ヒント

OtherObjectの基本の図形にある 水面 を使うと地面の舞台を使いながら、部分的に水面を演出することができます。

9.12.1.2. UserStage

UserStageは自分で好きなテクスチャを貼り付けて表現できる舞台の種類です。

  1. コンボボックスから UserStage を選択します。

  2. プロパティが表示されるので、好みで設定します。

メインのテクスチャ

別途テクスチャファイルを事前に読み込んでおき、その素材名を選択します。

法線マップテクスチャ

法線マップのファイルを別途テクスチャファイルとして事前に読み込んでおき、その素材名を選択します

テクスチャのベースの色

ブレンドモード

シェーダのMode

メタリック

シェーダのMetallic

光沢

シェーダのGlossiness

発光色

シェーダのEmission Color

注意

VRMやOtherObjectと異なり、シェーダー自体を切り替えることはできません。


9.12.2. 照明(ディレクショナルライト)

 照明(Directional light)はWebGL上では赤い電灯のような図形で表します。これを操作ハンドルで回転することで光の照射の角度を指定できます。(移動は反映されません。あくまで操作ハンドルを扱いやすくするためだけの効果です)

../_images/operation_stage_3.png

 空が通常の空かつ sky daytime の場合、太陽の位置としても使われます。

注釈

※Stageの照明はLightオブジェクトのように削除はできません。


9.12.3.

 風を吹かせることでVRMに含まれるボーンが自然と揺れる演出をすることができます。風は「風の強さ」x「風の揺らぎ具合」で計算しています。

※風の揺らぎ具合は実際には次の範囲でランダムです。

 最小:風の揺らぎ具合 * -1
 最大:風の揺らぎ具合
../_images/operation_stage_4.png

 そして「風の吹くタイミング」で指定した最小値、最大値の範囲でランダムな間隔で吹かせることができます。ここを適切に指定することにより、自然な風を演出することができます。

警告

風の設定ではVRMのボーンの重力設定を直接操作しています。VRM側で重力設定をする場合、風は使わないでください。操作が競合してしまいます。


9.12.4.

 空は通常の空と単色の2モードあります。デフォルトは単色です。「単色」のときは空の色しか設定できませんが、「通常の空」にすると設定を細かく行うことができます。

../_images/operation_stage_5.png

sky daytimeの場合(昼間の空)

sky night blue/sky night purpleの場合(夜の空)

skydaytime

skynight

注釈

  • 各設定についてはUnityの公式リファレンスを参照してください。

  • sky daytimeの場合、太陽が存在します。太陽の位置は照明の回転の角度により変化します。

警告

アンチエイリアスを有効にしていると、sky night~ の2つはキャプチャ時に不要な線が交じることがあります。これはWebGLの仕様です。ご了承下さい。