Browser games, instruments, simulations and tools, with notes on how I built them.
29 projects
29 projects to explore
A multiplayer sailing game with wind-driven physics and persistent cargo.
Point of sail and heading determine thrust and speed toward a mark. The HUD shows relative wind, heel and velocity while you sail.
Inside the buildBabylon.js · Colyseus · WebSocket · Fly.io
Sunrise, from the same world.
A sailboat beneath a rising sun, with a warm path of light across the ocean in Saltline.
A music visualizer that maps pitch, rhythm and stereo movement to particles.
Chroma, spectral flux, per-band attack and center-versus-sides analysis produce separate signals. A compute shader uses them to move and stretch the particles.
Inside the buildWebGPU · compute shaders · Canvas · audio analysis
murmuration in ribbon style: a dense violet and white form of drawn-out particle streaks against black, filling most of the frame.
A multiplayer voxel RPG with seven regions, quests and combat.
A separate realm service runs the simulation. Colyseus rooms send shared state over WebSocket to the three.js client.
Inside the buildthree.js · Colyseus · WebSocket · Fly.io
Ember Wilds in Fallowmere at dusk: a level-30 character in a voxel landscape.
Voxel tower defense with ten maps, 249 authored waves and three special boards.
Models use colored boxes, sounds are synthesized in Web Audio, and icons are drawn as SVG. A fixed 60Hz simulation runs independently of rendering.
Inside the buildJavaScript · WebAudio · SVG · fixed-step simulation
Blockhold in a live battle: voxel towers defend a road against an incoming wave.
2048, cubed: slide and merge inside a 3×3×3 cube, across six directions instead of four.
Swipes are matched to the projected cube axes. Obscuring tiles turn translucent; Space spreads the layers to show the interior.
Inside the buildVanilla JS · three.js · Web Audio · node:test
Cubit: a 3 by 3 by 3 cube of colored tiles, opened to reveal its layers.
Five daily visual tests, including midpoints, angles and circles.
A daily seed generates the challenges. The server recomputes scores from raw input using the same rules as the browser.
Inside the buildFastify · SQLite · Canvas · Fly.io
A detail from a real practice shot. The pointer controls the coral arm; the complete interface is shown below.
A close view of Eyeshot’s Angle practice: a 117° target and coral and dark arms on graph paper.
Time the stroke, find a gap, and call the run before the throw reaches the stumps.
The ball, CPU fielders and both runners share a fixed-step simulation. Runs are awarded when both batters reach their creases; run-outs are checked when a wicket is broken.
Inside the buildTypeScript · Three.js · Fixed-step physics · PWA
The guided first delivery in Boundary 3.1. The ball waits at the timing cue while you learn the stroke.
Boundary’s floodlit cricket ground, viewed behind the batter during the guided first delivery. The bat, ball and fielders share the same 3D scene.
Fly through 64 generated star systems in a procedural browser galaxy.
Visible geometry is generated procedurally. A standalone solo edition and a separate multiplayer service share this approach.
Inside the buildThree.js · WebGL 2 · TypeScript · Node ws
Docking approach at Helios Anchorage, Sol Ascendant
The Voidreach cockpit: a station and a moon ahead, contact markers with distances, and shield, hull and power gauges along the bottom.
Cooperative bullet-hell expeditions with shared combat, personal loot and persistent upgrades.
The browser predicts movement and reconciles it with the realm server. Inventory and death are saved atomically, and each player receives personal loot.
Inside the buildThree.js · TypeScript · WebSocket · SQLite
The public 1.4.1 realm, using ordinary keyboard and mouse inputs on a new account. No prepared gear or progression.
Bring Something Home in Cindermeadow: a new Arcanist explores a 3D realm with equipment, loot and progression beside the battlefield.
Space combat across seven connected sectors.
A Node WebSocket service owns PvE state, missions, purchases and progression. The browser reports movement and renders server snapshots, with sector rooms sharing the active frontier.
Inside the buildReact · TypeScript · Canvas · WebSocket · Node.js
A new pilot at Orion Anchorage in the live 2.0 build, with a tracked contract and flight HUD.
A new Voidborne Online pilot at Orion Anchorage, with the ship, tracked contract and flight HUD visible beneath the station.
Drop in a guitar take and add synthesized drums in its tempo.
Beat detection aligns the grid to the recording. Web Audio synthesizes the drums, and stems can be exported without uploading the audio.
Inside the buildVite · React · TypeScript · Web Audio
A synthetic guitar recording analysed at 96 BPM, playing with a straight-rock groove.
BeatLayer playing a 40-second synthetic guitar take: a blue waveform aligned to a 96 BPM grid above the active drum sequencer.
Your year in prompts, turned into a set of shareable cards.
JSON and JSONL exports are parsed in memory. The statistics and cards are rendered in a single HTML document.
Inside the buildOne file · no dependencies · no server
The opening card, on the built-in sample export
An AI Wrapped card: 627,257 in yellow on a violet-to-pink gradient, over the line “words you wrote to an AI”.
Scan a room’s colors and turn its palette into a five-note chord.
Colors are clustered in OKLab and weighted by persistence. Five stable colors map to distinct notes, played with synthesized sound and generated reverb.
Inside the buildJavaScript · OKLab · Web Audio
The procedurally drawn demo bedroom, scanned into the chord Ember Eleven.
Roomtone’s demo bedroom resolved into five floating colour orbs, the chord name Ember Eleven and five note labels.
Draw a shape. Watch a wind tunnel find its way around it.
The GPU updates two-dimensional velocity and pressure fields. Drawn shapes become obstacles in the simulation, which uses a multigrid pressure solve.
Inside the buildWebGL 2 · GLSL · Multigrid solver
A car preset in smoke view, running in the browser.
Slipstream’s wind tunnel with smoke streamlines bending around a car-shaped obstacle, velocity controls and live pressure-drag measurements.
An interactive autumn forest scene with a sunlit path.
Lighting is baked in Blender Cycles. The browser composites the layers and reprojects their depth to add parallax.
Inside the buildBlender Cycles · depth reprojection · AVIF · PWA
Hidamari: an autumn canopy path rendered as layered depth plates.
A tower-defense prototype with a separate simulation core and browser renderer.
TypeScript and ESLint restrict imports into the simulation. A separate three.js renderer interpolates snapshots from its fixed 1/30s tick.
Inside the buildTypeScript · three.js · React · fixed tick
Greybox geometry, no art pass.
Elderwood Vale greybox tower defense board with towers and a route.
Your friends write the punchlines. The room picks the winner.
The server owns timers, phase transitions, scoring, and filtered player views. Phase IDs reject stale actions; room sessions recover seats after a refresh.
Inside the buildReact · TypeScript · Socket.IO · ElevenLabs · Fly.io
A live room with three browser players and scripted sample answers, after a real vote.
Afterhours showing three submitted punchlines, the winning answer and a live scoreboard on the host screen.
Launch them, juggle them, then cash the damage in and knock them off the stage.
The simulation uses only exactly specified arithmetic and snapshots its whole state every frame, so a wrong input prediction is repaired by replaying up to nine frames. Juggle hits apply a small lift; only an ender turns accumulated damage into knockback.
Inside the buildJavaScript · Canvas 2D · WebRTC · Rollback netcode · Node ws · Fly.io
A local versus match against the game’s CPU, reached through the menus with scripted keyboard input.
Rift Clash mid-combo: Kael launches Tusk above a floating stage while the hit counter, combo damage and damage scaling read out beside the player cards.
Clear a neon arena that ripples under every explosion. Online, share it with a friend, or share one ship: one of you flies, the other shoots.
The host runs the enemies, score and lives. Each player flies their own ship and decides their own hits, so nothing they do waits on the network.
Inside the buildWebGL 2 · Web Audio · Node ws · Fly.io
An online co-op round between two browsers through the live relay, reached through the menus and played with scripted keyboard input.
Hypergrid in online co-op: ships tagged AJ and FRIEND fire into snakes and diamond swarms on a glowing blue grid, with a shared 84,237 score at x9 and both players listed at 25 ms.
A multiplayer space RPG with a six-chapter campaign and persistent pilot progression.
The browser predicts flight and reconciles it with server snapshots. Combat and rewards are resolved on the server; extraction banks the rewards from a run.
Inside the buildThree.js · JavaScript · Node.js · WebSocket
A Frontier encounter in the local build, with the ship’s barrier active during combat.
Driftfall in Haven Reach: AJ’s ship raises a spherical barrier during a Frontier run, with a blue planet above the asteroid field.
Draw on a shared canvas for sixty seconds, then save a replay.
Each round is recorded as events. The live drawing, replay and share card all use that transcript.
Inside the buildPython stdlib · WebSocket · Canvas · Fly.io
Two browsers, one round — the capture script joins twice and draws
The Sixty Seconds canvas mid-round: hills, a sun and two birds drawn in violet and green by two scripted browser sessions, with both cursors labeled.
Close the tabs you never read. Keep a searchable graveyard and a headstone to share.
Each tab is saved before it closes. The archive supports search, individual restoration and a ten-minute undo for a batch.
Inside the buildChrome MV3 · Canvas · two permissions
The card the extension draws, running on the page — drag the slider
The Tab Graveyard landing page: a headstone card reading “here lie 61, tabs buried this week”, beside a slider and the epitaph it earns.
Should you run outside right now? One verdict, with the conditions that decided it.
Adjustable thresholds produce the recommendation. The app shows the contributing conditions and searches the forecast for an hour that meets the settings.
Inside the buildOpen-Meteo · vanilla JS · PWA
Sydney, live conditions at the moment of capture
Run or Not showing GO in green, with live wind, air-quality and daylight conditions underneath.
Log your sleep and see a rolling fourteen-day balance with a projected recovery date.
The ledger uses a fourteen-day window and marks missing entries. Moving that window forward produces an estimated recovery date.
Inside the buildlocalStorage · no build step · PWA
Twelve sample nights and an estimated date for the balance to clear.
The Sleep Debt Ledger: a balance of minus sixteen hours twenty-eight minutes, a projected date for clearing it, and twelve nightly bars.
Turn the mood of a photograph into a playlist poster.
The full app checks AI suggestions against Apple’s catalog. The browser demo uses twelve fixed songs; its crop, palette and poster respond to the photo.
Inside the buildClaude Opus vision · iTunes catalogue · Canvas
The actual poster canvas, given AJ’s Saltline sunrise capture. The demo’s twelve songs are a fixed set.
A finished Playlist From a Photo poster: AJ’s Saltline sunrise above the title “Long Drive, No Radio” and twelve numbered tracks.
Tasks, habits, workouts and people, in one place that works offline.
IndexedDB stores the records, a service worker serves the app offline, and an undo system reverses changes across its sections.
Inside the buildES modules · Preact · IndexedDB · PWA
The Today view, on the app’s own sample data
LifeTrack’s Today view: a sidebar of sections, four counters across the top, and columns of tasks and habits for the day.
Drop in a file and excavate a skeletal creature from its bytes. Mutate one byte and watch it change.
Incremental histograms and a polynomial hash track changes to the file. Entropy, repeated bytes and header signatures shape the creature’s anatomy.
Inside the buildJavaScript · File API · Canvas
The bundled synthetic atlas.zip bytes, analysed into a specimen.
Filefossil’s parchment specimen plate: a long vertebral skeleton, labelled anatomical traits and byte measurements for the synthetic atlas.zip sample.
Daily app ideas with audience filters and build briefs.
The scheduled job validates ideas before publishing them and includes the archive in its next request. Date-seeded local remixes provide a fallback.
Inside the buildJavaScript · Claude API · GitHub Actions
The live daily drop, ranked by the default build profile.
Shipworthy’s idea bench with audience and format filters beside a ranked collection of app ideas.
A daily gravity puzzle: one comet, three stars, one wormhole.
Levels are grown from a flight rather than placed. The generator searches launch angles until an arc survives and curves, drops the wormhole on that arc, re-simulates with the wormhole’s own pull, places the three stars on that verified path, then proves the same shot collects all three.
Inside the buildCanvas 2D · Velocity Verlet · WebAudio
A real flight on the day’s puzzle, caught between the second and third star.
Orbital mid-flight: a comet’s glowing trail curves away from its launch pad past two planets, with collected stars marked in the status bar and a wormhole ahead.
Try another search or browse all projects.
Every frame is captured in the running app. Camera and microphone experiments include a demo you can try immediately.
Get in touch
I’m a software engineer at Notable Health in the Bay Area.
