Funktioniert ein mit HTML5 geschriebenes Spiel auf Smartphones?

13

Ich möchte ein Spiel schreiben, das auf Smartphones gespielt werden kann, und habe mich gefragt, ob HTML5 eine Möglichkeit ist, Spiele für eine große Auswahl von Smartphones zu schreiben.

EddieC
quelle

Antworten:

17

Ich habe gerade den HTML5-Test ausgeführt :

  • Mein iPod Touch der zweiten Generation mit iOS 3.1.3 erhält in Safari 125 und 7 Bonuspunkte von 300. Besonders wichtig für die Spieleentwicklung:
    • Volle Punkte in Canvas! Ideal für das Rendern von Spielen.
    • Unterstützt das Videoelement mit den Formaten MPEG-4 und H.264
    • Unterstützt das Audio-Element mit den Formaten PCM, MP3 und AAC (ideal für BGM und Sounds!)
    • Session- und lokale Speicher werden ebenso unterstützt wie die Web SQL-Datenbank! (Spiel speichern Dateien?)
    • Anwendungs-Cache wird unterstützt. Ich gehe davon aus, dass Sie mit dieser Funktion Spieledatendateien (Bilder usw.) für ein schnelleres Laden zwischenspeichern können. Hört sich toll an für mich!
    • Keine WebGL-Unterstützung.
    • Auch kein WebSocket; Multiplayer-Spiele müssen etwas anderes wie AJAX-Polling verwenden.
  • My Droid Incredible mit Android OS 2.1 (+ Sense UI) erhält 151 Punkte und in seinem eingebauten Browser keine Bonuspunkte von 300. Nochmals von besonderer Bedeutung:
    • Volle Canvas-Unterstützung
    • Videoelement unterstützt, aber alle vier Codecs haben X-Zeichen. Ich frage mich, welche Formate es abspielen kann?
    • Audioelement, dasselbe wie Video - unterstützt, aber alle Formate haben ein X.
    • Sitzungs- und lokaler Speicher sowie Web SQL-Datenbank werden unterstützt
    • Anwendungs-Cache wird unterstützt
    • Kein WebGL oder WebSocket
    • Es werden Web-Worker unterstützt, die auf meinem iPod nicht unterstützt wurden. Dies könnte eine gute Sache in der Spieleentwicklung für Dinge sein, die parallel agieren - vielleicht KI?
  • Edit 18.01.2011: My Droid Incredible hat jetzt Android 2.2 und erzielt 176 von 300 Punkten. Tchalvak (in den Kommentaren) hat mit seinem Droid 2 die gleiche Punktzahl, so dass es für den Android 2.2-Browser üblich zu sein scheint. Ich habe auch den Opera Mobile-Browser ausprobiert, der schreckliche 72 (keine Bonuspunkte) von 300 erreicht hat, aber Canvas voll unterstützt!

Wie Sie sehen können, sind iPod / iPhone und Android sehr eng miteinander verbunden und scheinen eine ganze Reihe von HTML5-Funktionen zu unterstützen. Canvas eignet sich hervorragend für Grafiken in 2D-Browsern, und das Audioelement eignet sich wahrscheinlich hervorragend für die Wiedergabe von Hintergrundgeräuschen und Musik. Außerdem ist es sehr cool zu sehen, dass beide Plattformen Speicher unterstützen (obwohl Sie je nach Größe von natürlich immer nur Cookies verwenden können ein Spiel speichern). Insgesamt würde ich sagen, dass Sie sich dafür entscheiden sollten. Die Zahlen sind nicht alles; wie wkerslake sagte "keine dieser zahlen schafft vertrauen" aber wenn man durchschaut was unterstützt wird, scheint es alles zu sein was man braucht!

Ich sage, mach schon! Ich wünsche Ihnen viel Glück.

Übrigens möchten Sie vielleicht nach Vanthia Ausschau halten . Es ist ein Browsergame, das Canvas für effizientes Zeichnen verwendet. Ich durfte die Closed Beta spielen und es war mir sicher, dass ich mitmachen konnte! Der Entwickler sagt seit über einem halben Jahr sehr wenig, abgesehen davon, dass er es definitiv entwickelt, aber die Dinge nur etwas geheim hält.

Sie könnten auch einige Ideen aus Googles neuem interaktiven Pacman- Logo erhalten. Es war nicht sehr HTML5, aber es war sicher funktionsfähig! Es zeigt, dass Sie eigentlich kein HTML5 benötigen, um ein Browsergame zu erstellen (und ich denke, HTML5 wird viel zu sehr als Schlagwort herumgeworfen, genauso wie AJAX es war oder immer noch ist). Es gibt ein Github-Projekt mit einer deobfuscierten, bereinigten Version der Quelle, die Sie durchsehen und mit der Sie spielen können.

Ricket
quelle
Mein Droid 2 Global hat gerade einen Wert von 176 (von?) Im HTML5-Test erzielt. Volle Punkte für Leinwand.
Kzqai
Ach ja, mein Droid Incredible, der jetzt Android 2.2 hat, erhält ebenfalls 176 Punkte und keine Bonuspunkte von 300. Ich füge es in die Antwort ein.
Ricket
Auch das Update über den Status von Vanthia, der Entwickler bleibt fast stumm, aber da er seinen Tagesjob für das Spiel gekündigt hat, kann ich nur davon ausgehen, dass er uns alle eines Tages mit einer riesigen Veröffentlichung überraschen wird. Ich wünschte nur, er wäre offener dafür.
Ricket
3

