Erste Schritte mit HTML5 Game Development - Mozilla Hacks - Web Entwickler-Blog
Es gibt viele Möglichkeiten, um ein gültiges HTML5-Spiel zu schaffen, und ziemlich viel Material auf den technischen Aspekt der einzelnen, so für diesen Artikel werde ich mehr von einer breiten Überblick über HTML5-Spiele-Entwicklung geben werden. Wie „HTML5“ kann als natives besser sein, wenn sie mit dem Entwicklungsprozess beginnen, wohin sie gehen, wenn Sie nicht sind, und wie man Spiele monetarisieren und zu verteilen.
Die meisten der Zuschauer sieht hier bereits den Wert in HTML5, aber ich möchte, erneut auf, warum sollten Sie ein HTML5-Spiel bauen. Wenn Sie nur iOS für Ihr Spiel Targeting, schreiben Sie das Spiel in Objective-C, überwiegen die Nachteile die Vorteile in diesem Szenario ... aber wenn Sie ein Spiel bauen möchten, die auf einer Vielzahl von Plattformen funktioniert, ist HTML5 der Weg zu gehen.
Cross-Platform
Einer der offensichtlichen Vorteile von HTML5 für Spiele ist, dass die Spiele auf jedem modernen Gerät arbeiten. Ja, Sie werden mehr Gedanken in setzen haben, wie Sie Ihr Spiel auf verschiedene Bildschirmgrößen und Eingabetypen reagieren, und ja, könnten Sie ein bisschen ‚Personalisierung‘ im Code pro Plattform zu tun haben (der Hauptinhibitor Wesen Audio); aber es ist viel besser als die Alternative der vollständig das Spiel jedes Mal zu portieren.
Ich sehe zu viele Spiele, die nicht auf mobilen und Tablet-PCs arbeiten, und in den meisten Fällen, das ist wirklich ein großer Fehler zu machen, wenn Sie Ihr Spiel zu entwickeln - halten Handy im Auge, wenn Ihr HTML5-Spiel zu entwickeln!
Unique Distribution
Die meisten HTML5 Spiele, die bis zu diesem Punkt entwickelt wurden, werden in der gleichen Weise wie Flash und native mobile Spiele gebaut. Zu einem gewissen Grad ist dies sinnvoll, aber was übersehen ist der tatsächliche Nutzen Sie das Web als Plattform ergänzt. Es ist wie wenn ein iOS-Entwickler waren, ein Spiel zu entwickeln, die nicht in Anspruch nehmen, wie Berührung von einer Maus unterscheidet - oder wenn Doodle Jump wurde mit den Pfeiltasten am unteren Rande des Bildschirms anstelle der Verwendung des Geräts Beschleuniger gebaut.
Schnellerer Entwicklungsprozess
Kein Warten auf Kompilation, Updates und Fehlersuche in Echtzeit, und sobald das Spiel fertig ist, können Sie sofort das Update herausschieben.
Game-Engines sind nur eine weitere Abstraktionsebene, die von einigen der mehr langweiligen Aufgaben der Spielentwicklung kümmern. Die meisten kümmern sich um Asset-Laden, Eingang, Physik, Audio, Sprite Karten und Animationen, aber sie unterscheiden sich ziemlich viel. Einige Motoren sind ziemlich Barebones, während einig (ImpactJS zum Beispiel) so weit gehen, als 2D-Level-Editor und Debug-Tools einschließlich.
Die Wahl zwischen einem „Game Engine“ und einem „Game Maker“
Suche nach dem richtigen Game Engine / Game Maker für Sie
HTML5GameEngine.com ist ein großartiger Ort, um Ihre Suche zu starten, weil die Hunderte von Game-Engines auf etwa 20 verengt, die eingerichtet sind, aktiv gepflegt, und die tatsächlichen Spiele haben mit ihnen entwickelt.
Für eine vollständige Liste der Motoren (was bedeutet, es kann einige Junk zu sichten sein), ist diese Liste auf GitHub ist die beste Wahl.
Technische Anleitungen
- jsGameWiki ist voll von Links zu technischen Tutorials und Ressourcen.
- HTML5 GameDev Starter - ähnlich wie jsGameWiki, aber ein bisschen leichter zu verdauen.
- Mozilla Hacks -> Spiele
- Wie man ein Handy-Spiel mit HTML5 Entwerfen Sie ein Spiel für die Entwicklung, die mobile freundlich ist.
- Keine Tränen Guide to HTML5 Spiele ist relativ alt (2,5 Jahre), ist aber immer noch ein sehr gutes Lernwerkzeug, wenn Sie nicht ein Spiel-Engine.
Game Design Tutorials
Mit Spiele-Entwicklung ist der technische Aspekt nicht alles - was noch wichtiger ist, dass das Spiel tatsächlich Spaß machen. Unten sind ein paar Plätze zu starten, wenn es um die Spielmechanik zu lernen.
Nutzerbindung, Monetarisierung und mehr
Vollständige Offenlegung hier: Ich bin ein Mitgründer von Clay.io.
Entwicklungswerkzeuge
Unabhängig davon, was Sie bauen, ist eine zusätzliche Motivation immer hilfreich. Für Spiele, kommt die Motivation oft von sich selbst, mit anderen umliegenden, die im gleichen Boot wie Sie - auf Spiele zu arbeiten.
Dare ludum ist nicht für Sachpreise, noch ist spezifisch für HTML5-Spiele, aber es gibt viele HTML5-Entwickler, die teilnehmen.
Ein Spiel ein Monat ist nicht so sehr ein Wettbewerb, da sie ein Instrument der Rechenschaftslegung ist. Dies ist nicht auf HTML5-Spiele beschränkt, sondern viele der Teilnehmer arbeiten mit HTML5. Ziel ist es, jeden Monat ein Spiel Kurbel. Ich würde dieses langfristige nicht empfehlen, seit einem Monat zu kurz einer Zeit ist ein großartiges Spiel zu schaffen, aber es ist gut, wenn das Lernen, sich zu zwingen, auf einfache Spiele zu entwickeln und zu beenden.
HTML5GameDevs hat sich schnell die aktivste Community von HTML5-Spiele-Entwickler. Die meisten Leute sind sehr freundlich und hilfsbereit bei allen Fragen in Sie laufen zu helfen.
#BBG ist der Go-to-IRC-Kanal für HTML5-Spiele - Sie werden sogar schon einige Mozillians um hängen zu finden.
In-Game-Käufe
In-Game-Zahlungen, meiner Meinung nach, sind der Weg für HTML5-Spiel in den langfristigen zu gehen. Denn jetzt haben die meisten HTML5 Spiele nicht genug Qualität der Inhalte, noch die Spielmechanik an seinem Platz zu Spielern Kaufeinzelteile zu erhalten.
Dies ist das Umsatzmodell mit dem höchsten Potential, aber es ist auch die schwierigste bei weitem zu erreichen - nicht technisch, sondern das richtige Spiel hat. Ich würde die beste Art und Weise sagen, zu lernen, wie man richtig das Spiel in diesem Aspekt monetarisieren ist einen Blick auf Spiele zu nehmen, dass es wirklich gut auf Flash und Mobil tun - Spiele von King.com und Zynga haben typischerweise diese genagelt ziemlich gut an. Es gibt auch einige gute Lesematerial, wie die Top-F2P Monetisierung Tricks auf Gamasutra.
Wo wir gerade jetzt mit HTML5-Spielen sind, dann ist die Lizenzierung Spiele der stärkste, konsequenteste Weg, um Geld zu machen - wenn und nur wenn Ihr Spiel auf mobile Geräten gut funktioniert.
Werbung
Werbung ist der Mittelweg zwischen im Spiel Zahlungen und Lizenzierung. Es ist einfacher als im Spiel Zahlungen Geld und mit einer höheren Potential als Kappe Lizenzierung (aber wahrscheinlich weniger als im Spiel Zahlungen) zu machen. Es ist leicht genug, um Anzeigen zu implementieren: einfach Ihr Werbenetzwerk von Wahl aus (vorsichtig sein, streng genommen Adsense) und setzen sie entweder das Spiel umgibt, oder an verschiedenen Haltepunkten.
Die am häufigsten verwendeten Werbenetzwerke sind LeadBolt für mobile und CPMStar für Desktop. Sie können auch Clay.io verwenden, welche Werbung sie einfacher zu implementieren machen, und versucht, die Einnahmen durch den Einsatz verschiedene Werbenetzwerke zu maximieren auf das Gerät je nach verwendeten und anderen Faktoren.
Die letzte Stufe in der Entwicklung eines Spiels ist Verteilung. Das Spiel ist fertig, jetzt wollen Sie Leute das Spiel spielen! Zum Glück, mit HTML5 gibt es viele Orte, um Ihr Spiel zu haben (von denen viele oft ungenutzt).
Über Austin Hallock
Austin Hallock ist Geschäftsführer von Clay.io - Anbieter von High-Level-Tools und den Vertrieb für HTML5-Spiele-Entwickler.
Über Robert Nyman [Editor Emeritus]
Sieht sehr cool!
Ich empfehle auf jeden Fall Node-Webkit für die Anwendungsfälle, wo Sie herunterladbare ausführbare Dateien möchten. Es in der Regel „einfach funktioniert“ :)
Wie haben Sie eine herunterladbare ausführbare Datei mit Node-Webkit zu machen?
* Ich weiß, Sie würden nie derjenige sein, dass zu denken. ;)
Ich dachte, ich den Udacity Kurs im Learning Tools Abschnitt hatte, aber sieht aus wie ich es versehentlich ausgelassen.
HTML5 Canvas ist tot.
„Denken Sie an, wie viele Links klicken Sie in den Facebook- und Twitter-Apps“ ... mmmm, niemals!
Ich glaube, ich sollte nicht so geladenen Sätze haben;) Punkt ist eine Menge Leute Links auf Facebook und Twitter klicken.
Sie mozilla Plan, um uns den emulierten CPU-Typ und Größe des RAM in der FFOS Simulator wählen?
Das ist eine interessante Frage. Gerade jetzt weiß ich nicht, keine direkten Pläne für das, aber im Laufe der Zeit, es könnte auf jeden Fall beweisen, eine interessante Option sein.
Ich würde auch „Gamemaker: Studio“ vorschlagen von „YoYo Games“, es ist vielleicht der visuelle Spielmacher, mit 2D-Objekt Zimmer und funktioniert gut, wenn Sie erweitern Sachen will - leistungsstarke Skript unterstützt Modding und unterstützt jetzt Shadern! Aber es ist ein wenig kosten - $ 300 für alle Funktionen, $ 500 für alle Export-Module, aber im Gegensatz zu allen anderen Spielmacher, dies kann man automatisch Port Ihr Spiel auf jeder Plattform auf den Menschen bekannt! (Außer Java-Telefone)
Nun würden die gemacht Spiele in HTML5 auf älteres mobiles Gerät und Betriebssystem unterstützt werden (zB: Alte Android-Versionen).
Spiele werden in älteren Android und iOS-Versionen arbeiten, aber erfordern in der Regel ein bisschen mehr Arbeit Dinge wie Audio-Funktion zu erhalten - und ein paar andere Macken. Die Leistung ist nicht groß in älteren Versionen nicht. Also ja, es kann getan werden ... aber es ist nicht ideal mit allen Mitteln.