Let’s have some fun!

This video was created using p5.js with WebGL

This is where logic takes a break and curiosity runs wild.

Don't just look — click, play and feel.

See the Sound

What would music look like if you could see it? Rhythm, color, and motion combine to give each genre its own unique visual identity. Using p5.js, I’ve captured the shapes of sound in real time—turning audio into living visuals.

Put on your headphones for the full experience (or keep the volume low if you need to stay quiet) and see what your ears have been missing.

Test with Scanimation

-A Classic Illusion You Can Play With

This is my playful take on the old scanimation trick, built in the browser with JavaScript and p5.js. Multiple animation frames are sliced into fine stripes, and a moving mask brings them to life—like a flipbook you control yourself.

I designed it to be more than just something to watch. It’s meant for you to poke, drag, and explore—so you can feel how the illusion works.

How to Play:

  • Click the button to see the cat start running.

  • Drag your mouse (or swipe) to control how fast—and which way—the cat moves.

And if you’re feeling creative, try my scanimation base maker on GitHub. Upload your own images and turn them into animated illusions you can share.

Cat Algorithm

— Visualizing DFS & BFS Through Play

When I first learned Depth-First Search (DFS) and Breadth-First Search (BFS), I wanted a more intuitive way to see how these algorithms actually behave. So I built an interactive mini-game that turns abstract graph-traversal logic into a playful, visual experience.

A cat-shaped cursor navigates a grid toward its heart-shaped target, while players can click to add walls, change paths, and increase difficulty. Switching between DFS and BFS reveals each algorithm’s unique search pattern in real time.

This project blends algorithmic logic with interactive design, turning abstract concepts into a visual, hands-on experience that’s both educational and fun.