Ready Player-Web

Spiele für das moderne Web entwickeln

Tom Greenaway

Gute Spieleentwickler wissen, dass es wichtig ist, die einzigartigen Eigenschaften einer bestimmten Plattform zu nutzen, um die Chancen dieser Plattform zu nutzen. Was sind also die einzigartigen Merkmale des Webs? Und was ist ein Webspiel?

Bei der Google I/O 2019 habe ich meine Gedanken zum Stand des Webgame-Ökosystems, zu den aktuellen Best Practices für die Entwicklung moderner Webspiele und zur Zukunft der Branche geteilt. In diesem Blogpost fasse ich einige der wichtigsten Punkte aus meinem Vortrag zusammen, den Sie sich in voller Länge auf YouTube ansehen können:

Die Herausforderungen von Webspielen

Bevor ich zu Google kam, habe ich ein mobiles Spiel namens Duet entwickelt, das fast 20 Millionen Mal heruntergeladen wurde. Dabei habe ich gelernt, dass es drei wesentliche Zutaten für den Aufbau eines erfolgreichen Unternehmens aus einem Spiel gibt:

  • Ein funktionales Spiel
  • Nutzer
  • Eine Möglichkeit, mit Nutzern Einnahmen zu erzielen

Ohne diese drei Elemente kann ein Spieleentwickler nicht erfolgreich sein. Heutzutage sind diese beiden Punkte am wichtigsten. Geschlossene HTML5-Umgebungen wie WeChat und Facebook Instant Games haben gezeigt, dass es möglich ist, Spiele mit HTML5 zu entwickeln.

Moderne Best Practices

Mit „funktionierendem Spiel“ meine ich die drei wichtigsten Elemente, die ein Spiel ausmachen:

  • Leistung
  • Bildmaterial
  • Audio

In jedem dieser Bereiche hat die Webplattform in den letzten Jahren erhebliche Fortschritte gemacht. Für die CPU-Leistung haben wir Zugriff auf einen leistungsstarken neuen Standard namens WebAssembly. Auf der Grafikseite bietet WebGL 1.0 gute browserübergreifende Unterstützung. Mit zukünftigen Standards wie WebGPU wird die Webplattform für eine erweiterbare Zukunft der Grafikprogrammierung positioniert, ähnlich wie Vulkan und Metal. Für Web-Audio gibt es außerdem die Web Audio API und seit Kurzem die Audio Worklet API.

Vor Kurzem hat Unity eine neue Runtime namens Project Tiny vorgestellt, die sich auf die Entwicklung von 2D-Spielen für HTML5-basierte Plattformen konzentriert. Project Tiny wendet ein neues modulares Design auf die Engine-Struktur von Unity an, wodurch die Unity-Kern-Engine weniger als 1 Megabyte groß ist.

Zwei Panzer in einem Kampf.
Unity-Demo „Tanks“, die über HTML5 exportiert wurde

Aus technischer Sicht gab es noch nie eine bessere Zeit, um Webspiele zu entwickeln.

Schleife eingeben

Ein gutes Spiel besteht aber nicht nur aus guter Leistung, Grafik und Sound. Es muss auch Spaß machen.

Der Spaßfaktor ist ein schwer zu messendes Element eines Produkts. Wenn ein Spiel Spaß macht, interessant ist oder innovativ genug ist, werden Nutzer es ihren Freunden empfehlen – sie möchten also ihre Erfahrungen teilen. Wenn du diese Chance nutzt und sie mit dem Web kombinierst, ist das eine schlagkräftige Kombination, die ein großes Potenzial für virales Wachstum bietet. Und im Web ist es ohne eine zentrale Entdeckungsplattform am besten, unsere Spiele so viral wie möglich zu machen, um Nutzer zu gewinnen.

Gute Spieleentwickler wissen, dass es wichtig ist, die einzigartigen Eigenschaften einer bestimmten Plattform zu nutzen, um sie – sei es auf Software- oder Hardwareebene – optimal zu nutzen. Wenn Sie beispielsweise ein Spiel für eine Konsole mit Bewegungssteuerung entwickeln, sollten Sie darüber nachdenken, wie Sie diese Bewegungssteuerung am besten nutzen können.

Mit anderen Worten: Sie müssen die Erwartungen der Nutzer der Plattform respektieren, für die Sie entwickeln. Was erwarten Nutzer im Web? Sie erwarten, dass Webinhalte schnell geladen und interaktiv sind. In meinem Vortrag habe ich mehrere Beispiele dafür genannt, wie Spiele – sowohl im Web als auch außerhalb – so konzipiert sind, dass sie schnell geladen werden, Nutzer in ihre Spielwelten eintauchen lassen, diese Nutzer begeistern und ihnen zusätzliche Anreize bieten, ihre Erfahrungen zu teilen.

Drei Spiele mit minimalistischen Grafikstilen.

Ich persönlich glaube, dass der Schlüssel zu einem erfolgreichen Webspiel darin besteht, diese einzigartige Eigenschaft des Webs zu nutzen. Insbesondere die Stärke der URL-Struktur des Webs und die Freigabeschleife, an der Nutzer teilnehmen können.

Hier ist ein Beispiel für ein Webspiel, das ich mit Construct 3 erstellt habe und in dem die URL auf unterhaltsame und ansprechende Weise genutzt wird.

Eine Benutzeroberfläche für einen Leveleditor für ein Spiel.

Space Board ist ein sehr einfaches Spiel, das entweder auf Mobilgeräten mit Touchbedienung oder auf dem Computer mit Tastatureingabe gespielt werden kann. Das Ziel besteht darin, durch ein Labyrinth von Hindernissen zu navigieren, um am Ende ein Ziel zu erreichen.

Wie nutzt Space Board die URL auf einzigartige Weise? Durch Codieren der Ebenenstruktur in die URL selbst. Alle Level sind als 10 × 10 Raster von Objekten definiert, z.B. Wände, feindliche Türme, Schlüssel, verschlossene Türen usw. Die URL enthält dann alle einzelnen Rasterpositionen und ihren Inhalt. Eine Wand wird durch das Zeichen W dargestellt. Ein leerer Bereich ist ein Unterstrich.

Beispiel:

https://io-space-board.firebaseapp.com/?gameWorld=_wwwwwwwwww___ww__eww_k__d___ww___ww___ww_wwwww_www_wwwww_www___ww___ww_s_ww_f_ww___ww___wwwwwwwwwwww

Es ist hässlich, aber es funktioniert.

Nachdem der Spieler ein Level in Space Board abgeschlossen hat, kann er mit dem einfachen Leveleditor oben sein eigenes Level entwerfen. Indem wir es Spielern ermöglichen, eigene Level zu entwerfen, bieten wir ihnen die Möglichkeit zur Personalisierung. Wenn Nutzer eine Verbindung zu einem Spiel haben und durch das Erstellen und Anpassen ein Gefühl von Eigenverantwortung verspüren, ist die Wahrscheinlichkeit höher, dass sie dieses „Ding“ mit der Welt teilen möchten.

Der Wunsch, ein Spiel zu teilen, ist der Beginn des viralen Effekts, den wir mit unseren Webspielen erzielen möchten. Dieser Game-Design- und Freigabemechanismus ist nur ein Beispiel, aber es gibt viele weitere Möglichkeiten. Sehen Sie sich meinen Vortrag an, um weitere Beispiele zu sehen.

Return on Investment

Derzeit gibt es zwei Denkschulen, wie Spieleentwickler mit Webspielen Einnahmen erzielen können:

  • Spiele direkt monetarisieren
  • Als Akquisitionskanal behandeln

Wenn Sie Webspiele als Akquisitionskanal nutzen, verwenden Sie die Webversion Ihres iOS-/Android-/Desktopspiels als Mechanismus, um Spieler zu begeistern und sie zum Herunterladen der größeren iOS-/Android-/Desktop-Binärdatei zu bewegen. Sie erzielen dann Umsatz mit den integrierten Zahlungs- und Abrechnungs-Backends der iOS-/Android-/Desktopplattform.

Die Monetarisierung besteht in der Regel aus einer Mischung aus Werbung und Mikrotransaktionen. Es gibt noch viel zu tun, damit das Web mit mobilen Plattformen in der In-Game-Werbung mithalten kann. Formate wie Videoanzeigen mit Prämie sind beispielsweise seit mehreren Jahren bei mobilen Spielen äußerst beliebt. Werbenetzwerke setzen diese Formate aber erst jetzt im Web ein.

Dennoch gibt es Spieleentwickler, die mit herkömmlichen Banneranzeigen und Interstitial-Videoanzeigen weiterhin erfolgreich im offenen Web sind. Weitere Informationen zu diesen Formaten findest du unter AdSense für Spiele.

Beim Web bietet die unbegrenzte Anzahl von Zahlungsmethoden, die implementiert werden können, absolute Flexibilität. Diese Eigenschaft ist jedoch ein zweischneidiges Schwert. Der Nachteil dabei ist, dass Spieler einer neuen Website, die sie entdecken, weniger vertrauen als den bekannten plattformspezifischen Zahlungsmethoden im mobilen Shop.

Eine Lösung, die für eine einheitlichere Zahlungsoberfläche im Web sorgt, ist die Payment Request API. Diese API ruft eine Benutzeroberfläche auf, die vom Browser angezeigt wird, und optimiert die Abfrage von Zahlungsdetails wie Kreditkarten und Rechnungsadressen. Das Erfassen von Zahlungsdetails ist jedoch nur der erste Schritt bei einer Transaktion. Außerdem benötigen Sie eine Backend-Abrechnungsplattform.

Die Zukunft

In den letzten Jahren gab es mehrere überraschend erfolgreiche Webspiele. Slither.io hat ein Web- und plattformspezifisches Geschäftsmodell aufgebaut, das die enorme Reichweite und die Möglichkeit zum viralen Wachstum zeigt, die das Web bietet. Portale wie Poki.com arbeiten ständig an der Verbesserung der Nutzerfreundlichkeit und veröffentlichen täglich neue Spiele, darunter Titel, die der Qualität ihrer mobilen Pendants entsprechen, wie Subway Surfers oder Crossy Road.

Wenn Sie sich außerhalb des offenen Webs umsehen, sehen Sie, dass Webspiele bereits auf dem Vormarsch sind. Geschlossene Systeme wie WeChat und LINE bieten ansprechende Spiele, die nicht im offenen Web gespielt werden können, aber auf Webtechnologien wie HTML5 und WebViews basieren. Dies ist ein deutliches Zeichen dafür, dass das Web ein Maß an Treue erreicht hat, das mit plattformspezifischen mobilen Spielen mithalten kann – vielleicht nicht in einer klassischen Definition von Treue, aber in einem wichtigeren Messwert: der Aufmerksamkeit der Spieler.