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 berücksichtigen, um die Chancen einer bestimmten Plattform zu nutzen. Was sind also die einzigartigen Merkmale des Webs? Und was definiert 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 das mobile Spiel 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 die Entwicklung von Spielen mit HTML5 machbar ist.

Moderne Best Practices

Mit „funktionalem Spiel“ beziehe ich mich auf 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. Und zukünftige Standards wie WebGPU positionieren die Webplattform für eine erweiterbare Zukunft der Grafikprogrammierung ä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, sodass die Kern-Unity-Engine kleiner als 1 Megabyte ist.

Zwei Panzer kämpfen im Kampf.
Unity-Demo „Tanks“, die über HTML5 exportiert wurde

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

Schleife betreten

Natürlich geht es bei einem guten Spiel natürlich um mehr als nur eine gute Leistung, eine gute Grafik und einen guten Sound. Um großartig zu sein, muss ein Spiel 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. Ohne eine zentrale Plattform für die Suche nach neuen Nutzern versuchen wir, Nutzer zu gewinnen, damit unsere Spiele so viral wie möglich sind.

Gute Spieleentwickler wissen, dass es wichtig ist, die einzigartigen Eigenschaften einer bestimmten Plattform zu nutzen, um sie auf Software- oder Hardwareebene 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 schnell interaktiv sind. In meinem Vortrag habe ich anhand mehrerer Beispiele – im Web und im Web – gezeigt, wie Spiele schnell geladen werden, Nutzer in ihre Spielwelten hineinziehen, sie 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, ein Labyrinth aus Hindernissen zu überwinden, 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 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.

Nachdem der Spieler ein Level in Space Board abgeschlossen hat, kann er mit dem einfachen Level-Editor 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- oder 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 Jahren bei mobilen Spielen äußerst beliebt, aber erst jetzt werden sie von Werbenetzwerken im Web eingesetzt.

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

Für Mikrotransaktionen bietet das Web aufgrund der unbegrenzten Anzahl von implementierbaren Zahlungsmethoden absolute Flexibilität. Diese Eigenschaft ist jedoch ein zweischneidiges Schwert. Der Nachteil ist, dass die Spieler einer neuen Website, die sie entdecken, weniger implizites Vertrauen haben als die Vertrautheit der plattformspezifischen Zahlungsmethoden für mobile Shops.

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 den Abruf 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 einige ü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 einen Grad an Fidelity erreicht hat, der mit plattformspezifischen Spielen für Mobilgeräte vergleichbar ist – vielleicht nicht in der Lehrbuchdefinition von Fidelity, sondern in einem wichtigeren Messwert: der Aufmerksamkeit der Spieler.