フォグ(霧)コンポーネントは、カメラから指定された距離のフォグ内のエンティティを見えなくするものです。フォグコンポーネントは <a-scene>
要素にのみ適用されます。
# 例
<a-scene fog="type: linear; color: #AAA"></a-scene>
# プロパティ
フォグ配信の種類によって、異なるプロパティが適用されます。
Property | 概要 | デフォルト値 |
---|---|---|
type | フォグ分布の種類。linear または exponential を指定することができます。 | linear |
color | フォグの色。例えば、黒に設定すると、遠くの物体は黒くレンダリングされます。 | #000 |
# リニアフォグ
線状の霧は、距離が離れると直線的に濃くなります。
Property | Description | Default Value |
---|---|---|
near | フォグの適用を開始する最小距離。これより近いオブジェクトはフォグの影響を受けません。 | 1 |
far | フォグの発生を停止する最大距離。これより遠い物体は霧の影響を受けません。 | 1000 |
# 指数関数的なフォグ
指数関数的な霧は、距離が離れると指数関数的に濃くなります。
Property | Description | Default Value |
---|---|---|
density | 霧が濃くなる早さ。 | 0.00025 |
# フォグからマテリアルを除外する
特定のエンティティにフォグを適用しないようにするには、特定のマテリアルのフォグを無効化する必要があります。
<a-entity material="fog: false"></a-entity>