Things that move when you touch them.

Physics simulations, generative canvas art, WebAudio instruments, and a custom visual-effects library. Built with raw Canvas, the Web Audio API, and GSAP - tuned to feel alive and stay smooth.

Canvas 2D WebAudio GSAP Physics Generative

What I do here

01

Real-time canvas

Particle systems, fluid-feeling physics, and render loops that idle the moment nothing is moving, so they never tax the page.

02

Generative visuals

A custom path-tracing effects library: edge detection, origin seeding, weighted distribution, and gradient line rendering.

03

Interactive audio

WebAudio instruments and sound toys - synthesis, sequencing, and visuals that react to live audio.

04

Motion design

GSAP-driven transitions and narrative scroll sequences, including a radial story navigator with labyrinth slide transitions.

Recent builds

Path-tracing effects library

Live

A custom JavaScript library for tracing paths through images: edge detection, origin seeding, weighted random distribution, and smooth gradient line rendering.

CanvasAlgorithmsJavaScript
Live demo →

WebAudio instrument suite

Live

Four interactive sound instruments built on the Web Audio API, playable in the browser, each with reactive visuals.

WebAudioCanvasJavaScript
Live demo →

Radial story navigator

Build

A 40-story interactive reader with GSAP labyrinth slide transitions and a radial navigation wheel (about 430 lines of navigation logic) with theme tagging.

GSAPCanvasJavaScript
Local build

Physics & wave visualizations

Build

Wave-propagation and cymatics visualizations and particle fields, including study visualizations of acoustic physics.

CanvasPhysics
Demo on request →

Single-file canvas games

Build

A set of self-contained browser toys: a gravity-garden physics playground, a symmetry-art mirror brush, a music-and-elements alchemy game, and a sand painter.

CanvasPhysicsGames
Samples on request →

Tools I reach for

Canvas 2D Web Audio API GSAP requestAnimationFrame SVG Vanilla JS Physics

Other areas of work

Want something interactive?

Micro-experiences, data art, playable demos - the kind of detail that makes a site memorable instead of forgettable.