BeatRun


BeatRun cover

Play BeatRun ->

BeatRun is an infinite runner built with three.js. It leans on layered parallax, volumetric smoke sprites, and a chill synth loop that ramps with speed.

Core loop

  • Shift between three lanes to avoid neon obstacles.
  • Distance increases speed, which tightens the rhythm and the visuals.
  • Near misses boost the flow meter.

Visual stack

  • Repeating road texture with animated emissive lane markers.
  • Multi-depth starfields and ribbon planes for parallax depth.
  • Particle dust and smoke sprites tied to the runner.

Audio

  • Web Audio pad with low-pass motion for the ambient bed.
  • Rhythmic synth plucks and a soft bass pulse synced to BPM.

Controls

  • Arrow keys or A/D to change lanes.
  • Tap left or right on mobile.
  • M toggles audio, P pauses.

Ideas to extend

  • Add jump or slide moves with beat-synced obstacles.
  • Spawn collectible pulses that add temporary speed boosts.
  • Swap palettes based on distance milestones.