During my experiment with Tone.js, I found its sound effects were quite limited. This led me to explore other JavaScript libraries with a wider repertoire of sound capabilities, like Pizzicato.js. Pizzicato.js offers effects such as ping pong delay, fuzz, flanger, tremolo, and ring modulation, which allow for much more creative sound experimentation. Since everything is online, there’s no need to download software, and it also lets users experience sound with visual and interactive web elements.
Inspired by deconstructionism, I created a project that presents all these effects on one webpage, experimenting with ways to layer and combine them like a "sound quilt."
As I worked with the 16 sliders in the effect chain, I noticed they formed a visual and functional pattern, much like a quilt. This led me to rethink how the sliders were connected and how users could interact with them in a more intuitive way. I designed interfaces where users manipulate squares, lines, or circles to control sound parameters, minimizing the need for traditional labels and guidelines. Built on a grid system, these pages allow different arrangements to generate sounds—and conversely, different sounds to influence the visual layout—creating an interactive, dynamic experience.
As a 16 square puzzle Try it
