WEBVTT 00:00:06.593 --> 00:00:08.417 Ciao ragazzi, mi chiamo Guillaume, 00:00:08.602 --> 00:00:11.143 lavoro come web designer presso Little Workshop 00:00:11.143 --> 00:00:13.193 e sono uno dei creatori di BrowserQuest, 00:00:13.193 --> 00:00:16.613 un gioco multiplayer online 2D, creato interamente in HTML5. 00:00:17.459 --> 00:00:19.087 Ecco come appare, 00:00:19.087 --> 00:00:21.791 si tratta di un gioco di ruolo d'azione con il quale puoi interagire con 00:00:21.791 --> 00:00:24.835 dozzine di altri giocatori in una singola pagina web. 00:00:24.835 --> 00:00:26.428 Il nostro obiettivo era quello di creare una demo di come puoi usare WebSockets 00:00:26.428 --> 00:00:31.777 per creare web apps interattive e giochi. 00:00:31.777 --> 00:00:35.893 In BrowserQuest, impersonerai inizialmente un semplice paesano. 00:00:35.985 --> 00:00:37.089 Mano a mano che esplori il mondo attorno a te 00:00:37.089 --> 00:00:39.525 potrai guadagnare più oggetti e maggiori poteri. 00:00:39.525 --> 00:00:41.950 Potrai anche scegliere di giocare da solo 00:00:41.950 --> 00:00:45.759 o fare gruppo con altri giocatori e iniziare assieme nuove avventure. 00:00:45.759 --> 00:00:47.985 Cliccando sull'icona del trofeo si aprirà, in qualsiasi momento, la finestra 00:00:47.985 --> 00:00:52.424 dei trofei che tiene traccia dei tuoi progressi nell'avventura. 00:00:58.424 --> 00:01:01.362 Il motore di rete del gioco è alimentato da WebSockets 00:01:01.362 --> 00:01:04.503 una nuova technologia che consente una comunicazione in real-time tra il tuo browser 00:01:04.503 --> 00:01:06.825 ed il server. 00:01:06.825 --> 00:01:09.719 Questo è come riesci a vedere gli altri giocatori correre e combattere attorno a te. 00:01:10.820 --> 00:01:13.405 Chiaramente BrowserQuest si affida ad un discreto numero di tecnologie web, 00:01:13.405 --> 00:01:16.417 non solo su WebSockets. 00:01:16.417 --> 00:01:19.667 Il client del gioco è scritto in JavaScript e usa 00:01:19.667 --> 00:01:21.839 il canvas di HTML5 per il motore di rendering 00:01:21.839 --> 00:01:25.576 viene usato anche localStorage per salvare il personaggio sul tuo dispositivo 00:01:25.576 --> 00:01:28.840 nel mentre che HTML5 Audio si occupa della musica e dei suoni. 00:01:35.302 --> 00:01:39.672 Un'altra cosa figa di BrowserQuest è che dato che tutto avviene 00:01:39.672 --> 00:01:42.870 in una pagina web, è disponibile per diverse piattaforme. 00:01:42.870 --> 00:01:45.830 Fintanto che stai usando un browser con WebSocket abilitato, il gioco 00:01:45.830 --> 00:01:48.940 potrebbe girare sul tuo computer desktop, e anche in versione sperimentale 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. 00:01:57.040 --> 00:02:00.341 Abbiamo raggiunto questo risultato con la combinazione di ottimizzazioni nel rendering 00:02:00.341 --> 00:02:05.263 e chiamate CSS media per adattare l'esperienza di gioco al dispositivo. 00:02:05.263 --> 00:02:07.653 Quindi, assicurati di provare a giocarci, non solo sul computer, ma anche 00:02:07.653 --> 00:02:12.948 nel browser del tuo cellulare o sul tablet. 00:02:13.118 --> 99:59:59.999 Grazie per l'attenzione e spero di incontrarti nel gioco!