Chciałbym stworzyć gre przeglądarkową do portfolio. Najlepiej znam technologię php. Problem polega na tym że nie mam pojęcia jakiej technologii użyć do stworzenia mapy, właściwie nie wiem czy to co wymyśliłem jest osiągalne, potrzebowałbym rady w czym mógłbym stworzyć mapę gry. Pomysł polega na tym że stworzyłbym tablicę wielowymiarową i dajmy pierwszy gracz zaczyna w komórce tabeli 1,1 drugi 3,1. Pierwszy wybiera pozycje 3,3 drugi 1,3. Spotykają się w punkcie 2,2. Pozycje zapisywałbym w bazie. Skrypt który wywoływał by jakieś działanie po wyrównania wartości rekordu pozycji jednego i drugiego gracza nie jest problemem, bardziej chodzi o to że nie wiem czy utworzyć to w formie divów czy buttonów z htmla, próbowałem kiedyś umieścić buttony w tabeli dynamicznie tworzonej, była to droga przez mękę, w sensie ciężko było mi wy pozycjonować przyciski w odpowiednim miejscu. poza tym nie było by widać jak dana kropka gracza się przemieszcza. Bardzo proszę o pomoc wszystkie rady mile widziane. Dodaje obrazek może ułatwi komuś pojęcie mojej koncepcji https://zapodaj.net/plik-Tfd6cH65Fe
MichałKontoGoogle napisał(a):
próbowałem kiedyś umieścić buttony w tabeli dynamicznie tworzonej, była to droga przez mękę, w sensie ciężko było mi wy pozycjonować przyciski w odpowiednim miejscu.
np.
- position:absolute i left, top albo transform i wtedy mnożysz x i y przez wielkość kafelka
- ale jak chcesz z automatu pozycjonowanie, to możesz użyć grid w CSS
- możesz też olać HTML i zrobić na canvas, wtedy rysujesz za pomocą JS np. prostokąty czy wrzucasz grafikę w odpowiednim miejscu canvasa
poza tym przemyśl, co zrobisz, jak użytkownik przesunie mapę oraz czy zamierzasz to zoomować.
no i jeśli to będzie gra, która będzie uaktualniana od strony PHP, to pomyśl w jaki sposób będziesz to uaktualniać i jak często (tj. czy może to być statyczna strona generowana w całości po stronie serwera i zmieniająca się tylko po akcji użytkownika, czy może jednak będzie potrzeba ciągłego uaktualniania przez np. WebSockets - wtedy JS nanosiłby zmiany) i czy to będzie statyczne, czy potrzebujesz płynnych animacji (wtedy może być konieczne użycie JS / CSS, żeby zanimować te jednostki)