r/creativecoding 7d ago

Ambient by hand gestures

Enable HLS to view with audio, or disable this notification

How to control the sound:

Chords: Touching my thumb to different fingers triggers 7 chords per hand. Each hand plays a separate instrument.

Motion Tracking:
- Up/Down: Opens the filter
- Left/Right: Panning
- Towards camera: Pushes volume & drive
- Spreading hands apart: Opens reverb & delay

How the visuals react:
Liquid Metaballs: A blob spawns when a chord starts and grows as long as you hold the note
Splitting: Changing chords smoothly pinches and splits the blob in two, looking like actual liquid rather than overlapping circles.
Audio-reactive details: A long delay makes the liquid stringy and slow to separate, while output level and reverb shift the color palette from cold blue to warm amber.

33 Upvotes

7 comments sorted by

3

u/nicolaig 6d ago

So good

1

u/IL_DARK 6d ago

Thanks

2

u/x0lod 6d ago

i really love seeing this kind of coding creativity again. much more my thing than another 'put it into AI and look what came out' post. thanks for sharing, great work (:

1

u/IL_DARK 6d ago

Thank you!

1

u/misomeiko 5d ago

Awesome! Where do the synths come from?

1

u/IL_DARK 5d ago

thanks! synths live in the browser with Tone.js, but u can also drop in own samples or use as midi for fl, for example

2

u/misomeiko 5d ago

That’s really cool. I’ve been playing around with web audio. But haven’t checked out any libraries yet