Ustaw duszka w kierunku myszy


9

Tworzę grę na płótnie HTML5 i potrzebuję sposobu, aby mój duszek stawił czoła kursorowi myszy. Mam współrzędne X i Y dla duszka, a także współrzędne X i Y wskaźnika. Utknąłem tylko w matematyce, która sprawi, że duszek stanie się wskaźnikiem. Wszystko dzieje się w świecie 2D, więc nie wyobrażam sobie, że będzie to zbyt skomplikowane, ale mam bardzo małe doświadczenie z tymi rzeczami.

Również wszelkie pomocne linki do artykułów / postów na blogu na ten temat byłyby niesamowite (ogólnie programowanie gier 2D, a nie JavaScript).

Aby dodać, muszę zauważyć, że potrzebuję kąta w stopniach, który skieruje mnie w kierunku kursora za pomocą jego pozycji X i Y.

Jak mogę poznać współrzędne kursora i gdzie mam umieścić te wszystkie rzeczy?


Cześć, miałem podobny problem jak łucznictwo. Sprawdź mój blog, jeśli chcesz: yannbane.blogspot.com .
jcora,

Odpowiedzi:


11

Nie znając dostępnych interfejsów API, oto podstawowa matematyka polegająca na uzyskiwaniu kąta w stopniach:

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

* 180 / math.pi;Konwertuje go z radianów na stopnie.


3
Zauważ, że kąt wytworzony przez atan2 zakłada, że ​​układ współrzędnych jest + x w prawo i + y w górę . Jeśli twoje spadnie, będziesz musiał zanegować kąt. Zakłada również, że obiekt będzie skierowany w kierunku (1, 0) (w prawo), gdy kąt wynosi 0. Jeśli jest skierowany w innym kierunku, należy przesunąć kąt. Moja odpowiedź tutaj wyjaśnia, jak to zrobić.
Nicol Bolas,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.