DEV Community

Felix
Felix

Posted on

I built a browser game about catching light and keeping music (free to play)

A few weeks ago I shipped a tiny browser game called Nightfield: catch fireflies before the dark closes in. People played it further than I expected - a stranger finished it, level 10/10.

So I built a second one. It's live right now, free, no account:

Play it here: https://foxutils.com/foxfirebeat

What it is

Foxfire Beat. You are a fox running lanes in the dark, plucking light as it crosses the line. The twist is the sound: every catch plays a note, and the notes fit the chord under it, so the level composes its own music while you play. Miss too much and the melody thins. Catch a run of them and the whole thing blooms.

Three levels - AIR, LIFT, COASTER - each with its own voice and bed. A wasp hazard ends the run if you grab it. A fox charm collects a little chord-built phrase. The ending runs in from the right and the fox leaps every 8 beats.

How it got built

Honest part: the first version had the music wrong. The drop had pops with no written line, the fox ran out at the wrong beat, footsteps walked over the build-up. Every fix was a listening fix, not a code fix - change the timing, play it, hear where it stumbles.

The whole game is one HTML file. No engine, no build step. If you want to build a small game like this, that's the takeaway: canvas + WebAudio + a fixed beat clock is enough, and it deploys anywhere static files go.

Where to play

Both free. If you play either one, tell me what felt off in the first ten seconds - that's the part I keep getting wrong and the part that decides whether anyone stays.

javascript #gamedev #webaudio #indiedev

Top comments (0)