照明
はじめに
照明は、あらゆるシーンの視覚的魅力を高める上で重要な役割を果たす。 深み、リアリズム、雰囲気を加え、体験をより没入的、魅力的、視覚的に説得力のあるものにする。 非常にリアルな外観を目指すにせよ、様式化された外観を目指すにせよ、照明はシーンの感じ方やユーザーとのインタラクションに大きな違いをもたらします。
ライトの追加
ライトとシャドウは、スタジオのインターフェイスまたはコードを使ってエンティティに追加できます。 スタジオでは、階層で (+) ボタンをクリックするか、選択したエンティティのインスペクタで [New Component] を選択します。 ライトとシャドウの両コンポーネントは、カスタマイズのためのさまざまな設定を提供する。
照明の種類
Directional: 特定の方向に放射される光。 この光は、あたかも無限に遠くにあるかのように振る舞い、そこから発生する光線はすべて平行である。 この一般的な使用例は、昼光をシミュレートすることである。太陽は、その位置が無限であると見なすことができるほど遠くにあり、太陽から来るすべての光線は平行である。
Point: 一点から四方八方に放射される光。 よくある例は、裸電球から光を再現することだ。
Ambient: この光は、シーン内のすべてのオブジェクトを均一に照らし、グローバルイルミネーションを作り出します。
例
次の例は、実行時にエンティティにライトを割り当てる方法を示しています:
ecs.Light.set(world, component.eid, {
type: 'point'
})
影の追加
**影を有効にするには、Shadowコンポーネントをオブジェクトに追加し、それに応じてプロパティを設定します。
例
次の例は、実行時にエンティティにシャドウを設定する方法を示している。
ecs.Shadow.set(world, component.eid, {
castShadow: true,
receiveShadow: true
})