docs/components/fog.md
The fog component obscures entities in fog given distance from the camera. The
fog component applies only to the <a-scene> element.
<a-scene fog="type: linear; color: #AAA"></a-scene>
Given the fog distribution type, different properties will apply.
| Property | Description | Default Value |
|---|---|---|
| type | Type of fog distribution. Can be linear or exponential. | linear |
| color | Color of fog. For example, if set to black, far away objects will be rendered black. | #000 |
Linear fog grows linearly denser with distance.
| Property | Description | Default Value |
|---|---|---|
| near | Minimum distance to start applying fog. Objects closer than this won't be affected by fog. | 1 |
| far | Maximum distance to stop applying fog. Objects farther than this won't be affected by fog. | 1000 |
Exponential fog grows exponentially denser with distance.
| Property | Description | Default Value |
|---|---|---|
| density | How quickly the fog grows dense. | 0.00025 |
To not apply fog to certain entities, we can disable fog for certain materials.
<a-entity material="fog: false"></a-entity>