Guess the Color

Guess the Color is a fun mini game to be played during your free time or if you're stressed and need a break. It also utilizes some CS knowledge and some quick-thinking skills.

Comment

Inspiration

We first started looking at Beginner Game Projects online and narrowed down the ideas we liked. Then we brainstormed how to further developed game by adding some new features which increased the complexity of the game and increased the originality.

What it does

The program generates random colors and asks the user to guess the color associated with the rgb value given. The user has 5 chances, represented by hearts, to click on the right circle. To make it more competitive and entertaining, we added time limits and a high score tracker.

How we built it

First, we started creating the basic foundation of the project using HTML to add elements onto the web page. Then we used CSS to style the elements and add some minimal transitions and animations. Lastly, a majority of the functionality of the game was done through Javascript, such as : generating random colors, restarting/starting and ending the game, decreasing lives, and adding a timer.

Challenges we ran into

  1. Coming up with ideas because it was our first hackathon
  2. Formatting and setting the program to default
  3. Troubleshooting mistakes in our program -> but we eventually figured it out ## Accomplishments that we're proud of
  4. Building a game from scratch
  5. Being able to add in and accomplish ideas teammates came up with
  6. Managing our time well ## What we learned
  7. How to work with animation
  8. Deepened knowledge of Javascript, CSS, and HTML elements ## What's next for Guess the Color We could add more features such as a bonus round or hints and change the style to make the display more visually appealing.

Built With

Share this project:

Updates