Fourier Ribbon Drift
Dual-frequency sine modulation producing seamless 4-second visual loops with zero frame seam artifacts.
Interactive Generative Motion & Loop Synthesizer
Explore real-time procedural animations, harmonic wave fields, and frame-accurate loop synthesis directly in your browser. Move your cursor across the stage to bend the active field.
Shader Presets
1.2x
48
225°
Featured Procedural Studies
Select any study card below to load its harmonic parameters into the live stage.
Delaunay Proximity Mesh
Autonomous particle graph with dynamic distance-weighted alpha blending and cursor tethering.
Cymatic Standing Resonance
Radial harmonic ripples modeled after acoustic Chladni figures with adjustable angular wave numbers.
Technical Specifications & FAQ
How are the motion loops rendered in real time?
Every preset is computed procedurally on an HTML5 2D canvas scaled to your device pixel ratio, using deterministic trigonometric seeds so frames remain crisp at any viewport resolution.
Can I export still frames from the synthesizer?
Yes. Use the Capture Frame Snapshot button at any point (while playing or paused) to download a full-resolution PNG directly from the active canvas buffer.
Does cursor interaction affect the exported frame?
Moving a pointer across the synthesizer stage perturbs the local vector field in real time, and any active perturbation is preserved when capturing a snapshot.