Load Game Here:

https://ud-s24-cisc181.github.io/final-project-mbartolotta345/

Grid Game

Welcome to the Grid Game! This interactive game allows players to create a customizable grid filled with black and white emojis, and engage in various game modes that challenge your strategic thinking. Built using TypeScript, HTML, and CSS, this project combines fun gameplay with a simple, user-friendly interface.

Features

• Create a grid of customizable height and width.
• Randomly generated grid filled with black and white emojis.
• Four game modes:
  • Simple Click
  • Cardinal Neighbors
  • Row and Column
  • Diagonal Neighbors
• Tracks the number of clicks to win and the winning color, displays when won.

Installation

1. Clone the repository:

   git clone https://github.com/mbartolotta345/Grid-Game.git
   

Usage

1. SLide to select the desired height and width for the grid.

2. Select a game mode from the options provided.

3. Create grid

4. Click on any emoji in the grid to start the game.

5. The game will update based on your selected mode, make the entire grid all one color (black or white) to win!

Game Modes

Simple Click

• Click on any emoji to toggle its color.

Cardinal Neighbors

• Clicking an emoji changes the color of its immediate vertical and horizontal neighbors.

Row and Column

• Clicking an emoji changes the color of all emojis in the same row and column.

Diagonal Neighbors

• Clicking an emoji changes the color of its diagonal neighbors.

Technologies Used

• TypeScript
• HTML
• CSS