aframe
光（成分）
サーチ…
前書き
ライトコンポーネントは、エンティティを光のソースとして定義します。光は、シェーダ付きフラットシェーディングモデルを指定していないすべての素材に影響します。ライトは計算コストが高いので、シーン内のライトの数を制限する必要があります。
構文
- <a-entity light = "color：#AFA; intensity：1.5" position = " - 1 1 0"> </ a-entity>
- <a-light type = "point" color = "blue" position = "0 5 0"> </ a-light>
パラメーター
| パラメーター | 詳細 |
|---|---|
| タイプ | 周囲、方向、半球、ポイント、スポットのいずれか。 |
| 色 | 明色。 |
| 強度 | 軽い強さ。 |
アンビエント
アンビエントライトは、シーン内のすべてのエンティティにグローバルに影響します。色と輝度のプロパティは環境光を定義します。さらに、位置、回転、および尺度は周囲の照明には影響しません。
陰影のある部分が完全に黒くないように、間接照明を模倣するような環境光を使用することをお勧めします。
<a-entity light="type: ambient; color: #CCC"></a-entity>
方向性
方向性のあるライトは、無限遠く離れているが、太陽のような特定の方向から光る光源のようなものです。したがって、絶対位置は、エンティティ上の光の強度に影響を与えません。位置コンポーネントを使用して方向を指定できます。
以下の例では、左上から45度の角度で光源を照らします。ベクタだけが重要なので、position = " - 100 100 0"とposition = " - 1 1 0"は同じです。
<a-entity light="type: directional; color: #EEE; intensity: 0.5" position="-1 1 0"></a-entity>
指向性ライトの方向は、ターゲットの子エンティティを作成することで指定できます。たとえば、その-Z軸を指す：
<a-light type="directional" position="0 0 0" rotation="-90 0 0" target="#directionaltarget">
<a-entity id="directionaltarget" position="0 0 -1"></a-entity>
</a-light>
半球
半球ライトは周囲光と似ていますが、上から1つ（色）と下から1つ（groundColor）の2種類の色があります。これは、2つの異なる照明色（例えば、灰色の空の下の芝生の畑）を持つシーンに役立ちます。
<a-entity light="type: hemisphere; color: #33C; groundColor: #3C3; intensity: 2"></a-entity>
| プロパティ | 説明 | デフォルト値 |
|---|---|---|
| groundColor | 下から明るい色。 | #fff |
ポイント
指向灯とは異なり、指向灯は無指向性であり、位置や距離に応じてマテリアルに影響します。ポイント好きは電球のようです。電球が物体に近づくほど、物体が大きく点灯します。
<a-entity light="type: point; intensity: 0.75; distance: 50; decay: 2"
position="0 10 10"></a-entity>
| プロパティ | 説明 | デフォルト値 |
|---|---|---|
| 減衰 | 光の距離に沿って光の量が減ります。 | 1.0 |
| 距離 | 強度が0になる距離。距離が0の場合、点光源は距離とともに減衰しません。 | 0.0 |
スポット
スポットライトは、その位置と距離に応じてマテリアルに影響を及ぼす点で点ライトと似ていますが、スポットライトは無指向ではありません。彼らは主にBat-Signalのように一方向に光を投射します。
<a-entity light="type: spot; angle: 45"></a-entity>
| プロパティ | 説明 | デフォルト値 |
|---|---|---|
| 角度 | その方向からのスポット光の最大広がり（度）。 | 60 |
| 減衰 | 光の距離に沿って光の量が減ります。 | 1.0 |
| 距離 | 強度が0になる距離。距離が0の場合、点光源は距離とともに減衰しません。 | 0.0 |
| 半影 | 半影のために減衰するスポットライトコーンのパーセント。 | 0.0 |
| ターゲット | スポットが指すべき要素。スポットライトを向きで変換するにはnullに設定し、-Z軸を指します。 | ヌル |
デフォルトの照明
デフォルトでは、Aフレームシーンはデフォルトの照明、環境光、指向性の光を注入します。これらのデフォルトライトは、data-aframe-default-light属性を使用してDOMに表示されます。ライトを追加するたびに、A-Frameはデフォルトライトをシーンから削除します。
<!-- Default lighting injected by A-Frame. -->
<a-entity light="type: ambient; color: #BBB"></a-entity>
<a-entity light="type: directional; color: #FFF; intensity: 0.6" position="-0.5 1 1"></a-entity>