Back to Work

Three.js: Sound Blaster

2020

Sound Blaster Hero Image

A Throwback to Vaporwave and Browser Minigames

SoundBlaster is a 3D spatial audio driving game built with Three.js and a custom Unify-Three framework. It's a real-time driving simulator where players navigate a procedurally generated terrain while collecting "tune nuggets" and avoiding enemies, all with immersive spatial audio.

Core Gameplay

  • Objective: Collect all of the "happy tune nuggets" while avoiding "evil tune nuggets" and flying AI enemies before time runs out
  • Three Terrain States:
    • Purple (Neutral): Enemies are passive unless you get too close
    • Red (Danger): Triggered by hitting evil nuggets - all enemies become aggressive for 15 seconds
    • Blue (Power-up): Triggered by hitting good nuggets - enemies become vulnerable and can be collected for bonus time

Try it out here!

Technical Highlights

  • Custom Game Engine: Built on a modular architecture rather than using existing game engines
  • Spatial Audio: Advanced 3D audio positioning system
  • Procedural Generation: Dynamic terrain and object placement
  • AI Behavior: Complex enemy AI with multiple states
  • Physics Simulation: Realistic movement and collision detection
  • Post-Processing: Custom shader effects and visual enhancements

Year: 2020
Platform: Web
Tech Stack: Three.js, GLSL, JavaScript