Neon Drone Rush – 3D WebGL Tunnel Runner Game (Three.js)

Neon Drone Rush is a fast-paced 3D endless runner game built with Three.js and optimized for all modern browsers. It features neon-lit cave tunnels, smooth drone controls, balanced power-ups, dynamic obstacles, collision systems, and a complete audio setup. The project is fully production-ready and easy to customize.Upload to your website in 5 minutes – no coding required.

Perfect for HTML5 game portals, WebGL publishers, arcade websites, and developers looking for a high-quality Three.js game with modern visuals and fair difficulty.

Core Features

• Three.js powered 3D WebGL graphics
• Neon-styled glowing cave tunnels
• Smooth 60 FPS optimized gameplay
• Responsive controls (WASD + Arrow Keys)
• Progressive difficulty with increasing speed
• LocalStorage high-score saving
• Dynamic obstacle generation with 5 types
• Accurate collision detection with visual feedback
• Camera follow + collision shake effects
• Complete audio system with music and SFX
• Easy to reskin (replace textures, colors, UI)
• Clean and modular code structure

Power-Up System

Shield Power-Up

• Single-use protection
• 5-second duration if unused
• 1-second post-hit invulnerability
• Visual blue wireframe effect
• Warning message when shield breaks

Speed Boost Power-Up

• 5× speed increase for 5 seconds
• 2× score multiplier
• Strong glow and intensity visuals
• Color-changing countdown timer

Obstacles & Challenges

• Flying Bats
• Falling Rocks
• Glowing Mushrooms
• Stalactites
• Spider Webs (visual hazard)

Cave Wall Collision System

• Two-hit boundary mechanic
• First hit = warning + damage sound
• Second hit = game over
• 500ms debounce to prevent repeated hits

Audio System

• Menu background music
• Gameplay engine sound loop
• 9 professional sound effects
• Automatic audio state switching
• Sound toggle with saved preference

Visual Effects

• Explosion particles
• Dynamic camera shake
• Animated UI elements and warnings
• Neon glow and highlight effects

️ Easy Reskinning & Customization

• Change colors through simple CSS variables
• Swap textures inside /assets
• Modify UI with basic HTML/CSS
• Replace sounds by dropping new audio files

Technical Highlights

• Object-oriented, modular JS code
• Managers for player, obstacles, audio, power-ups
• Efficient collision detection
• Delta-time animations
• Preloaded assets for fast performance

Browser Compatibility

• Chrome
• Firefox
• Safari
• Edge
• Opera
• Requires WebGL support

Included in Download

• Full source code (HTML, CSS, JS)
• All textures, models, and audio assets
• Detailed documentation (installation + configuration)
• Organized project structure

Ideal For

• HTML5 game portals
• Three.js developers
• WebGL game publishers
• Client projects needing 3D games
• Ad-based monetization
• Educational or portfolio projects

Ready to Launch

Customize the visuals, replace assets, add your branding, and publish your own 3D tunnel runner game in minutes.