Creative Coding

Browser Experiments

Interactive demos and creative coding built directly in the browser. Click anywhere on the demo below to trigger a lightning strike.

Demo 01

Binary Rain & Lightning

A real-time canvas animation built with vanilla JavaScript. Binary digits fall like rain while lightning bolts strike on click.

Click anywhere to strike
Vanilla JS Canvas API requestAnimationFrame Particle Systems
Demo 02

Purple Lightning & Rain

Procedural purple rain with branching lightning bolts. Click the frame to trigger a strike.

Click to strike
Vanilla JS Canvas API Procedural Generation Particle Systems
Demo 03

Atmospheric Temple FX

Pure CSS - no JavaScript required. Glowing sun orb, layered fortress silhouette, floating ember particles, and a CRT scanline overlay.

Pure CSS CSS Animations clip-path CSS Custom Properties
Demo 04

Black Hole

Pure CSS - spinning accretion disk, pulsing event horizon, and particle streams swirling outward into the void.

Pure CSS conic-gradient CSS Animations radial-gradient
Demo 05

Meteor Shower

Dynamically generated meteors with realistic trail physics. Random angles, speeds, and positions - each meteor calculated individually.

Vanilla JS CSS Animations Dynamic DOM Trigonometry
🔬

More experiments coming

This lab grows as I build. Check back for shader experiments, procedural generation, physics simulations, and more.