Home▸Rendering & Computer Graphics▸Harmonograph Studio: 2D

🎨 Harmonograph Studio: 2D

Damped-pendulum harmonograph creative-technology studio.

Rendering & Computer Graphics2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategoryRendering & Computer Graphics

RenderingCanvas 2D

DifficultyEasy

Target FPS60

ControlsDrag the puck on the ratio pad to set X and Y frequency ratios; drag on the drawing for phase (horizontal) and detune (vertical); sliders for damping, rotational copies, palette, pen speed; snap-to-quarter-steps, loop replay and sound toggles; scenario presets, pause, step, reset.

harmonographlissajousgenerative artcreative technologydamped oscillatorcreative coding

Related simulations

Path TracingProgressive WebGL2 path tracer rendering a Cornell box scene. Each frame accumulates one…

Procedural TexturesGLSL fragment shader procedural textures: marble, wood rings, clouds, fire, Voronoi cells…

Ray Marching & SDFInteractive ray marching renderer using signed distance fields. Sphere-trace SDFs to render… ⊞ All 160 in Rendering & Computer Graphics →

⚙ Under the hood

A generative-art harmonograph: paired damped pendulums draw Lissajous rosettes in 2D with rotational symmetry, palettes and optional sine-tone audio, tuned by a draggable frequency-ratio pad.

harmonographlissajousgenerative artcreative technologydamped oscillatorcreative coding

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install