WEBVTT

00:00:06.593 --> 00:00:08.417
Salut, c'est Guillaume

00:00:08.602 --> 00:00:11.143
Je travaille comme web designer, chez Little Workshop.

00:00:11.143 --> 00:00:13.193
Et je suis l'un des créateurs de BrowserQuest,

00:00:13.193 --> 00:00:16.613
un jeu en 2D massivement multijoueur, fait en HTML5.

00:00:17.459 --> 00:00:19.087
C'est à cela que ça ressemble

00:00:19.087 --> 00:00:21.791
c'est une sorte de jeu de type action RPG où vous pouvez jouer avec

00:00:21.791 --> 00:00:24.835
des dizaines d'autres personnes sur une seule et même page web.

00:00:24.835 --> 00:00:26.428
Notre but était de faire une démonstration de comment vous pouviez utiliser les WebSockets

00:00:26.428 --> 00:00:31.777
pour créer des applications ainsi que des jeux amusants et intéractifs pour sur le web.

00:00:31.777 --> 00:00:35.893
Dans BrowserQuest, vous commencez comme simple villageois.

00:00:35.985 --> 00:00:37.089
Plus vous explorez le monde,

00:00:37.089 --> 00:00:39.525
plus vous gagnez d'objets et de succès.

00:00:39.525 --> 00:00:41.950
Vous pouvez également choisir de jouer seul

00:00:41.950 --> 00:00:45.759
ou bien vous associer avec d'autres joueurs et commencer à chasser ensemble.

00:00:45.759 --> 00:00:47.985
Une fenêtre de succès peut être affichée à tout moment

00:00:47.985 --> 00:00:52.424
en cliquant sur l'icône de trophée, pour connaître vos progrès dans l'aventure.

00:00:58.424 --> 00:01:01.362
La partie réseau du jeu est assurée par les websockets,

00:01:01.362 --> 00:01:04.503
c'est une nouvelle technologie qui permet une communication en temps réel entre votre navigateur

00:01:04.503 --> 00:01:06.825
et le serveur.

00:01:06.825 --> 00:01:09.719
C'est grâce à cela que vous pouvez voir les autres joueurs connectés et les combats autour de vous.

00:01:10.820 --> 00:01:13.405
Bien sûr, BrowserQuest s'appuie sur un certain nombre de technologies web,

00:01:13.405 --> 00:01:16.417
pas seulement les websockets.

00:01:16.417 --> 00:01:19.667
Le client du jeu est écrit en JavaScript et utilise

00:01:19.667 --> 00:01:21.839
le HTML5 Canvas pour le moteur de rendu

00:01:21.839 --> 00:01:25.576
localStorage est également utilisé pour enregistrer votre personnage sur votre appareil,

00:01:25.576 --> 00:01:28.840
tandis que HTML5 Audio gère les sons et la musique.

00:01:35.302 --> 00:01:39.672
Une autre chose cool sur BrowserQuest, est que, puisque tout se passe

00:01:39.672 --> 00:01:42.870
dans une page web, il est disponible sur plusieurs plateformes.

00:01:42.870 --> 00:01:45.830
Aussi longtemps que vous utilisez un navigateur compatible avec websocket , le jeu

00:01:45.830 --> 00:01:48.940
s'exécutera sur votre ordinateur de bureau, ainsi qu'une version expérimentale

00:01:48.940 --> 00:01:57.040
sur iPhone et iPad ainsi que sur les tablettes et téléphones mobiles fonctionnant avec Firefox pour Android.

00:01:57.040 --> 00:02:00.341
Nous avons réalisé cela par la combinaison des optimisations de rendu

00:02:00.341 --> 00:02:05.263
et les Medias Queries CSS pour adapter l'expérience à l'appareil.

00:02:05.263 --> 00:02:07.653
Alors n'hésitez pas à essayer le jeu, non seulement sur votre ordinateur mais aussi

00:02:07.653 --> 00:02:12.948
dans le navigateur de votre téléphone mobile ou de votre tablette.

00:02:13.118 --> 99:59:59.999
Merci d'avoir regardé, et j'espère vous voir en jeu !