Dynamic laser light that flows onto a surface, customizable effect.
Pick the Box or Basic layout, then tune the beam, wisps and fog with the controls underneath. In the Box layout, moving the pointer reveals an image under the beam.
| Prop | Type | Default | Description |
|---|---|---|---|
horizontalBeamOffset | number | 0.1 | Horizontal offset of the beam (0-1 of canvas width). |
verticalBeamOffset | number | 0.0 | Vertical offset of the beam (0-1 of canvas height). |
horizontalSizing | number | 0.5 | Horizontal sizing factor of the beam footprint. |
verticalSizing | number | 2.0 | Vertical sizing factor of the beam footprint. |
wispDensity | number | 1 | Density of micro-streak wisps. |
wispSpeed | number | 15.0 | Speed of wisp motion. |
wispIntensity | number | 5.0 | Brightness of wisps. |
flowSpeed | number | 0.35 | Speed of the beam's flow modulation. |
flowStrength | number | 0.25 | Strength of the beam's flow modulation. |
fogIntensity | number | 0.45 | Overall volumetric fog intensity. |
fogScale | number | 0.3 | Spatial scale for the fog noise. |
fogFallSpeed | number | 0.6 | Drift speed for the fog field. |
mouseTiltStrength | number | 0.01 | How much mouse x tilts the fog volume. |
mouseSmoothTime | number | 0.0 | Pointer smoothing time (seconds). |
decay | number | 1.1 | Beam decay shaping for sampling envelope. |
falloffStart | number | 1.2 | Falloff start radius used in inverse-square blending. |
dpr | number | auto | Device pixel ratio override (defaults to window.devicePixelRatio). Rebuilds the renderer when changed. |
color | string | '#FF79C6' | Beam color (hex). |
backgroundColor | string | '#000000' | Canvas background color used for theme-aware compositing. |
Keyboard shortcuts and ARIA behavior.
