1 00:00:06,593 --> 00:00:08,417 Salut, c'est Guillaume 2 00:00:08,602 --> 00:00:11,143 Je travaille comme web designer, chez Little Workshop. 3 00:00:11,143 --> 00:00:13,193 Et je suis l'un des créateurs de BrowserQuest, 4 00:00:13,193 --> 00:00:16,613 un jeu en 2D massivement multijoueur, fait en HTML5. 5 00:00:17,459 --> 00:00:19,087 C'est à cela que ça ressemble 6 00:00:19,087 --> 00:00:21,791 c'est une sorte de jeu de type action RPG où vous pouvez jouer avec 7 00:00:21,791 --> 00:00:24,835 des dizaines d'autres personnes sur une seule et même page web. 8 00:00:24,835 --> 00:00:26,428 Notre but était de faire une démonstration de comment vous pouviez utiliser les WebSockets 9 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. 10 00:00:31,777 --> 00:00:35,893 Dans BrowserQuest, vous commencez comme simple villageois. 11 00:00:35,985 --> 00:00:37,089 Plus vous explorez le monde, 12 00:00:37,089 --> 00:00:39,525 plus vous gagnez d'objets et de succès. 13 00:00:39,525 --> 00:00:41,950 Vous pouvez également choisir de jouer seul 14 00:00:41,950 --> 00:00:45,759 ou bien vous associer avec d'autres joueurs et commencer à chasser ensemble. 15 00:00:45,759 --> 00:00:47,985 Une fenêtre de succès peut être affichée à tout moment 16 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. 17 00:00:58,424 --> 00:01:01,362 La partie réseau du jeu est assurée par les websockets, 18 00:01:01,362 --> 00:01:04,503 c'est une nouvelle technologie qui permet une communication en temps réel entre votre navigateur 19 00:01:04,503 --> 00:01:06,825 et le serveur. 20 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. 21 00:01:10,820 --> 00:01:13,405 Bien sûr, BrowserQuest s'appuie sur un certain nombre de technologies web, 22 00:01:13,405 --> 00:01:16,417 pas seulement les websockets. 23 00:01:16,417 --> 00:01:19,667 Le client du jeu est écrit en JavaScript et utilise 24 00:01:19,667 --> 00:01:21,839 le HTML5 Canvas pour le moteur de rendu 25 00:01:21,839 --> 00:01:25,576 localStorage est également utilisé pour enregistrer votre personnage sur votre appareil, 26 00:01:25,576 --> 00:01:28,840 tandis que HTML5 Audio gère les sons et la musique. 27 00:01:35,302 --> 00:01:39,672 Une autre chose cool sur BrowserQuest, est que, puisque tout se passe 28 00:01:39,672 --> 00:01:42,870 dans une page web, il est disponible sur plusieurs plateformes. 29 00:01:42,870 --> 00:01:45,830 Aussi longtemps que vous utilisez un navigateur compatible avec websocket , le jeu 30 00:01:45,830 --> 00:01:48,940 s'exécutera sur votre ordinateur de bureau, ainsi qu'une version expérimentale 31 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. 32 00:01:57,040 --> 00:02:00,341 Nous avons réalisé cela par la combinaison des optimisations de rendu 33 00:02:00,341 --> 00:02:05,263 et les Medias Queries CSS pour adapter l'expérience à l'appareil. 34 00:02:05,263 --> 00:02:07,653 Alors n'hésitez pas à essayer le jeu, non seulement sur votre ordinateur mais aussi 35 00:02:07,653 --> 00:02:12,948 dans le navigateur de votre téléphone mobile ou de votre tablette. 36 00:02:13,118 --> 99:59:59,999 Merci d'avoir regardé, et j'espère vous voir en jeu !