WEBVTT 00:00:06.593 --> 00:00:08.417 Hallo Leute, Guillaume hier. 00:00:08.602 --> 00:00:11.143 Ich arbeite als Web Designer bei Little Workshop. 00:00:11.143 --> 00:00:13.193 Und ich bin einer der Macher von Browserquest, 00:00:13.193 --> 00:00:16.613 einem 2D MMO, gecodet in HTML5. 00:00:17.459 --> 00:00:19.087 Und so sieht es aus: 00:00:19.087 --> 00:00:21.791 Es ist eine Art Action Rollenspiel, das man 00:00:21.791 --> 00:00:24.835 mit Dutzenden anderen Leuten in einer einzigen Webseite zusammen spielen kann. 00:00:24.835 --> 00:00:26.428 Unser Ziel war es, eine Demo zu erstellen wie man Web Sockets nutzen kann, 00:00:26.428 --> 00:00:31.777 um lustige und interaktive Webapps und Spiele zu erstellen. 00:00:31.777 --> 00:00:35.893 In BrowserQuest startest du als ein einfacher Dorfbewohner. 00:00:35.985 --> 00:00:37.089 Je mehr du die Welt um dich herum erkundest, 00:00:37.089 --> 00:00:39.525 desto mehr Items und Erfolge erhältst du. 00:00:39.525 --> 00:00:41.950 Du kannst entweder alleine spielen, 00:00:41.950 --> 00:00:45.759 oder dich mit anderen verbünden und gemeinsam jagen gehen. 00:00:45.759 --> 00:00:47.985 Das Erfolge-Fenster kann jederzeit eingesehen werden, 00:00:47.985 --> 00:00:52.424 indem man das Trophäenicon anklickt, um seinen Fortschritt im Spiel einzusehen. 00:00:58.424 --> 00:01:01.362 Die Netzwerkengine des Spiels ist gesteuert von Web Sockets, 00:01:01.362 --> 00:01:04.503 einer neuen Technologie, die Echtzeitkommunikation erlaubt zwischen deinem Browser 00:01:04.503 --> 00:01:06.825 und dem Server. 00:01:06.825 --> 00:01:09.719 Deswegen kannst du andere Spieler um dich herum laufen und kämpfen sehen. 00:01:10.820 --> 00:01:13.405 Natürlich beruft sich BrowserQuest auf eine ganz schöne Zahl an Webtechnologien, 00:01:13.405 --> 00:01:16.417 nicht nur Web Sockets. 00:01:16.417 --> 00:01:19.667 Der Spielclient ist in Javascript geschrieben und benutzt 00:01:19.667 --> 00:01:21.839 HTML5 Canvas zum rendern. 00:01:21.839 --> 00:01:25.576 localStorage wird außerdem benutzt, um deinen Charakter auf deinem PC zu sichern 00:01:25.576 --> 00:01:28.840 während sich HTML5 um Sound und die Musik kümmert. 00:01:35.302 --> 00:01:39.672 Etwas anderes cooles an BrowserQuest ist, dadurch dass alles 00:01:39.672 --> 00:01:42.870 auf einer Webseite geschieht, dass es für viele Plattformen verfügbar ist. 00:01:42.870 --> 00:01:45.830 Solange du einen Browser mit WebSocket benutzt, sollte das Spiel 00:01:45.830 --> 00:01:48.940 auf deinem Desktop Computer laufen und zusätzlich als experimentelle Version 00:01:48.940 --> 00:01:57.040 auf iPhone und iPad laufen so wie auch Tablets und Smartphones mit Firefox für Android. 00:01:57.040 --> 00:02:00.341 Wir haben das durch die Kombination von Rendering Optimierungen 00:02:00.341 --> 00:02:05.263 und CSS Media Queries erreicht, um das Spielerlebnis an das Gerät anzupassen. 00:02:05.263 --> 00:02:07.653 Also nehm' dir vor das Spiel nicht nur auf deinem Computer, sondern auch 00:02:07.653 --> 00:02:12.948 in deinem Browser deines Smartphones oder Tablets auszuprobieren. 00:02:13.118 --> 99:59:59.999 Danke für das Ansehen und ich hoffe ich sehe dich im Spiel wieder!