HTML5 ist weit davon entfernt, allgegenwärtig unterstützt zu werden, selbst in Webbrowsern auf PCs, bei denen es sich um weniger Telefone handelt.

Diese Zahlen basieren auf dem HTML5-Test

  • IE8 auf PC = 27/300
  • Chrome 5.0.375.125 auf PC = 197/300
  • Safari 4.0.4 auf dem PC = 207/300
  • Safari auf dem iPhone 4 = 185/300

Keine dieser Zahlen stiftet Vertrauen

wkerslake
quelle
1
Diese Antwort wäre hilfreicher, wenn sie etwas mit der Frage zu tun hätte.
Jason Orendorff
1
Ich sollte genauer sein. Ich verstehe nicht, wie IE8 überhaupt etwas mit der Frage zu tun hat. Und ich denke nicht, dass monolithische html5test-Summen sowieso hilfreich sind. Die Frage ist, ob die Teile, die implementiert werden, für Spiele gut sind (die Antwort scheint ja zu sein) und ob man wirklich erwarten kann, dass diese Spiele auf einer Vielzahl von Telefonen laufen (ich denke ja noch einmal).
Jason Orendorff
Meine Erfahrung mit HTML ist, dass verschiedene Browser die Dinge immer etwas anders machen. Selbst wenn sie alle theoretisch ein Feature unterstützen, können sie es etwas anders unterstützen. Der HTML5-Test ist ein nützlicher Leitfaden, um die Unterschiede bei der Unterstützung auf verschiedenen Plattformen zu erkennen. Solange Sie sich an eine kleine Auswahl von Optionen halten, die von allen Browsern unterstützt werden, mit denen Sie arbeiten möchten, könnte ein Spiel funktionieren. Ich habe nur wenig Vertrauen in Browser, um diese Standards richtig aufzubauen und / oder zu unterstützen. (Weitere
Informationen finden
Heute: Chrome 10.0.648.205 ... 288 Punkte und 13 Bonus.
BerggreenDK
3

Es mag etwas spät erscheinen, aber ich möchte jetzt, da einige Zeit vergangen ist, ein Update zur Situation von HTML5 und den mobilen Browsern bereitstellen. In letzter Zeit wurden einige Spiele-Engines entwickelt, die HTML5-kompatible Spiele produzieren (siehe: Construct 2 und Game Maker Studio ). Beide liefern eine gute Leistung, aber es gab auf einigen Plattformen bemerkenswerte Probleme mit physischen Erweiterungen und sich schnell bewegenden Objekten. iOS ist immer noch führend, wenn es um Leistung geht, aber Android hat mit den neuesten Chrome-Builds einen langen Weg zurückgelegt. Es sollte beachtet werden, dass Dolphin Browser auf Android die HTML5-Leistung sogar um 100% steigert! Unten sehen Sie einen schnellen Vergleich für einen Test :

Bildbeschreibung hier eingeben

Wenn Sie eine manuelle Optimierung durchführen möchten, finden Sie hier einige gute Ratschläge hier . Da HTML5-Spiele immer beliebter werden und auf Websites wie Kongregate und anderen exklusiven Flash-Spieleportalen zugelassen sind, besteht kein Grund mehr, sich davor zu fürchten, HTML5-basierte Spiele für mobile Geräte zu schreiben.

Es gibt auch einige Bibliotheken, um die Verwendung auf Mobilgeräten zu vereinfachen. Im Folgenden sind einige aufgeführt:

KineticJS

EaselJS

QuarkJS

Vaughan Hilts
quelle
1

Ab Juli 2012 können Sie reibungslose HTML5-Spiele für Mobilgeräte erstellen. Schauen Sie sich dieses Video an

ben0
quelle
0

Aus technischer Sicht ist das durchaus machbar. Es gibt jedoch einige Probleme / Fallstricke:

  • Es gibt nicht viele Frameworks im Freien, so dass Sie im Grunde alles von Grund auf neu schreiben müssen. Vom Renderer bis zur Geräuschbehandlung und Kollisionserkennung. Dies kann eine Menge Arbeit sein, je nachdem, was Sie versuchen zu tun.
  • Sie müssen ein wirklich gutes Verständnis von JavaScript haben. Einige der üblichen OOP-Methoden funktionieren mit dieser Sprache nicht. Es ist wahrscheinlich nicht die beste Wahl für ein Spiel mit riesigen Mengen an Code :)
  • Vergiss die Leistung nicht. Smartphones sind weit von der Leistung eines typischen Desktop-PCs entfernt. Sie müssen die Leistung auf verschiedenen Geräten sorgfältig testen. Dies kann auch von der auf dem Gerät installierten JavaScript-Engine (Browser) abhängen. Dies ist natürlich nicht nur eine HTML5-Ausgabe.
  • Versuchen Sie, die für das Spiel benötigte Bandbreite zu reduzieren. Mobile Geräte haben in der Regel langsamere Verbindungen und manchmal zahlen die Benutzer für die von ihnen genutzte Bandbreite. Versuchen Sie, wann immer möglich, Caching zu verwenden.
Blödmann
quelle
0

Sie können PhoneGap Build verwenden :

Laden Sie einfach eine Zip-Datei mit dem HTML5- Code hoch und Sie erhalten die Anwendung für: Android, iOS, Winphone, Blackbarry, Symbian ..ecc ..

user1833218
quelle
1
Du bist ein bisschen spät dran. ;)
Cameron Fredman
@CameronFredman Weil HTML5 im August 2010 fertiggestellt wurde oder weil Moderatoren aufgehört haben, ähnliche Fragen zu schließen?
Den