Start your engine. Use W,A,S,D or Arrow Keys to navigate. On mobile, use the on-screen controls.
The longer you survive, the faster the environment moves. Test your reflexes as traffic density and speed increase dynamically.
Custom built bounding-box collision detection ensures fair gameplay. Maneuver through tight gaps between traffic vehicles.
Play seamlessly on desktop with keyboard controls or on mobile devices using responsive touch interface.
This project demonstrates the power of vanilla web technologies to create engaging interactive experiences without heavy game engines.
The game utilizes the HTML5 <canvas> element to draw the game state via JavaScript's requestAnimationFrame loop. Entities (player, enemies, road markings) are updated mathematically every frame based on elapsed time (delta time) to ensure smooth 60fps performance. CSS3 is heavily used for the surrounding UI elements, creating a glassmorphic layer over the dark theme.
Neon Racer is a passion project combining modern front-end web development practices with interactive game mechanics. The goal was to build a comprehensive portfolio piece that demonstrates proficiency in UI/UX design, responsive layouts, and logic-heavy JavaScript programming within a single cohesive experience.