WEBVTT

00:00:06.593 --> 00:00:08.417
Cześć, z tej strony Guillaume.

00:00:08.602 --> 00:00:11.143
Pracuję jako web designer w Little Workshop.

00:00:11.143 --> 00:00:13.193
Jestem jednym z twórców gry BrowserQuest,

00:00:13.193 --> 00:00:16.613
dwuwymiarowej gry MMO stworzonej w HTML5.

00:00:17.459 --> 00:00:19.087
Dokładnie mówiąc,

00:00:19.087 --> 00:00:21.791
jest to gra RPG, w którą możesz grać

00:00:21.791 --> 00:00:24.835
z dziesiątkami ludzi na jednej stronie www.

00:00:24.835 --> 00:00:26.428
Naszym celem było zademonstrowanie tego, jak możesz wykorzystać WebSockets

00:00:26.428 --> 00:00:31.777
do tworzenia zabawnych i interaktywnych aplikacji sieciowych oraz gier.

00:00:31.777 --> 00:00:35.893
W BrowserQuest, zaczynasz jako zwykły mieszkaniec wsi.

00:00:35.985 --> 00:00:37.089
Zwiedzając otaczający Cię świat,

00:00:37.089 --> 00:00:39.525
zdobywasz kolejne rzeczy i osiągnięcia.

00:00:39.525 --> 00:00:41.950
Masz do wyboru samodzielną grę

00:00:41.950 --> 00:00:45.759
lub grę zespołową i wspólne polowania z innymi graczami.

00:00:45.759 --> 00:00:47.985
Okno osiągnięć, może być wyświetlone w dowolnym momencie

00:00:47.985 --> 00:00:52.424
poprzez kliknięcie na ikonę zdobyczy.
Dzięki niemu możesz śledzić postępy swojej przygody.

00:00:58.424 --> 00:01:01.362
Silnik sieciowy gry jest oparty na websockets -

00:01:01.362 --> 00:01:04.503
- nowej technologii, która umożliwia komunikację w czasie rzeczywistym z przeglądarką

00:01:04.503 --> 00:01:06.825
i serwerem.

00:01:06.825 --> 00:01:09.719
Dzięki temu widzisz innych graczy poruszających się i walczących wokół Ciebie.

00:01:10.820 --> 00:01:13.405
Oczywiście, BrowserQuest używa sporej liczby technologii sieciowych,

00:01:13.405 --> 00:01:16.417
włączając w to websockets.

00:01:16.417 --> 00:01:19.667
Klient gry jest napisany w JavaScript i używa

00:01:19.667 --> 00:01:21.839
elementu Canvas z HTML5 do renderowania silnika.

00:01:21.839 --> 00:01:25.576
Magazyn localStorage jest używany do zapisywania stanu postaci na Twoim urządzeniu,

00:01:25.576 --> 00:01:28.840
a HTML5 zajmuje się dźwiękiem i muzyką.

00:01:35.302 --> 00:01:39.672
Z racji tego, że wszystko odbywa się

00:01:39.672 --> 00:01:42.870
na stronie internetowej, gra jest dostępna na wielu platformach.

00:01:42.870 --> 00:01:45.830
Jeśli używasz przeglądarki obsługującej websocket,

00:01:45.830 --> 00:01:48.940
gra powinna działać na Twoim komputerze stacjonarnym, a eksperymentalna wersja

00:01:48.940 --> 00:01:57.040
zarówno na iPhonie i iPadzie, jak i na tabletach i smartfonach za pomocą Firefoxa dla Androida.

00:01:57.040 --> 00:02:00.341
Udało się nam to osiągnąć, przez połączenie optymalizacji renderowania

00:02:00.341 --> 00:02:05.263
i zapytań mediów (media queries) w CSS, aby dostosować się do danego urządzenia.

00:02:05.263 --> 00:02:07.653
Spróbuj zagrać nie tylko na komputerze, ale również

00:02:07.653 --> 00:02:12.948
w przeglądarce swojego smartfona lub tableta.

00:02:13.118 --> 99:59:59.999
Dziękuję za uwagę i mam nadzieję, że spotkamy się w grze!