Learning by building — one experiment at a time
Everything here started as a question — how does that work? — and turned into a project. Games, audio visualisers, synths, and whatever comes next. No frameworks. No build tools. Just vanilla JavaScript and the raw platform APIs the browser gives you for free.
An immersive audio-reactive visualiser built around a custom track. A Three.js waveform reacts in real time to the Web Audio API frequency data, while layered backgrounds shift hue and filter with the music, particle bursts fire on beats, and a matrix-rain overlay builds intensity as the song progresses.
A full-stack estate agency website for a Scottish solicitors firm. Dynamic property listings with image management, an admin panel, pipeline-tracked enquiries and valuation requests, and SEO-optimised service pages.
A browser-based step sequencer and synthesizer. Sequence beats across a grid, shape tone with filters and envelopes, and hear it all in real time via the Web Audio API.
A first-person 3D maze game with 10 procedurally generated levels, animated character model, themed environments, and progressive difficulty. Walk or run to the exit before the clock runs out.
A city burns to music. Buildings collapse, particle fire spreads, and smoke rises — all driven by real-time audio analysis with custom GLSL shaders and physics.
A psychedelic audio-reactive visualiser. Starts dark and geometric, ends in carnival chaos — a morphing icosphere, orbiting knots, and 12,000 particles driven by GLSL shaders and real-time frequency data.
A cinematic audio-reactive scene inspired by The Day the Earth Stood Still. A flying saucer descends on Washington while Cold War radio crackles — bass, theremin beeps, and light wired together in real time.
A rain-soaked neon night scene drawn entirely on Canvas 2D. Thousands of rain particles, pooling reflections, and ambient lighting — all breathing with the audio track in real time.
Have a question, a collaboration idea, or just want to say hello? Drop me a message.