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?
2d
html5
html-canvas
Robinson
źródło
źródło
Odpowiedzi:
Nie znając dostępnych interfejsów API, oto podstawowa matematyka polegająca na uzyskiwaniu kąta w stopniach:
* 180 / math.pi;
Konwertuje go z radianów na stopnie.źródło
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ć.