HelixW / color-pick

A color guessing game

Home Page:https://color-pick.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Logo

Color Pick

Color Pick is a color guessing game where the player picks colors based on their RGB knowledge.
Play The Game »

Report Bug · Request Feature

Table of Contents

About The Project

Logo

This project was made when I was learning DOM Manipulation using JQuery and Vanilla JavaScript. The idea of this project comes from Colt Steele from the course The Web Developer Bootcamp.

Built With

How To Play

  • A color is given in the form of a RGB code in the instruction part of the page.
  • The player is supposed to guess the color and click the squares with colors.
  • If the wrong color is chosen, the square disappears. The player can continue playing until the correct square is chosen.
  • The player can click the Change Colors button if they wish to get a new set of colors. This will also generate a new color to guess.

Modes Of Gameplay

  1. Easy Mode : The player needs to guess from 3 squares.
  2. Hard Mode : The player needs to guess from 6 squares.

How It Works

  1. A set of 6 colors are generated with a random number generator.
  2. A color is chosen out of the 6 again with the help of the random number generator. This color is saved as the Chosen Color.
  3. The squares are filled with the generated colors and the Color Hint is changed to show the Chosen Color.

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Acknowledgements

About

A color guessing game

https://color-pick.netlify.com/

License:MIT License


Languages

Language:JavaScript 36.1%Language:HTML 34.1%Language:CSS 29.9%