Interactive Sketches
ManOTo - Audio Visualization
Live Demo
Immerse yourself in a cosmic journey through sound with this interactive p5.js visualization. For this sketch, I wanted to visualize the feeling of teleporting to an unimaginable world. As the music pulses, shapes shift and evolve, responding to the amplitude and frequency of each beat. I also added “orbit control.” This allows the mouse to act as as a guide, letting the user navigate this hallucinatory, galaxy-inspired space, where visuals stretch, swirl, and morph like distant constellations and nebulas.
View the project by clicking here: ManOTo
MatriX RemiX - Webcam
Step into a retro-futuristic world with Matrix Mirror, an interactive p5.js artwork that transforms your webcam feed into a live, matrix-style display. Drawing from the iconic aesthetic of The Matrix, I used uses cascading code-like visuals to recreate the webcam reflection in real time. I also added a scan button which sends a sweeping scan line over the image, capturing a digital snapshot that is automatically sent to the downloads folder.
View the project by clicking here: MatriX RemiX
Live Demo
Drip - Interactive Painting
Inspired by Jackson Pollock’s iconic drip painting technique, Digital Drip brings abstract expressionism to the digital canvas. My inspiration came from Pollock’s “drip” style. This interactive p5.js program creates dynamic, Pollock-style artworks by simply detecting the speed at which the mouse is moved. Each gesture leaves behind splashes and drips, mimicking the energetic strokes of Pollock's masterpieces.
View the project by clicking here: Drip