Light trails streaming along a road at night
| Name | Type | Default | Description |
|---|---|---|---|
trails | number | 9 | Number of light trails, 1 to 16. |
spacing | number | 0.3 | Ground distance between neighbouring trails. |
offset | number | 0 | Horizontal shift of the whole bundle in ground units. |
curve | number | 0.5 | Amplitude of the shared bend the trails follow. |
curveFrequency | number | 0.45 | Frequency of the bend along the depth axis. |
wobble | number | 0.05 | Per-trail deviation from the shared bend. |
fan | number | 1.2 | How far apart in depth the trails sit. 0 keeps them on one plane. |
coreWidth | number | 0.02 | Ground width of the bright core. |
glowWidth | number | 0.06 | Ground width of the soft halo. |
glow | number | 0.6 | Strength of the halo relative to the core. 0 disables. |
speed | number | 1 | Travel speed of the ground towards the camera. |
pulse | number | 0.7 | Strength of the brightness pulses running along the trails, 0 to 1. |
pulseFrequency | number | 0.12 | Number of pulses per ground unit. |
pulseSpeed | number | 1 | Speed at which pulses run along the trails. |
tail | number | 4 | Length of the tail each pulse drags behind it; lower is longer. |
horizon | number | 1.2 | Vertical position of the horizon, -1 bottom to 1 top. Above 1 vanishes off-frame. |
focal | number | 1.2 | Camera focal length; larger flattens the perspective. |
fog | number | 0.06 | Distance fade towards the horizon. |
intensity | number | 1 | Overall light intensity. |
colorA | string | "#1a4dff" | Colour at the first trail. |
colorB | string | "#66b3ff" | Colour at the last trail. |
backgroundColor | string | "#000000" | Colour behind the trails. |
blend | "add" | "ink" | "add" | "add" lights the background, "ink" darkens it for light themes. |
paused | boolean | false | Freeze the animation. |
dpr | number | 1.5 | Upper device pixel ratio bound. |
className | string | — | Extra classes for the root element. |
children | ReactNode | — | Content layered above the effect. |
trailsnumberNumber of light trails, 1 to 16.
9spacingnumberGround distance between neighbouring trails.
0.3offsetnumberHorizontal shift of the whole bundle in ground units.
0curvenumberAmplitude of the shared bend the trails follow.
0.5curveFrequencynumberFrequency of the bend along the depth axis.
0.45wobblenumberPer-trail deviation from the shared bend.
0.05fannumberHow far apart in depth the trails sit. 0 keeps them on one plane.
1.2coreWidthnumberGround width of the bright core.
0.02glowWidthnumberGround width of the soft halo.
0.06glownumberStrength of the halo relative to the core. 0 disables.
0.6speednumberTravel speed of the ground towards the camera.
1pulsenumberStrength of the brightness pulses running along the trails, 0 to 1.
0.7pulseFrequencynumberNumber of pulses per ground unit.
0.12pulseSpeednumberSpeed at which pulses run along the trails.
1tailnumberLength of the tail each pulse drags behind it; lower is longer.
4horizonnumberVertical position of the horizon, -1 bottom to 1 top. Above 1 vanishes off-frame.
1.2focalnumberCamera focal length; larger flattens the perspective.
1.2fognumberDistance fade towards the horizon.
0.06intensitynumberOverall light intensity.
1colorAstringColour at the first trail.
"#1a4dff"colorBstringColour at the last trail.
"#66b3ff"backgroundColorstringColour behind the trails.
"#000000"blend"add" | "ink""add" lights the background, "ink" darkens it for light themes.
"add"pausedbooleanFreeze the animation.
falsedprnumberUpper device pixel ratio bound.
1.5classNamestringExtra classes for the root element.
—childrenReactNodeContent layered above the effect.
—