Case study · Gry przeglądarkowe · 2011 · projekt demo
Distroj 2.0 to nasz prototyp gry czołgowej w przeglądarce z 2011 roku: HTML5 Canvas, JavaScript, ręcznie rysowane grafiki. Dziś znowu działa pod distroj.coolpage.pl.
- Kategoria
- Gry przeglądarkowe
- Rodzaj projektu
- prototyp gry - projekt własny
- Lata
- 2011-2014
- Arena
- 960 x 640 px
- Sterowanie
- strzałki i spacja
O projekcie Distroj
Distroj to nasz eksperyment z 2011 roku - prototyp gry czołgowej działającej w przeglądarce. Powstał w czasach, gdy HTML5 Canvas dopiero zastępował Flasha w grach internetowych, i był sposobem na sprawdzenie, jak daleko da się zajść samym JavaScriptem.
Rozgrywka
Gracz prowadzi czołg po arenie strzałkami i strzela spacją. Na planszy pojawiają się skrzynki ze zdrowiem, amunicją i bonusem, a na arenie stoją czołgi przeciwników z paskami życia. Interfejs pokazuje zdrowie, amunicję, liczbę zestrzelonych przeciwników i czas przetrwania. W kodzie zostały zapisane plany kolejnych etapów: przeciwnicy jadący w stronę gracza, coraz szybsze fale, ranking wyników.
Grafika i dźwięk
Czołgi, skrzynki i pociski zaczynały jako ręczne szkice na papierze, które potem zeskanowaliśmy i przerobiliśmy na sprity w czterech kolorach. Efekty dźwiękowe (strzał, wybuch, zebranie skrzynki) obsługuje biblioteka SoundManager 2.
Powrót do sieci w 2026
Gra działała kiedyś na domenie coolpage.org. Przy porządkowaniu archiwum przenieśliśmy ją na PHP 8 - jedyną potrzebną zmianą była zamiana krótkich tagów PHP - i uruchomiliśmy ponownie jako wersję roboczą.
Kluczowe funkcje
- Jazda czołgiem po arenie i strzelanie
- Skrzynki ze zdrowiem, amunicją i bonusem
- Czołgi przeciwników z paskami życia
- Wskaźniki: zdrowie, amunicja, zestrzeleni, czas przetrwania
- Wykrywanie kolizji czołgów, pocisków i skrzynek
- Efekty dźwiękowe: strzał, wybuch, zebranie skrzynki
- Ręcznie rysowane grafiki przerobione na sprity
Ekrany projektu Distroj
RozgrywkaStart rozgrywki - czołg gracza, przeciwnicy i skrzynki na arenie
RozgrywkaJazda po arenie - licznik czasu, zdrowie, amunicja i liczba zestrzelonych
RozgrywkaSkrzynki ze zdrowiem, amunicją i bonusem rozrzucone po planszy
Projekt graficznyRęcznie rysowane szkice czołgów i skrzynek (skan, 2011)
Projekt graficznySprity gry: czołgi w czterech kolorach, skrzynki i pociskPodobne realizacje: gry przeglądarkowe
na żywoMakeMMO.comkreator gier przeglądarkowych MakeMMO2011
na żywoTransportGame.com - transport and logistics gameprzeglądarkowa gra transportowa na prawdziwej mapie2010
na żywoFlirtGa.meprototyp gry towarzyskiej multiplayer w przeglądarce2013
na żywoGra dla amiQsgra reklamowa dla marki na własnym silniku2014
