1
00:00:06,593 --> 00:00:08,417
Ciao ragazzi, mi chiamo Guillaume,

2
00:00:08,602 --> 00:00:11,143
lavoro come web designer presso Little Workshop

3
00:00:11,143 --> 00:00:13,193
e sono uno dei creatori di BrowserQuest,

4
00:00:13,193 --> 00:00:16,613
un gioco multiplayer online 2D, creato interamente in HTML5.

5
00:00:17,459 --> 00:00:19,087
Ecco come appare,

6
00:00:19,087 --> 00:00:21,791
si tratta di un gioco di ruolo d'azione con il quale puoi interagire con

7
00:00:21,791 --> 00:00:24,835
dozzine di altri giocatori in una singola pagina web.

8
00:00:24,835 --> 00:00:26,428
Il nostro obiettivo era quello di creare una demo di come puoi usare WebSockets

9
00:00:26,428 --> 00:00:31,777
per creare web apps interattive e giochi.

10
00:00:31,777 --> 00:00:35,893
In BrowserQuest, impersonerai inizialmente un semplice paesano.

11
00:00:35,985 --> 00:00:37,089
Mano a mano che esplori il mondo attorno a te

12
00:00:37,089 --> 00:00:39,525
potrai guadagnare più oggetti e maggiori poteri.

13
00:00:39,525 --> 00:00:41,950
Potrai anche scegliere di giocare da solo

14
00:00:41,950 --> 00:00:45,759
o fare gruppo con altri giocatori e iniziare assieme nuove avventure.

15
00:00:45,759 --> 00:00:47,985
Cliccando sull'icona del trofeo si aprirà, in qualsiasi momento, la finestra

16
00:00:47,985 --> 00:00:52,424
dei trofei che tiene traccia dei tuoi progressi nell'avventura.

17
00:00:58,424 --> 00:01:01,362
Il motore di rete del gioco è alimentato da WebSockets

18
00:01:01,362 --> 00:01:04,503
una nuova technologia che consente una comunicazione in real-time tra il tuo browser

19
00:01:04,503 --> 00:01:06,825
ed il server.

20
00:01:06,825 --> 00:01:09,719
Questo è come riesci a vedere gli altri giocatori correre e combattere attorno a te.

21
00:01:10,820 --> 00:01:13,405
Chiaramente BrowserQuest si affida ad un discreto numero di tecnologie web,

22
00:01:13,405 --> 00:01:16,417
non solo su WebSockets.

23
00:01:16,417 --> 00:01:19,667
Il client del gioco è scritto in JavaScript e usa

24
00:01:19,667 --> 00:01:21,839
il canvas di HTML5 per il motore di rendering

25
00:01:21,839 --> 00:01:25,576
viene usato anche localStorage per salvare il personaggio sul tuo dispositivo

26
00:01:25,576 --> 00:01:28,840
nel mentre che HTML5 Audio si occupa della musica e dei suoni.

27
00:01:35,302 --> 00:01:39,672
Un'altra cosa figa di BrowserQuest è che dato che tutto avviene

28
00:01:39,672 --> 00:01:42,870
in una pagina web, è disponibile per diverse piattaforme.

29
00:01:42,870 --> 00:01:45,830
Fintanto che stai usando un browser con WebSocket abilitato, il gioco

30
00:01:45,830 --> 00:01:48,940
potrebbe girare sul tuo computer desktop, e anche in versione sperimentale

31
00:01:48,940 --> 00:01:57,040
su iPhone e iPad, così come su tablet e telefoni cellulari su cui gira Firefox per Android.

32
00:01:57,040 --> 00:02:00,341
Abbiamo raggiunto questo risultato con la combinazione di ottimizzazioni nel rendering

33
00:02:00,341 --> 00:02:05,263
e chiamate CSS media per adattare l'esperienza di gioco al dispositivo.

34
00:02:05,263 --> 00:02:07,653
Quindi, assicurati di provare a giocarci, non solo sul computer, ma anche

35
00:02:07,653 --> 00:02:12,948
nel browser del tuo cellulare o sul tablet.

36
00:02:13,118 --> 99:59:59,999
Grazie per l'attenzione e spero di incontrarti nel gioco!