メインコンテンツへスキップ

照明

はじめに

照明は、あらゆるシーンの視覚的魅力を高める上で重要な役割を果たす。 深み、リアリズム、雰囲気を加え、体験をより没入的、魅力的、視覚的に説得力のあるものにする。 非常にリアルな外観を目指すにせよ、様式化された外観を目指すにせよ、照明はシーンの感じ方やユーザーとのインタラクションに大きな違いをもたらします。

ライトの追加

ライトとシャドウは、スタジオのインターフェイスまたはコードを使ってエンティティに追加できます。 スタジオでは、階層で (+) ボタンをクリックするか、選択したエンティティのインスペクタで [New Component] を選択します。 ライトとシャドウの両コンポーネントは、カスタマイズのためのさまざまな設定を提供する。

照明の種類

Directional: 特定の方向に放射される光。 この光は、あたかも無限に遠くにあるかのように振る舞い、そこから発生する光線はすべて平行である。 この一般的な使用例は、昼光をシミュレートすることである。太陽は、その位置が無限であると見なすことができるほど遠くにあり、太陽から来るすべての光線は平行である。

Point: 一点から四方八方に放射される光。 よくある例は、裸電球から光を再現することだ。

Ambient: この光は、シーン内のすべてのオブジェクトを均一に照らし、グローバルイルミネーションを作り出します。

ライトコンポーネント.png

次の例は、実行時にエンティティにライトを割り当てる方法を示しています:

ecs.Light.set(world, component.eid, {
type: 'point'
})

影の追加

**影を有効にするには、Shadowコンポーネントをオブジェクトに追加し、それに応じてプロパティを設定します。

シャドウコンポーネント.png

次の例は、実行時にエンティティにシャドウを設定する方法を示している。

ecs.Shadow.set(world, component.eid, {
castShadow: true,
receiveShadow: true
})