Jak tworzyć gry HTML – przewodnik krok po kroku

Wprowadzenie

HTML jest podstawowym językiem tworzenia stron internetowych. Przeglądarki interpretują kod HTML, wyświetlając sformatowany tekst i grafikę. Struktura dokumentu określona jest w HTML, natomiast interaktywność uzyskuje się zazwyczaj przy pomocy języków takich jak PHP, JavaScript czy Flash. Mimo to, można maksymalnie wykorzystać możliwości samego HTML i stworzyć proste, ale przyjemne gry – zarówno własne, jak i osadzone z zewnętrznych źródeł.

Interaktywna fikcja (choose‑your‑own‑adventure)

Jednym ze sposobów na wykorzystanie ograniczonych możliwości programistycznych HTML jest połączenie serii niezależnych stron „rozdziałów” w formie przygody, w której czytelnik wybiera kolejne kroki.

1. Otwórz dowolny edytor tekstu i napisz pierwszy rozdział historii.
2. Na końcu rozdziału dodaj przynajmniej dwa odnośniki, np. Choice A i Choice B, opisujące kolejne decyzje.
3. Zapisz plik jako index.html.
4. Utwórz nowy plik tekstowy, wpisz treść odpowiadającą wyborowi A i zapisz go jako 1.html.
5. Powtórz krok 4 dla wyboru B, zapisując plik jako 2.html.
6. W razie potrzeby dodawaj kolejne rozdziały, zwiększając numerację plików (3.html, 4.html itd.).
7. Dwukrotnie kliknij index.html – przeglądarka otworzy pierwszą stronę, a kolejne kliknięcia przeniosą czytelnika do odpowiednich plików.

Gry planszowe w HTML

W internecie dostępne są gotowe skrypty gier planszowych, które można uruchomić w przeglądarce.

1. Znajdź interesujący Cię skrypt (wiele jest dostępnych za darmo).
2. Utwórz nowy dokument tekstowy.
3. Skopiuj kod HTML z wybranego skryptu i wklej go do dokumentu.
4. Zapisz plik z rozszerzeniem .html – dowolną nazwą.
5. Dwukrotnie kliknij zapisany plik – gra uruchomi się w przeglądarce.