Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ JavaScript _ Wyznaczanie drogi w jquery

Napisany przez: miccom 1.01.2022, 19:27:29

Cześć.
Poszukuję odpowiedzi aby zrealizować zadanie.
Chcę wyznaczyć trasę ruchu postaci na mapie hexagonalnej.

Może to być przez kliknięcie lub mouseover ale w taki sposób aby droga była jednorodną linią od pierwszego div do ostatniego.

Czyli klikam sobie poszczególne divy i wyznaczam trasę marszu- to ogarnę ale jak obliczyć czy kliknięte div są ze sobą sąsiadujące?

Moja mapa aktualnie wygląda tak:

  1. <http://december.com/html/4/element/div.html class="tile ocean" style="top:250px; left:500px;" num="696"></http://december.com/html/4/element/div.html>
  2. <http://december.com/html/4/element/div.html class="tile ocean" style="top:275px; left:550px;" num="697"></http://december.com/html/4/element/div.html>
  3. <http://december.com/html/4/element/div.html class="tile island" style="top:250px; left:600px;" num="698"></http://december.com/html/4/element/div.html>
  4. <http://december.com/html/4/element/div.html class="tile ocean" style="top:275px; left:650px;" num="699"></http://december.com/html/4/element/div.html>
  5. <http://december.com/html/4/element/div.html class="tile ocean" style="top:250px; left:700px;" num="700"></http://december.com/html/4/element/div.html>
  6. <http://december.com/html/4/element/div.html class="tile ocean" style="top:275px; left:750px;" num="701"></http://december.com/html/4/element/div.html>
  7.  
  8.  


Mogę również w tej mapie pokazać kolumny i wiersze.
Mapa narysowana jest tak, że nieparzyste kolumny są przesunięte o połowę wysokości div .tile

Podpowiecie za czym mam się rozglądać aby to ogarnąć?

Napisany przez: trueblue 4.01.2022, 09:10:58

https://www.google.com/search?q=find+hexagonal+path

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)