Four small instruments turn the same mathematical building block into a garden, a rhythm, a script and a field of moving points. Each toy gives you a parameter to change and a visible result to explore. There is no score to chase or prescribed final image.
Choose an instrument
- Wave Garden — stretch and lift a layered wave field with frequency and amplitude, or shape it directly with a pointer.
- Resonant Steps — start a repeating sequence of synthesized sine tones, change its tempo and watch the output level.
- Glyph Loom — turn text into procedural marks, then alter their phase and stroke weight.
- Orbit Lattice — move an attractor through a lattice, change its pull and send a pulse through the field.
- Technique and constraints — the shared mathematics, rendering approach, accessibility contract and zero-asset rule.
flowchart LR S[Sine mathematics] --> W[Wave Garden] S --> R[Resonant Steps] S --> G[Glyph Loom] S --> O[Orbit Lattice] I[Your inputs] --> W I --> R I --> G I --> O
Start without surprises
The playground starts silently. Only Resonant Steps produces sound, and only after you activate its start button. Begin with a comfortable device volume; use Mute to silence the sequence or Stop to end it. A level display describes the browser’s generated signal, not a measurement of what your speakers actually play.
Use Tab to move between controls. Native sliders respond to the arrow keys; native buttons respond to Enter or Space. Wave Garden and Orbit Lattice also have focusable canvases with direct keyboard controls, documented on their pages. Pointer interactions use the same canvas coordinates for mouse, pen and touch. You do not need sound to use the three visual toys.
With the system’s reduced-motion preference enabled, automatic visual animation stops. Direct input still redraws the canvas, and a running audio sequence can still update its visual beat indicator. Reduced motion is not an audio mute setting.
Originality and assets
These are original interactive compositions, not adaptations of named games or imported artwork. Toy visuals are drawn by browser code; tones are oscillators; the loom’s marks are calculated paths rather than characters loaded from a font file. Ordinary interface text uses system fonts already available on your device.
The app’s rule is zero shipped media assets: no image files, audio recordings, font binaries, icon packs, remote media or media encoded in data URIs. HTML, CSS and JavaScript supply the interface and algorithms. This wiki describes the toys using text and generated diagrams, without custom external media or a downloaded font requirement.
Reading this wiki
Each toy page explains its controls, a short exploration and the mathematics behind the result. technique distinguishes procedural design from physical simulation and explains the browser and audio limitations. These pages are an operating guide, not a claim that every browser, assistive technology or audio device has been tested.