Skip to content

Latest commit

 

History

History
88 lines (54 loc) · 3.44 KB

README.md

File metadata and controls

88 lines (54 loc) · 3.44 KB
Raw

🚗 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.

image

🎮 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. 📱💻

image

🚀 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. 🚗💥

image

🌐 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

image

🔗 Links

🌐 Connect with Me

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! 🚀