스프라이트를 마우스의면 방향으로 설정


9

html5 캔버스 게임을 만들고 있는데 스프라이트가 마우스 커서를 향하도록하는 방법이 필요합니다. 스프라이트에 대한 X 및 Y 좌표와 포인터의 X 및 Y 좌표가 있습니다. 내가 붙어있는 것은 스프라이트가 포인터를 향하게하는 수학입니다. 그것은 모두 2D 세계에 있기 때문에 너무 복잡 할 것이라고는 상상할 수 없지만이 물건에 대한 경험이 거의 없습니다.

또한 이런 종류의 일에 관한 기사 / 블로그 게시물에 대한 유용한 링크는 훌륭 할 것입니다 (일반적으로 Javascript가 아닌 2D 게임 프로그래밍).

또한 X 및 Y 위치를 사용하여 커서를 가리킬 각도가 필요하다는 점에 유의해야합니다.

커서의 좌표를 어떻게 알 수 있으며이 모든 것을 어디에 두어야합니까?


안녕하세요. 저는 양궁과 비슷한 문제가있었습니다. 원하는 경우 내 블로그를 확인하십시오 : yannbane.blogspot.com .
jcora

답변:


11

API를 모르는 경우 각도를 얻는 기본 수학은 다음과 같습니다.

angle = math.atan2(y2 - y1, x2 - x1) * 180 / math.pi;

* 180 / math.pi;라디안에서 변환합니다.


3
에 의해 생성 된 각도 atan2는 좌표계가 + x right 및 + y up 이라고 가정 합니다 . 당신의 추락하면 각도를 부정해야합니다. 또한 각도가 0 일 때 객체가 (1, 0) 방향 (오른쪽)을 향한다고 가정합니다. 다른 방향을 향하는 경우 각도를 오프셋해야합니다. 내 대답 은 그 방법을 설명합니다.
Nicol Bolas
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.