Cześć, z tej strony Guillaume.
Pracuję jako web designer w Little Workshop.
Jestem jednym z twórców gry BrowserQuest,
dwuwymiarowej gry MMO stworzonej w HTML5.
Dokładnie mówiąc,
jest to gra RPG, w którą możesz grać
z dziesiątkami ludzi na jednej stronie www.
Naszym celem było zademonstrowanie tego, jak możesz wykorzystać WebSockets
do tworzenia zabawnych i interaktywnych aplikacji sieciowych oraz gier.
W BrowserQuest, zaczynasz jako zwykły mieszkaniec wsi.
Zwiedzając otaczający Cię świat,
zdobywasz kolejne rzeczy i osiągnięcia.
Masz do wyboru samodzielną grę
lub grę zespołową i wspólne polowania z innymi graczami.
Okno osiągnięć, może być wyświetlone w dowolnym momencie
poprzez kliknięcie na ikonę zdobyczy. Dzięki niemu możesz śledzić postępy swojej przygody.
Silnik sieciowy gry jest oparty na websockets -
- nowej technologii, która umożliwia komunikację w czasie rzeczywistym z przeglądarką
i serwerem.
Dzięki temu widzisz innych graczy poruszających się i walczących wokół Ciebie.
Oczywiście, BrowserQuest używa sporej liczby technologii sieciowych,
włączając w to websockets.
Klient gry jest napisany w JavaScript i używa
elementu Canvas z HTML5 do renderowania silnika.
Magazyn localStorage jest używany do zapisywania stanu postaci na Twoim urządzeniu,
a HTML5 zajmuje się dźwiękiem i muzyką.
Z racji tego, że wszystko odbywa się
na stronie internetowej, gra jest dostępna na wielu platformach.
Jeśli używasz przeglądarki obsługującej websocket,
gra powinna działać na Twoim komputerze stacjonarnym, a eksperymentalna wersja
zarówno na iPhonie i iPadzie, jak i na tabletach i smartfonach za pomocą Firefoxa dla Androida.
Udało się nam to osiągnąć, przez połączenie optymalizacji renderowania
i zapytań mediów (media queries) w CSS, aby dostosować się do danego urządzenia.
Spróbuj zagrać nie tylko na komputerze, ale również
w przeglądarce swojego smartfona lub tableta.
Dziękuję za uwagę i mam nadzieję, że spotkamy się w grze!