Contrary to the usual approach where a sound gets visualised as a wave-form, I started out creating interesting waveforms and shapes first which then got mapped to a specific sound(an oscillator with a specific frequency based on size, speed and color of a structure/shape).

It can vary in complexity, colors and strength of the afterglow effect.

Features

Move mouse or tap screen to interact.

Add URL-parameter '&plot=1' to the url in Live-Mode in order to render a plottable SVG using p5.svg.js. Add URL-Parameter '&autoplay=1' to have the animation play automatically on load.

In Live-Mode or when focused…

...press 1-5 to increase quality/resolution, the higher the number, the higher the resolution (default: 1) ...press 's' to save a still of the current frame ...press SPACE, tap or click once to toggle the animation on/off (default: off) ...press ‘a’ to toggle the corresponding audio-feedback on/off (default: off) ...press ‘g’ to toggle a parallax-effect controlled with the mouse (default: off) ...press ‘r’ to reset the whole thing (same as refreshing the page) ...when rendering the plottable SVG, press ‘p’ to download it

Created with p5.js using map2, p5.svg and post5.

• @TeNinEightNFTs