Entwickle ein Spiel, in dem Spieler eine Kanone verwenden, um einen Ball auf sich bewegende Ziele zu schießen. Die Flugbahn des Balls und Kollisionen werden mit Matter.js simuliert. Spieler passen den Winkel der Kanone und die Abschusskraft über Schieberegler an, während ein Live-Diagramm die Höhe des Balls im Verhältnis zur Entfernung in Echtzeit anzeigt. Das Spiel beginnt mit einer Kanone unten links und zufällig bewegenden Zielen oben. Ziel ist es, in einem 30-Sekunden-Zeitrahmen so viele Ziele wie möglich zu treffen und Punkte basierend auf der Genauigkeit zu sammeln. Die Benutzeroberfläche beinhaltet ein Scoreboard zur Trefferverfolgung und einen Reset-Button, um das Spiel neu zu starten, was sowohl Spaß als auch eine lehrreiche Erfahrung für Physikbegeisterte bietet.

Create a game where players use a cannon to launch a ball at moving targets, powered by Matter.js for realistic physics.

Players can adjust the cannon’s angle and launch power using sliders, and a live graph shows the ball’s height vs. distance as it flies.

The goal is to hit as many targets as possible within a time limit, with points awarded based on accuracy.

Players start with a cannon at the bottom left of the screen and targets floating across the top.
Matter.js handles the ball’s trajectory and collisions, while the graph updates in real time as the ball moves.
Add a reset button to try again and a scoreboard to track hits, making it fun and educational for physics-loving students.

Q: Do you have a specific game duration or time limit in mind?
A: 30 seconds

Q: How would you like to arrange the user interface elements, such as the sliders, live graph, scoreboard, and reset button?
A: you decide

Q: Do you have any particular requirements for the movement patterns of the targets or should they move randomly?
A: randomly