Prompt
Code in html, css, and JavaScript a self-contained, complete, and embeddable game for students gaining proficiency in multiplication facts. Use the uploaded image to create the play area. The square in the middle can be rotated using the left and right arrow keys. The blue triangles are cannons that fire random multiples of the numbers in the red square. Randomize the cannons’ multiples so any cannon can fire any multiple. For example, numbers like 12 (multiple of 3 and 4), 15 (multiple of 5), and 49 (multiple of 7) will shoot from any one of the blue triangles and move toward the square. Player will rotate the red square to “catch” the multiple on the corresponding side of the square. Thus, catch 16 on the 4 side, 35 on the 7 or 5 side, and 27 on the 3 side. Make the game challenging but not too fast at level 1. Use multiples up to the number in the square times 12. Add space cannon sound when the triangles fire and a bloop sound when the correct number is caught. Add a buzz for an incorrect catch. Add a scoreboard. Add a star celebration for every streak of 5 correct answers. Player wins level 1 with 20 correct catches. At level 2, change the center shape to a pentagon and add the number 6. Add another cannon spacing all cannons 72 degrees apart around the playing area. Use the same rules to apply for level 2. When player achieves 20 correct answers, add level 3 using an octagon with the following numbers in the shape: 2, 3, 4, 5, 6, 7, 8, 9. Include a total of 8 cannons spaced at 45 degrees around the plaything area. Use the same rules. For level 4, make the shape a circle and include numbers 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12. Space the numbers approximately 33 degrees apart. Supply 11 cannons approximately 33 degrees apart evenly spaced around the edge of the playing area. After 20 correct catches, player wins the game. Provide a celebration with space music and star confetti.
Iteration
Place the cannons at the very edges of the playing area. Make the multiples move more slowly to allow the player to see them and rotate the center shape. When the Start Mission button is pressed, remove the instructions from the screen.
Iteration 2
The multiples need to move substantially slower to allow the player time to rotate the catching shape. The multiples are still too fast.
Iteration 3
On level 4, make the font size of the numbers in the center circle smaller to allow the player to recognize the different numbers more easily.
Iteration 4
Ensure that the correct side or sides catch the proper multiples. Double check the math.