Wie bündle ich ein HTML5-JavaScript-Spiel als native Windows-Anwendung?


13

Während sich die Webbrowser weiterentwickeln, wird die Entwicklung von HTML5-Spielen mit JavaScript, Canvas und Webgl immer beliebter. Der Vorteil von webbasierten Spielen im Vergleich zu nativen Apps besteht darin, dass sie auf mehreren Plattformen ausgeführt werden und Sie sich nicht mit betriebssystemspezifischen Bibliotheken oder Programmierumgebungen herumschlagen müssen.

Sie können Ihre Webspiele bereits über den Chrome-Webshop verkaufen , aber ich denke, es ist noch zu unbeliebt, um für Indie-Spiele-Entwickler rentabel zu sein.

Ich denke, Sie können eine größere Anzahl von Spielern erreichen, indem Sie Ihre Spiele im Mac App Store oder Steam verkaufen. Sie müssen sie jedoch als eigenständige Anwendung bündeln.

Für Mac können Sie Ihre HTML5-Spiele mithilfe der WebView-Komponente von Apple ganz einfach als native App bündeln. Hier ist ein Beispiel, wie das geht .

Nun frage ich mich: Gibt es einen gleichwertigen Weg für die Windows-Plattform?


2
"Sie laufen auf mehreren Plattformen" ... verdammt langsam. Es gibt keine Möglichkeit, komplexe, gut aussehende Spiele mit Browsern zu erstellen, ohne systembasierte Software von Drittanbietern einzubeziehen. Totally
hyped

Ja, Sie können Node-Webkit verwenden, um Ihr Spiel als OSX-, Windows- und Linux-Apps zu bündeln: < github.com/rogerwang/node-webkit > Die Verwendung ist sehr einfach.
d13

Antworten:


6

Ich habe das Node-Webkit für mein HTML5 / JS-Spiel ausgewählt. Der Großteil meines Codes wird auf der Browserseite ausgeführt, daher sind die Aspekte von node.j hauptsächlich darauf zurückzuführen, dass es einfach genug ist, einen kleinen Server auszuführen und den HTML / JS-Code an den eingebetteten Browser zu senden.

Eine gute Demo eines rasanten Spiels ist "A Wizard's Lizard". Sie sprechen über ihren Erfolg bei reddit und verwenden offenbar Node-Webkit.

Die Leute hinter "Gamedev Tycoon" haben ihre Steamworks Integration API als Open Source veröffentlicht . Hiermit können Sie über das Node-Webkit mit den Innereien von Steam interagieren.

Eine beliebte (sprich: einsteigerfreundliche) Spieleentwicklungsplattform " Construct 2 " können Sie mit html5 / canvas hinter den Kulissen vereinfachte Spiele erstellen. Sie verwenden außerdem Node-Webkit, um das Spiel als ausführbare Datei zu verpacken. Mein Nicht-Programmierer-Freund mit digitalem Medienhintergrund hat das ziemlich schnell gelernt. Als Beispiel habe ich eine kleine Demo seines ersten Testspiels gehostet .

Eine andere Option, wenn Sie nicht mit HTML / Javascript arbeiten möchten (aber dennoch ein browserbasiertes Spiel möchten), ist die Verwendung des Unity- Frameworks oder der Unreal Engine . Die Unreal Engine wird derzeit möglicherweise nicht vollständig unterstützt, wird jedoch ihrer Roadmap zufolge zu einem erstklassigen Feature. Die Integration von serverseitigen Inhalten war relativ einfach, und beide Engines lassen sich hervorragend in gängige Dienste integrieren und können problemlos für die Interaktion mit serverseitigen Elementen verwendet werden. Weitere Informationen zur Integration in das Web finden Sie in Mozillas neuem Blogbeitrag zu diesem Thema .

All dies funktioniert gut mit itch.io - hier möchte ich veröffentlichen.


1
Eine schnelle und einfache Route mit Node-Webkit: github.com/jyapayne/Web2Executable/releases
Jersh

3

Wenn ich mich nicht irre, verfügt die Winforms-API in .NET Framework über eine Webbrowser-Komponente, die Sie einer Anwendung hinzufügen, um HTML-Inhalte anzuzeigen und über eine einfache Oberfläche zu ändern. Es basiert auf einem bereits installierten Webbrowser (in der Regel IE), sodass Sie sicherstellen müssen, dass der Benutzer über alles verfügt, was zum Anzeigen Ihres Spiels erforderlich ist. Abgesehen davon verstehe ich nicht, warum dies nicht funktioniert.

Das sieht vielversprechend aus. Hoffe ich habe geholfen :)


1

Sie können Qt mit dem QtWebkit-Widget verwenden, das auf allen wichtigen Plattformen funktioniert.


1

Titanium Desktop bietet eine HTML5 CSS3 Javascript-Plattform für die Erstellung nativer Apps für Windows. Der einzige Nachteil ist, dass der Quellcode der App für jedermann offen bleibt.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.