What this is
Dither playground samples your image on a grid and draws one dot for each patch bright enough to keep, sized by how bright that patch is. Every dot is a small spring with its own velocity and damping, so it flies away from your pointer and settles back. Audio-reactive means sound drives those same forces: pick a frequency band, and a microphone or a song pushes the dots in time with it.
How to use it
- Drop an image on the canvas, or keep the sample.
- Drag on the canvas to push the dots, and shape the motion with the physics sliders.
- Load a second image to morph into, or start the mic and let sound move the dots.
Read the guide
Words: audio-reactive · luminance · frequency
Common questions
What does a preset change?
A preset sets Pattern, Easing, Path, Color change and the seven morph sliders at once, even ones you moved by hand. Move a slider after the preset to change it again.
Is my picture or sound uploaded?
No. Your pictures, your music file and the microphone are read on your device and never leave it. A picture you load by address is fetched from that address by your browser.
Why is a picture from another tool here?
Pictures you add are kept on this device for every lab tool that takes one, so you need not add them again. Press × on a tile to forget that picture: on A the sample comes back, on B the second image goes.
Does it work on a phone or tablet?
Yes. Phones and touch screens read pictures at most 400 pixels wide instead of 800, and draw with at most 2 device pixels to each screen pixel, so they make fewer dots and stay quicker. Slide a finger over the dots to push them.
On the blog: Audio visualizer tools