🚗 Car Game

Welcome to the Traffic Race Game! This interactive and engaging game allows players to navigate a car through a busy road, dodge obstacles, and collect coins. Here's everything you need to know about this exciting project.

🎮 Description

The Traffic Race Game is a browser-based game crafted using HTML, CSS, and JavaScript. It features:

• Interactive Gameplay: Use arrow keys or on-screen controls to maneuver the car.
• Dynamic Game Speed: Customize the speed of the game to match your play style.
• Car Color Customization: Choose your preferred car color for a personalized touch.
• Coin Collection: Gather coins to boost your score as you advance.
• Responsive Design: Enjoy seamless gameplay on both large screens and mobile devices.

🌟 Key Features

• Customizable Game Speed: Adjust the game pace to suit your preference. ⏩
• Car Color Selection: Pick your favorite color for the car. 🎨
• Mute Audio Option: Toggle sound effects on or off for a tailored experience. 🔊🚫
• Real-time Score Tracking: Monitor your score and track progress. 📈
• Responsive Controls: Use keyboard arrows or on-screen buttons for easy navigation. 📱💻

🚀 Getting Started

Starting the Game

Click the "Start" button to begin. The game will commence with an engaging audio effect, enhancing your immersive experience. 🎵

Controls

• Arrow Right Key: Move the car to the right.
• Arrow Left Key: Move the car to the left.
• Arrow Up Key: Accelerate the car forward.
• Arrow Down Key: Move the car backward.

On mobile screens, use the on-screen arrow buttons for control. 📲

📈 Score and Coins

• Score Display: Your score is updated in real-time at the top left corner of the screen.
• Coin Collection: Collecting more coins increases your score and provides immediate feedback on performance. 💰

🏆 Car Crash and Final Score

When the car crashes, your final score is displayed. A sound effect enhances the crash experience, motivating you to improve and beat your high score. 🚗💥

🌐 Live Demo

Play the game live here.

💻 Technologies Used

• HTML
• CSS
• JavaScript
• Bootstrap

🎨 Design and Theme

• Background: Radial-gradient from rgba(69,69,69,1) to rgba(37,36,36,1).
• Color Scheme: Matches the theme of the game for a cohesive look.

🔗 Mobile View

🔗 Links

• GitHub Repository: View on GitHub
• Portfolio: Explore my projects
• Articles: Read my latest posts
• Contact: fasihnasir12@gmail.com

🌐 Connect with Me

• LinkedIn
• Facebook

---

Thank you for checking out my Traffic Race Game! 🎉 Your feedback is invaluable and helps in refining future projects. Enjoy the game and keep coding! 🚀