Phaser.js: JavaScript 기반 게임 개발 프레임워크

• Phaser.js는 Canvas API를 랩핑한 JavaScript 기반 게임 개발 프레임워크로, HTML5에서 게임을 개발할 수 있도록 도와주며 데스크탑과 모바일에서 모두 사용 가능합니다.

• 주요 구성 요소로는 Scene(게임 맵, 화면 단위), Sprite(캐릭터, 무기 등 요소), preload(자산 불러오기), create(애니메이션, 스프라이트 추가), update(매 프레임마다 호출)가 있습니다.

• 포물선 이동 경로를 그리기 위해 Phaser.Curves.QuadraticBezier를 사용하여 startPoint, controlPoint1, endPoint를 설정하고, tweens.add를 통해 경로를 따라 이동시킵니다.

• update() 함수에서 graphics.clear()와 curve.getPoint()를 사용하여 arrow 스프라이트를 경로에 맞게 이동시키고, 그래픽을 그립니다.