Color Racer
Deployed Link
You can play the game by visiting the following link:
Color Racer - Play Now
Project Overview
Color Racer is a two-player racing game created as the first project for a coding bootcamp. The game is designed to test the typing speed of each player using keydown
and keyup
event listeners. Players race by typing as fast as they can to reach the finish line.
Project Presentation
Project Presentation Google Slides
Description
Color Racer is an interactive typing competition where two users race to move their selected cars across the screen. The goal is to reach the finish line in the least amount of time. users can start the game, save their scores, and play again, with their scores saved locally for future reference.
Usage
- Enter Name: When users enter the webpage, they are prompted to enter their name.
- Choose a Car: After providing their name, users select their car from a list of colorful options.
- Start the Game: After selecting a car, the "Start" button begins the race and make the clock counting.
- Typing Race: users race by typing for Player1= "a" key & Player2 = "l" key (make sure the caps lock off) as fast as possible,to move their cars toward the finish line.
- Save Score: Once the race ends, users can click the "Save Score" button to save their time to local storage.
- Play Again: users can click the "Play Again" button to restart the game and try to beat their previous score.
Game Features
- Event Handling: The game utilizes
keydown
and keyup
events to capture user input during the race.
- Timer: A timer starts when the "Start" button is clicked and tracks the duration of the race.
- Local Storage: Scores are saved in local storage, allowing users to track their performance over multiple games.
- Interactive Design: users can select colorful cars and race each other in real-time.
- Play Again & Save Score: After a race, users can save their scores and restart the game to improve their results.
Installation
N/A
Credits
N/A
Technologies Used
- HTML: index.html
- CSS: style.css; reset.css
- JavaScript: form-logic.js; game-logic.js
License
MIT License
Contributors
Enjoy the game and may the fastest typer win!
Oct 2024