Fog
Note: This documentation is for the old 0.1.0 version of A-Frame. Check out the documentation for the current 1.5.0 version
The fog component defines how entities get obscured in fog given distance from the camera. Note that the fog component is a global component that applies only to the <a-scene> element.
<a-scene fog="type: linear; color: #AAA"></a-scene> |
Given the type of fog distribution, 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
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
Exponential fog grows exponentially denser with distance.
| Property | Description | Default Value |
|---|---|---|
| density | How quickly the fog grows dense. | 0.00025 |