Poruszanie po stronie internetowej

Question

Witajcie forumowicze

Tak siedzę i rozmyślam i zastanawiam się jak zrobić taką funkcję na stronie jak np. w mapach google lub w grze forge of empire, np. że ładuje się na stronę powiedzmy, naciskam LPM i mogę przesuwać swobodnie się po stronie, w lewo, prawo itd, trochę poszukiwałem informacji o tym ale nic nie znalazłem ciekawego i nie wiem od czego zacząć .. na forum forge napisałem kiedyś w czym jest napisany FOE to był 1 komment tylko że htm5 i flash, może ktoś wie jak zacząć ? gdzie szukać informacji ?

Pozdrawiam

Answer 1

Algorytm prawdopodobnie wygląda tak:

1. Wykrywasz naciśnięcie lewego klawisza myszy przez zdarzenie pointerdown lub mousedown.
2. Przy wykryciu zapisujesz sobie obecną pozycję myszy (np. przy pomocy event.screenX i event.screenY).
3. Wykrywasz ruch myszy przy pomocy zdarzenia pointermove lub mousemove. Możesz to throttlować, żeby nie za często przesuwać mapę.
4. Obliczasz różnicę między aktualną pozycją myszy a początkową.
5. Na podstawie wyniku tych obliczeń przesuwasz odpowiednio mapę (np. przy pomocy transform: translate()).

Comments

Udało się po kilkunastu problemach, dziękuje za podpowiedź. 

https://youtu.be/gWgg8h11bj8

Tak to wygląda na chwilę obecną