Vaporwave Visualizer

What it is

Vaporwave Visualizer (Infinity Vaporwave Drive) is an endless driving experience through a neon synthwave landscape. Retro typography, pulsing colors, and a procedurally scrolling environment create a mood piece that runs at full screen in any modern browser.

Why I built it

Music visualizers and mood environments are usually video files — static, heavy, and hard to customize. I wanted a live 3D scene that responds to the vibe of vaporwave aesthetics: infinite horizon, grid roads, and CRT-era typography without rendering a single MP4.

Key features

• Full-screen Babylon.js 3D canvas
• Endless procedural road and environment
• Retro pixel font UI layer with neon color palette
• Touch-friendly controls for mobile
• Start screen with immersive title treatment
• Lightweight single-file delivery

Approach

Babylon.js handles the render pipeline and camera motion. UI sits in an absolute overlay with pointer-events toggled per element so menus work without blocking the canvas. The aesthetic is deliberate — high contrast cyan and magenta, scanline energy, and arcade typography.

What it demonstrates

• Mood-driven 3D experiences without a game loop
• Babylon.js as an alternative to Three.js for specific visual styles
• Single HTML file as a shareable creative artifact

Takeaways

Sometimes the deliverable is atmosphere, not utility. Building tools that prioritize feel teaches you where to cut scope and where to push polish.