1
00:00:06,593 --> 00:00:08,417
Cześć, z tej strony Guillaume.

2
00:00:08,602 --> 00:00:11,143
Pracuję jako web designer w Little Workshop.

3
00:00:11,143 --> 00:00:13,193
Jestem jednym z twórców gry BrowserQuest,

4
00:00:13,193 --> 00:00:16,613
dwuwymiarowej gry MMO stworzonej w HTML5.

5
00:00:17,459 --> 00:00:19,087
Dokładnie mówiąc,

6
00:00:19,087 --> 00:00:21,791
jest to gra RPG, w którą możesz grać

7
00:00:21,791 --> 00:00:24,835
z dziesiątkami ludzi na jednej stronie www.

8
00:00:24,835 --> 00:00:26,428
Naszym celem było zademonstrowanie tego, jak możesz wykorzystać WebSockets

9
00:00:26,428 --> 00:00:31,777
do tworzenia zabawnych i interaktywnych aplikacji sieciowych oraz gier.

10
00:00:31,777 --> 00:00:35,893
W BrowserQuest, zaczynasz jako zwykły mieszkaniec wsi.

11
00:00:35,985 --> 00:00:37,089
Zwiedzając otaczający Cię świat,

12
00:00:37,089 --> 00:00:39,525
zdobywasz kolejne rzeczy i osiągnięcia.

13
00:00:39,525 --> 00:00:41,950
Masz do wyboru samodzielną grę

14
00:00:41,950 --> 00:00:45,759
lub grę zespołową i wspólne polowania z innymi graczami.

15
00:00:45,759 --> 00:00:47,985
Okno osiągnięć, może być wyświetlone w dowolnym momencie

16
00:00:47,985 --> 00:00:52,424
poprzez kliknięcie na ikonę zdobyczy.
Dzięki niemu możesz śledzić postępy swojej przygody.

17
00:00:58,424 --> 00:01:01,362
Silnik sieciowy gry jest oparty na websockets -

18
00:01:01,362 --> 00:01:04,503
- nowej technologii, która umożliwia komunikację w czasie rzeczywistym z przeglądarką

19
00:01:04,503 --> 00:01:06,825
i serwerem.

20
00:01:06,825 --> 00:01:09,719
Dzięki temu widzisz innych graczy poruszających się i walczących wokół Ciebie.

21
00:01:10,820 --> 00:01:13,405
Oczywiście, BrowserQuest używa sporej liczby technologii sieciowych,

22
00:01:13,405 --> 00:01:16,417
włączając w to websockets.

23
00:01:16,417 --> 00:01:19,667
Klient gry jest napisany w JavaScript i używa

24
00:01:19,667 --> 00:01:21,839
elementu Canvas z HTML5 do renderowania silnika.

25
00:01:21,839 --> 00:01:25,576
Magazyn localStorage jest używany do zapisywania stanu postaci na Twoim urządzeniu,

26
00:01:25,576 --> 00:01:28,840
a HTML5 zajmuje się dźwiękiem i muzyką.

27
00:01:35,302 --> 00:01:39,672
Z racji tego, że wszystko odbywa się

28
00:01:39,672 --> 00:01:42,870
na stronie internetowej, gra jest dostępna na wielu platformach.

29
00:01:42,870 --> 00:01:45,830
Jeśli używasz przeglądarki obsługującej websocket,

30
00:01:45,830 --> 00:01:48,940
gra powinna działać na Twoim komputerze stacjonarnym, a eksperymentalna wersja

31
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.

32
00:01:57,040 --> 00:02:00,341
Udało się nam to osiągnąć, przez połączenie optymalizacji renderowania

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

34
00:02:05,263 --> 00:02:07,653
Spróbuj zagrać nie tylko na komputerze, ale również

35
00:02:07,653 --> 00:02:12,948
w przeglądarce swojego smartfona lub tableta.

36
00:02:13,118 --> 99:59:59,999
Dziękuję za uwagę i mam nadzieję, że spotkamy się w grze!