Visual Compositions

This piece is an interactive installation created using p5.js code and a projector. The ripple simulation is formed by a change in the amplitude of microphone input. The change in the background colors is due to the change in pitch.

Speak into your microphone to generate ripples with your voice. Try Now

Source code can also be found on Github

This is an original musical composition snippet that I came up with to accompany this sketch. I took the time to set up these computer-produced 2D audio-visual graphics in order to engage with them musically. The blended collection of particles change in position, size, and boldness to generate a ripple effect over time as the amplitude of the audio input rises.

The tongue drum gives a prolonged ‘ding’ which generates a bigger ripple. The lowest note is called a ‘ding.’ the sound is a bit richer than the other notes and the size of it (being the biggest) can make it higher in amplitude compared to the rest of the notes when played.

The subsequent notes form a harmonies chord progression that is easy on the ear. It goes well with the minimal audio-visual projection.

I chose blue as the center color of the projection because it corresponds with the original color of the drum. The outermost colors are a bit paler to show the fading out of the strum.

Each chord on the tongue drum corresponds with a background color here. The ripple effect from the first piece, combined with the color-pitch correspondence in this piece enhances the warmth of the performance.

It felt appropriate to play a short version of the “Game of Thrones” theme song along with it.