Développez un jeu où les joueurs utilisent un canon pour lancer une balle sur des cibles en mouvement. La trajectoire de la balle et ses collisions sont simulées avec Matter.js. Les joueurs ajustent l'angle du canon et la puissance de tir à l'aide de curseurs, tandis qu'un graphique en temps réel affiche la hauteur de la balle en fonction de la distance. Le jeu démarre avec un canon en bas à gauche et des cibles mobiles aléatoires en haut. Le but est de toucher le maximum de cibles possible en 30 secondes, en obtenant des points selon la précision. L'interface comprend un tableau des scores et un bouton de réinitialisation pour redémarrer le jeu, offrant une expérience à la fois ludique et éducative pour les passionnés de physique.

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