Table of Contents
Overview
The Project
The Array Game is designed to help early learners build and expand on their
multiplication skill for the numbers 1-6. Players use a simple grid that
visually represents the calculation.
The goal of this game is to help kids supplement what they are learning about
multiplication with a fun activity they use for practice.
The objective of the game is for players to shade in as much of the 10x10 grid
as possible. Players take turns rolling dice and then shading an array whose
dimensions are equal to the numbers on the dice.
For example, if you roll a 2 and a 3 you would shade in a 2x3 array on the
grid either vertically or horizontally. In this example, the array could be
either 2 rows by 3 columns or it could be 3 rows by 2 columns.
If it turns out that there's no room on the grid for your array, the player
can't update the grid and must wait until their next turn to roll again.
The game will end when one of these conditions are reached:
- A pre-defined period of time is reached. Whoever has the highest score wins.
- A player forfeits two consecutive turns. In this situation,
that player loses the game.
- A player completely fills in their grid. This will take longer than the first two options. Depending on the luck of the roll, players may end up forfeiting many turns.
Screenshot
Links
-Repository
-Live Site URL
Requirements & Specifications
What We Need to Do
Structure
- [ ] This is a purely frontend application. No backend is required.
- [ ] Useful links and resources: - The Array Game
Functionality
Extras
- [ ] Add a countdown timer showing time remaining in the game
- [ ] Animate the rolling of the dice
- [ ] Play a sound to simulate the rolling dice
- [ ] Support dark/light mode
Built With
- Figma - A cloud-based design tool
- HTML5 - The web framework used
- CSS - The styling language used
- JavaScript - The programming language used
About Chingu
If you aren’t yet a member of Chingu we invite you to join us. Chingu helps members transform what they’ve learned in courses & tutorials into the practical experience employers need and want.
Authors
Acknowledgements
- A big high-five to the staff at Chingu. We would like to to extend our appreciation to everyone for providing us this wonderful oppurtunity!
- A special mention to our personal Mentor, Angela for helping guide us along the way.
- Thanks to George Whiting for his tutorial on making a grid for players. Tutorial Link
- A special mention to Charlie Britton for the Dice Roller Animation. Step-by-step Guide
- Thanks to Matheus Battisti for his tutorial on creating a countdown timer. Tutorial Link