PROCEDURAL CANVAS LIBRARY // INTERNAL
BACKGROUND
FX LAB.
There are 53 real-time 2D canvas modules built on one shared skeleton. Each is a pure draw function — DPR-aware, resize-safe, honors reduced-motion. Pick a module, point at a section, we wire it in.
FILTER:53 MODULES
+
+
+
+
[FX-01]DOT_GLOBE
CTA / HERO BACKDROP
GEOMETRIC3DSPHEREPOINT_CLOUD
DOT_COUNT800
TILT0.35 rad
SPEED0.22 rad/s
RADIUS0.42 × min(w,h)
ACCENTSi%29 green · i%7 purple
Fibonacci point-cloud sphere. Orthographic projection, depth-scaled squares. Live on the homepage CTA.
+
+
+
+
[FX-02]WAVE_FIELD
SECTION DIVIDERS
PATTERNGRIDSINEAMBIENT
GAP22px
FREQ_X0.014 · 1.4t
FREQ_Y0.012 · 0.9t
CRESTv > 0.86 → green
Sine-elevation square grid. Crests push green, troughs fall to grey. Calm ambient motion.
+
+
+
+
[FX-03]RADAR_SWEEP
TELEMETRY / STATUS STRIPS
GEOMETRICSCANRADIALSTATUS
GAP13px
RADIUS0.46 × min(w,h)
BEAM1.15 rad/s
TRAIL1.4 rad decay
Circular dot array lit by a rotating beam with exponential decay trail. Maximum ops-room energy.
…
01 / 18
ALL MODULES SHARE ONE CONTRACT
setup() → draw(ctx, w, h, t, dpr). Density, speed, palette, radius — all single-knob constants at the top of each factory.