WebGL shaders, cursor-driven motion, creative coding. Quick experiments in mood & material

draw anywhere or scroll
  1. 01

    Flipboard

    A split-flap board, inspired by the one in the Ferry Building. Every cell flips through the alphabet on its own clock

  2. 02

    About-page glow

    Hover the canvas. The light follows. WebGL

  3. A neon orchid that opens as the cursor moves down
    03

    Cursor bloom

    Move the cursor over the orchid to make it bloom. 63-frame image sequence

  4. ◆ github commits
    04

    Commit heatmap

    My GitHub commits, a cell for every day. Each one plays a note · turn the sound on

  5. 05

    Accomplishment badges

    Drag to swing · click to cycle · code adapted from Vercel’s open-source ship-conference badges

  6. 06

    Interactive record

    Make circles to spin. Shake cursor to scratch. WebGL

  7. 07

    Shapes to Music

    After Effects. Steel drum, goat sounds, every keyframe to the beat. Press play

  8. 08

    Playful particles

    Particles drifting. Just some dopamine