Matter.js를 사용하여 플레이어가 대포로 공을 발사해 움직이는 목표물을 맞추는 게임을 개발하세요. 공의 궤적과 충돌은 Matter.js로 시뮬레이션됩니다. 플레이어는 슬라이더를 사용해 대포의 각도와 발사력을 조절하며, 라이브 그래프는 실시간으로 공의 높이와 거리를 표시합니다. 게임은 왼쪽 하단의 대포와 위쪽에 무작위로 움직이는 목표물로 시작됩니다. 목표는 30초 내에 가능한 한 많은 목표물을 맞춰 정확도에 따라 점수를 얻는 것입니다. 인터페이스에는 명중 횟수를 기록하는 점수판과 게임을 재시작하는 리셋 버튼이 포함되어, 물리학 애호가들에게 재미와 교육적 경험을 제공합니다.

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