Aurora
Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.
Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | color | #a533f8 | Edge color at the curtain base |
| colorB | color | #22ee88 | Core color in the bright center |
| colorC | color | #1694e8 | Tip color at the ray ends |
| colorSpace | "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch" | linear | Color space for color interpolation |
| balance | range | 50 | Shifts color distribution across the curtain height |
| intensity | range | 80 | Overall aurora brightness |
| curtainCount | range | 4 | Number of aurora curtain layers |
| speed | range | 5 | Animation speed |
| waviness | range | 50 | How much the curtains undulate |
| rayDensity | range | 20 | Density of vertical ray structures |
| height | range | 120 | How tall the aurora extends |
| center | position | {"x":0.5,"y":0} | Center position of the aurora |
| seed | range | 0 | Random seed for variation |
Usage
vue
<Shader>
<Aurora
:intensity="80"
/>
</Shader>