Aurora
Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.
Props
Prop
Default
Details
colorAstringDefault:
#a533f8Edge color at the curtain base
colorA#a533f8stringEdge color at the curtain base
colorBstringDefault:
#22ee88Core color in the bright center
colorB#22ee88stringCore color in the bright center
colorCstringDefault:
#1694e8Tip color at the ray ends
colorC#1694e8stringTip color at the ray ends
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"Default:
linearColor space for color interpolation
colorSpacelinear"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"Color space for color interpolation
balancenumberDefault:
50Shifts color distribution across the curtain height
balance50numberShifts color distribution across the curtain height
intensitynumberDefault:
80Overall aurora brightness
intensity80numberOverall aurora brightness
curtainCountnumberDefault:
4Number of aurora curtain layers
curtainCount4numberNumber of aurora curtain layers
speednumberDefault:
5Animation speed
speed5numberAnimation speed
wavinessnumberDefault:
50How much the curtains undulate
waviness50numberHow much the curtains undulate
rayDensitynumberDefault:
20Density of vertical ray structures
rayDensity20numberDensity of vertical ray structures
heightnumberDefault:
120How tall the aurora extends
height120numberHow tall the aurora extends
center{x: number, y: number}Default:
{"x":0.5,"y":0}Center position of the aurora
center{"x":0.5,"y":0}{x: number, y: number}Center position of the aurora
seednumberDefault:
0Random seed for variation
seed0numberRandom seed for variation
Usage
<Shader>
<Aurora
:intensity="80"
/>
</Shader>