Interactive dot wave field visualization. Move your mouse, change the pattern, lose yourself.
- Speed — wave animation speed
- Wavelength — distance between wave peaks
- Amplitude — how far dots displace from their grid position
- Density — spacing between dots (lower = more dots)
- Pattern — radial, sine wave, diamond, spiral, or interference
- Mouse — hover to create a ripple of influence
- C key — cycle through color palettes
- Radial — concentric rings expanding from center
- Sine wave — classic horizontal wave with vertical offset
- Diamond — Manhattan-distance wave creating diamond shapes
- Spiral — radial wave twisted by angle
- Interference — two wave sources creating moiré patterns
Single HTML file. No dependencies. Pure canvas 2D. Runs at 60fps.
The trail effect comes from clearing each frame with a semi-transparent fill instead of a full clear, so dots leave ghostly afterimages as they move.
MIT