§02.13 — Lab Playground
LissajousOrbits
Layered Lissajous curves whose ratios shift with cursor position. The body of the page becomes the parametric instrument.
Tech
Parametric · 2027
Status
Live
Renderer
WebGL2 / fallback
Updated
MMXXVII
Live · move the cursor
Parametric · 202760 fps target
◊ Brief
Layered Lissajous curves whose ratios shift with cursor position. Move the mouse along x to dial the a-ratio, along y for the b-ratio.
- x ratio (a)2 — 7
- y ratio (b)2 — 7
- layers4
- phase drift0.4 rad/s
§README
- §01Classical Lissajous curves with a smoothed phase term — the ratios ease toward the cursor, so the figure morphs continuously instead of snapping between integer ratios.
- §02Used to drive type-on-path animations elsewhere on the site; the same closed curve becomes a font-feel guide.