Creative coding
I like to experiment with coding interactive visuals using a combination of p5.js and hydra
Audio Pixel Collider
At the University of Texas at Austin, the Arts and Entertainment Technologies classes worked together to create audio, video, and interactive installations for this event.
In my Advanced Creative Coding course, I developed a series of audio-reactive visuals using p5.js that I can adjust and control live using a MIDI controller and live coding with hydra.
Initial canvases
Project Steps
Coding Initial Canvases
Coding Initial Canvases
Coding Initial Canvases
I began by coding 4 unique, yet cohesive, canvases that are all audio reactive and use FFT to effect the ascii art
Hydra Overlay
Coding Initial Canvases
Coding Initial Canvases
I brought those canvases into Ted Davis P5.LIVE and used hydra to do more effects on top of those canvases. These effects included oscillation, modulation, pixelation, and more.
MIDI Control
Live performance
Live performance
In order to give myself quicker control during the live performance, I mapped midi pads to the different canvases, allowing me to easily switch between them.
Live performance
Live performance
Live performance
At the Audio Pixel Collider event I performed for a 15 minute slot as the event began and started to fill up. I live coded on 2 large laser projectors along the entry walls to the event.
Live Performance
Nerve Damage textures
Final Product
Short graphic for the CRVO x Nerve Damage EP
My Contribution
I coded audio reactive visuals that reacted to the song and resulted in a unique texture that was used by Sam Blumberg to create the final graphics for the track. The code was written in p5.js with a hydra overlay.
Copyright © 2025 Ari Blumberg Portfolio - All Rights Reserved.
Powered by GoDaddy
This website uses cookies.
We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.