Skip to content

A game to help children with basic addition and multiplication - built with Antigravity in Remix

Notifications You must be signed in to change notification settings

tholder/numbers-game

Repository files navigation

Numbers Game

A strategic two-player math game where you roll dice, solve equations, and capture boxes on a grid.

Numbers Game Screenshot

How to Play

  1. Roll the Dice: Start your turn by clicking the "ROLL DICE" button.
  2. Solve the Equation: Depending on the game mode (Addition or Multiplication), calculate the result of the dice.
  3. Find the Number: Locate the matching number on the 10x10 grid.
  4. Claim a Line: Click on any available line surrounding the target number.
  5. Capture a Box: If your line is the 4th line to surround a box, you capture it and score a point!
  6. Win: The game ends when all boxes are filled. The player with the most boxes wins.

Features

  • Two Game Modes: Choose between Addition (+) and Multiplication (×) to adjust the difficulty.
  • CPU Opponent: Toggle the CPU checkmark to play against a smart computer opponent that finds valid moves and strategies.
  • Visual Feedback:
    • Dice roll animations.
    • Green flash indicator for CPU moves.
    • Confetti celebration when you score!
  • Fast Forward: Use the "Fast Forward" button to simulate 20 random moves for quick testing.

Technologies Used

  • Remix for the web framework.
  • Tailwind CSS for styling.
  • Vite for the build tool.
  • Canvas Confetti for the celebration effects.

Getting Started

  1. Install dependencies:
    npm install
  2. Run the development server:
    npm run dev
  3. Open http://localhost:5173 (or the port shown in your terminal).

About

A game to help children with basic addition and multiplication - built with Antigravity in Remix

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages