Ready Player-Web

Spiele für das moderne Web entwickeln

Tom Greenaway

Gute Spieleentwickler wissen, dass es wichtig ist, die einzigartigen Eigenschaften dieser Plattform zu nutzen, um die Möglichkeiten einer bestimmten Plattform nutzen zu können. Was sind also die Alleinstellungsmerkmale des Web? Und was macht ein Webspiel aus?

Auf der Google I/O 2019 habe ich meine Gedanken zum Stand der Webspiele, zu den aktuellen Best Practices für die Entwicklung moderner Webspiele und dazu präsentiert, wohin sich die Branche entwickelt. In diesem Blogpost fasse ich einige der wichtigsten Punkte aus meinem Vortrag zusammen, den du dir vollständig auf YouTube ansehen kannst:

Die Herausforderungen von Webspielen

Bevor ich zu Google kam, habe ich ein Spiel für Mobilgeräte namens Duet entwickelt, das fast 20 Millionen Mal heruntergeladen wurde. Durch diese Erfahrung habe ich gelernt, dass die drei wichtigsten Bestandteile für den Aufbau eines erfolgreichen Geschäfts aus einem Spiel sind:

  • Ein funktionales Spiel
  • Nutzer
  • Eine Möglichkeit, Nutzer zu monetarisieren

Ohne diese drei Elemente kann ein Spieleentwickler nicht erfolgreich sein. Die letzten beiden Punkte sind heutzutage besonders wichtig. Geschlossene HTML5-Umgebungen wie WeChat oder Facebook Instant Games haben gezeigt, dass die Entwicklung von Spielen mit HTML5 machbar ist.

Moderne Best Practices

Mit einem „funktionalen Spiel“ beziehe ich mich auf die drei wichtigsten Elemente dessen, was ein Spiel funktioniert:

  • Leistung
  • Starke Videos
  • 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. Hinsichtlich der Grafik bietet WebGL 1.0 gute browserübergreifende Unterstützung. Auch zukünftige Standards wie WebGPU tragen dazu bei, die Webplattform für eine erweiterbare Zukunft der Grafikprogrammierung ähnlich wie Vulkan und Metal zu positionieren. Für Web Audio gibt es jetzt die allgemeine Web Audio API und seit Kurzem die Audio Worklet API.

Unity hat vor Kurzem eine neue Laufzeit 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, sodass die zentrale Unity-Engine kleiner als 1 Megabyte sein kann.

Zwei Panzer kämpfen im Kampf.
Unity's Tanks-Demo wurde über HTML5 exportiert.

Aus technischer Sicht ist die Entwicklung von Webspielen heute so attraktiv wie noch nie.

In Schleife spielen

Ein gutes Spiel hat natürlich mehr zu bieten als nur gute Leistung, gute Grafik und guter Sound – um gut zu sein, muss es Spaß machen.

Es ist schwierig, den Spaß an einem Produkt zu messen. Wenn ein Spiel unterhaltsam, interessant oder innovativ genug ist, möchten die Nutzer es ihren Freunden erzählen – mit anderen Worten, sie möchten die Erfahrungen mit anderen teilen. Diese Chance zu nutzen und mit dem Web zu verknüpfen, ist eine leistungsstarke Kombination, die viel Potenzial für virales Wachstum eröffnet. Insbesondere im Web ohne zentrale Suchplattform ist es am besten, Nutzer zu gewinnen, damit unsere Spiele so viral wie möglich sind.

Gute Spieleentwickler wissen, dass es wichtig ist, die einzigartigen Eigenschaften dieser Plattform zu nutzen, um von einer bestimmten Plattform – ob auf Software- oder Hardwareebene – zu profitieren. Wenn Sie beispielsweise ein Spiel für eine Konsole mit Bewegungssteuerung entwickeln, sollten Sie sich überlegen, wie Sie diese Bewegungssteuerung am besten nutzen können.

Mit anderen Worten: Sie müssen die Erwartungen der Nutzer der Plattform, für die Sie entwickeln, respektieren. Was erwarten Webnutzer? Sie erwarten, dass Webinhalte schnell geladen werden und schnell interaktiv sind. In meinem Vortrag habe ich anhand von mehreren Beispielen – sowohl online als auch offline – entwickelt, wie Spiele so konzipiert wurden, dass sie schnell geladen werden, Nutzer in ihre Spielwelten hineinziehen, sie begeistern und ihnen zusätzliche Anreize bieten, ihre Erfahrungen zu teilen.

Drei Spiele mit minimalistischer Grafik.

Ich persönlich glaube, dass der Schlüssel zu einem erfolgreichen Webspiel darin liegt, auf dieses einzigartige Merkmal des Webs zu setzen. Insbesondere die URL-Struktur des Webs und die Schleife, mit der Nutzer teilnehmen können, sind besonders effektiv.

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

Eine Editor-Oberfläche für das Level in einem Spiel

Space Board ist ein sehr einfaches Spiel, das entweder auf Mobilgeräten mit Touchbedienung oder auf Computern mit Tastatureingabe gespielt werden kann. Ziel ist es, ein Labyrinth aus Hindernissen zu überwinden, um am Ende ein Ziel zu erreichen.

