Neon Car Shooter

Neon Car Shooter Used AI

1 devlog
3h 12m
•  Ship certified

Neon Car Shooter is a fast-paced, arcade-style browser game where you control a neon-lit car racing through a futuristic battlefield. Dodge and destroy incoming enemies, collect power-ups, and face off against powerful bosses that appear every 20 points. Designed with glowing visuals and smooth controls, this game delivers a nostalgic yet modern shooter experience — all created in just one day using pure JavaScript and HTML5 Canvas.

Timeline

Ship 1

1 payout of shell 22.0 shells

Marwan Algharably

about 1 month ago

Marwan Algharably Covers 1 devlog and 3h 12m

Date: June 25, 2025
Duration: One day

Test and showcase game development skills using only native web technologies.

Build a playable, visually engaging game within a tight deadline.

Focus on code quality, responsiveness, and user experience.

Add game design elements like power-ups, boss fights, and sound effects to elevate gameplay.

🔧 Core Features
Dynamic Gameplay
Smooth car movement, enemy waves, shooting mechanics, and collision detection.

Power-Ups System

Shield: Grants immunity to one hit.

peed Boost: Temporarily increases movement speed.

Boss Battles
A special enemy spawns every 20 points with higher HP, requiring strategy and precision to defeat.

Sound Effects Integration
Custom sounds for shooting, getting hit, power-up activation, and boss interaction.

Score & High Score Tracking
Real-time score display with persistent high score saved via localStorage.

Polished UI/UX

Mute/Unmute toggle

Restart button

Game Over screen

Neon visual theme with color feedback based on player state (normal, shielded, boosted)

Technical Highlights
Canvas-based rendering loop using requestAnimationFrame()

Object-oriented structure using simple objects and arrays

Event listeners for keyboard inputs (arrow keys, space, R, M)

Clean collision detection logic and boundary control

Optimized game loop performance for smooth rendering

Modular code structure, allowing easy future extension

Tools Used
HTML5 Canvas API

JavaScript (Vanilla ES6)

CSS3 (for UI layout and neon styling)

Audio files (WAV, MP3 for immersive feedback)

Challenges & What I Learned
Balancing fast-paced gameplay with clarity and control

Implementing power-up logic and timed effects cleanly

Designing boss mechanics without cluttering the core loop

Ensuring persistence of data (like high score) across sessions

Creating a compelling game flow with minimal assets

🧪 Final Thoughts
This project reinforced the power of raw web technologies in game development. No engines. No libraries. Just code, creativity, and iteration. It's a great foundation for future expansions like levels, mobile support, or even multiplayer.