Wie nutzt Space Board die URL auf einzigartige Weise? Durch Codierung der Ebenenstruktur in die URL selbst. Alle Level sind als 10 x 10 Raster mit Objekten definiert, z.B. Mauern, feindlichen Geschütztürmen, Schlüsseln, verriegelten Türen usw. Unter der URL werden dann alle einzelnen Rasterpositionen und deren Inhalte aufgeführt. Eine Wand wird durch ein W-Zeichen dargestellt. Ein Leerzeichen 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.

Nach Abschluss eines Levels in „Space Board“ hat der Spieler die Möglichkeit, mit dem oben gezeigten einfachen Level-Editor sein eigenes Level zu entwerfen. Wir bieten Spielern die Möglichkeit, ihre eigenen Levels zu gestalten, damit sie sich personalisieren lassen. Wenn Nutzer durch die Erstellung und Anpassung eine Verbindung zu einem Spiel und ein Gefühl der Eigenverantwortung haben, sind sie eher bereit, dieses „Ding“ mit der Welt zu teilen.

Der Wunsch, ein Spiel zu teilen, ist der Beginn der viralen Schleife, die wir mit unseren Webspielen erreichen möchten. Dieses Spieldesign und der Mechanismus zum Teilen von Spielen ist nur ein mögliches Beispiel, aber es gibt noch viele andere Möglichkeiten. Ich empfehle dir, dir meinen Vortrag anzusehen.

Return on Investment

Derzeit gibt es zwei Denkmuster darüber, wie ein Spieleentwickler Umsatz mit Webspielen generieren kann:

  • Spiele direkt monetarisieren
  • Sie als Akquisitionskanal behandeln

Webspiele als Akquisitionskanal zu behandeln, bedeutet, die Webversion Ihres iOS-, Android- oder Desktop-Spiels als Mechanismus zu nutzen, um Ihre Spieler zu begeistern und sie dazu zu bewegen, Ihr größeres Binärprogramm für iOS/Android/Desktop herunterzuladen. Sie erzielen dann über die integrierten Zahlungs- und Abrechnungs-Back-Ends der Plattform für iOS, Android oder Computer Umsatz.

Monetarisierung ist in der Regel eine Mischung aus Werbung und Mikrotransaktionen. Es gibt noch viel zu tun, damit das Web bei der Spielewerbung mit mobilen Plattformen konkurriert. Formate wie Videoanzeigen mit Prämie sind beispielsweise schon seit mehreren Jahren bei Spielen für Mobilgeräte sehr beliebt, und bisher kommen diese Formate erst heute im Web zum Einsatz.

Trotzdem gibt es Spieleentwickler, die im offenen Web weiterhin erfolgreich sind, indem sie traditionelle Banneranzeigen und Interstitial-Videoanzeigen verwenden. Weitere Informationen zu diesen Formaten finden Sie auf AdSense für Spiele.

Bei Mikrotransaktionen bietet das Web aufgrund der unbegrenzten Anzahl an Zahlungsmethoden, die implementiert werden können, absolute Flexibilität. Dennoch ist diese Qualität ein zweischneidiges Schwert. Der Nachteil ist, dass die Spieler einer neuen Website, die sie entdecken, weniger implizit vertrauen, als den plattformspezifischen mobilen Zahlungsmethoden in Onlineshops vertraut zu sein.

Eine Lösung für eine einheitlichere Benutzeroberfläche für Zahlungen im Web ist die Payment Request API. Diese API ruft eine UI auf, die im Browser angezeigt wird, und optimiert das Erfassen von Zahlungsdetails wie Kreditkarten und Rechnungsadressen. Das Abrufen von Zahlungsdetails ist jedoch nur der erste Schritt einer Transaktion. Sie benötigen auch eine Back-End-Abrechnungsplattform.

Die Zukunft

In den letzten Jahren gab es mehrere überraschend erfolgreiche Webspiele. Slither.io hat ein gemischtes Web- und plattformspezifische Unternehmen aufgebaut, das die enorme Reichweite und das virale Wachstumspotenzial des Internets aufzeigt. Portale wie Poki.com optimieren die Nutzererfahrung und veröffentlichen jeden Tag neue Spiele, darunter Titel, die der Fidelity ihrer mobilen Spiele wie Subway Surfers oder Crossy Road entsprechen.

Wenn man sich außerhalb des offenen Webs schaut, sieht man, dass Webspiele bereits einen Aufwärtstrend haben. Geschlossene Systeme wie WeChat und LINE bieten unterhaltsame Spiele, die nicht im offenen Web gespielt werden können, aber auf Webtechnologien wie HTML5 und WebViews basieren. Dies ist ein klares Zeichen dafür, dass das Web ein Level von Fidelity erreicht hat, das plattformspezifische mobile Spiele mitbekommen kann – möglicherweise nicht im Lehrbuch zur Definition von Fidelity, sondern in einer wichtigeren Metrik: der Aufmerksamkeit der Spieler.