HTML5-Spiel zur nativen App [geschlossen]

8

Ich mache ein Spiel in HTML5. Ich bin am vertrautesten mit HTML5 und bevorzuge es über eine höhere Sprache, wie C ++. HTML5 ist eine großartige Plattform zum Schreiben von Spielen. Mein einziges Problem ist, dass ich mein Spiel als eine native Anwendung ausführen möchte (das Sie ohne Internet-Browser-Funktionen starten können, ist Vollbild usw.), aber ich weiß nicht, was es zu verwenden gibt. Ich schaute mich um und fand Sachen für MOBILE-Plattformen (wie PhoneGap), aber keine Desktops (wie Windows, Mac und Linux). Schließlich fand ich TideSDK, so gut ich konnte. TideSDK ähnelt PhoneGap, ist jedoch für Computerbetriebssysteme gedacht und läuft auf allen drei gängigen Betriebssystemen (Windows, Mac und Linux). JEDOCH läuft TideSDK nicht wirklich schnell genug für ein Spiel. Es unterstützt window.requestAnimationFrame nicht, und so machte es einen setInterval für eine Spielschleife sehr langsam. So langsam, dass ich annehmen würde, dass es 2 oder 3 FPS gehen würde. Ich habe das gleiche Spiel auf Chrome versucht, und es läuft gut.

Gibt es eine Alternative, die ich verwenden kann und die für HTML5-Spiele schnell genug ist? (Ich möchte nicht durch XCode [und andere IDEs auf anderen Plattformen] gehen, um einen Webkit-Frame zu erstellen, es ist nicht wirklich plattformübergreifend und zeitaufwendig. Ich würde es tun, wenn ich müsste, obwohl) Für mein System laufe ich, ich benutze einen Mac (OSX 10.8, Mountain Lion), aber ich habe Zugriff auf Windows 7 und Ubuntu 12.04 32-bit.

    
pjrader1 29.09.2013, 06:38
quelle

4 Antworten

10

Ich würde mich mit Elektronen beschäftigen

Ссылка

Ziemlich gute Dokumentation und sieht genau das aus, was Sie suchen.

Leistung hat es gut in den Apps ausgehalten, die ich ausprobiert habe!

    
pipedreams2 30.04.2015 05:05
quelle
6

Ich selbst habe eine ganze Zeit lang nach einer Lösung gesucht. Ich habe alles aus TideSDK, AppJS , nativem Code in VB.NET , XCode , Python , C ++ , Electron , nw.js / Knoten -Webkit , etc: Grundsätzlich nennst du es so, ich habe es versucht.

  

Hinweis Elektron ist nett, aber es läuft nur auf 64-Bit-Prozessoren. Damit    nw.js / node-webkit ist eine bessere Lösung, wenn Sie möchten Ihre App   auf 32-Bit- und 64-Bit-Prozessoren laufen.

Also habe ich beschlossen, meine eigene Open-Source-Lösung namens WebDGap zu erstellen. WebDGap läuft unter Windows, Linux, Mac OS X, Google Chrome und als Webanwendung! Wenn Sie Ihre App als Windows-, Linux- oder Mac-Anwendung exportieren WebDGap verwendet nw.js als Framework, um Ihre Web-App als Desktop-Anwendung auszuführen. Weil es nw.js als Rahmen für die Ausführung Ihrer App als Desktop-Anwendung verwendet und Sie Ihren Code nicht so viel ändern müssen Lass deine App anders arbeiten als mit Electron .

Wenn Sie beispielsweise JQuery in Ihrer Anwendung verwenden und mit Electron kann man JQuery nicht wie eine normale Javascript-Bibliothek laden.

%Vor%

Du müsstest es so laden ...

%Vor%

Sehen Sie sich das How To Video an, um zu erfahren, wie Sie WebDGap .

Hier ist ein Screenshot.

Da Sie bereits ein Mac-Benutzer sind, können Sie Ihre exportierte App in eine 1.app-Mac-Datei zusammenführen. Dies kann mit Automator (und ein wenig Shell-Skripting) erfolgen.

Es gibt auch einen Coding-Playground, den ich für mobile Benutzer erstellt habe, der nw.js genauso verwendet wie WebDGap zum Ausführen / Konvertieren Ihrer Web-App als native Desktop-App namens kodeWeave .

>

Hier ist ein Tic-Tac-Toe-Spiel, das ich als Mac-App exportieren werde:

Jetzt läuft die Web-App als native Mac-Anwendung!

Schließlich gibt es viele Tools, um WebGL Powered Games zu machen.

Mein Favorit und was ich empfehle ist Goo Create , weil Sie es ganz ohne Code machen können, aber auch mit benutzerdefiniertem Code arbeiten, den Sie hinzufügen können .

    
Michael Schwartz 30.04.2015 04:28
quelle
1

Dies ist eine Liste von gmae-Frameworks, die auf html5 basieren: Ссылка

Aber einige der beliebtesten sind:

Ссылка

Ссылка

    
MrMins 25.04.2016 15:19
quelle
1

Für mobile Plattformen empfehle ich PhoneGap / PhoneGap Build / Cordova .

Für Desktops empfehle ich Nw.js , Chrome App oder WebDGap .

Nw.js ist die fortschrittlichste Webtechnologieplattform für Desktops.

  

Nw.js ist eine App-Laufzeitumgebung, die auf Chromium und node.js . Sie können   Schreibe native Apps in HTML und JavaScript mit Nw.js . Es lässt dich auch   Rufen Sie Node.js Module direkt vom DOM auf und aktivieren Sie einen neuen Weg   native Anwendungen mit allen Webtechnologien schreiben.

Node.js funktioniert sowohl mit 32-Bit- als auch mit 64-Bit-Prozessoren, wird schnell aktualisiert, die Entwickler sind extrem hilfreich und weil es darauf basiert das Chrom ist blitzschnell.

    
kailniris 19.04.2016 20:01
quelle

Tags und Links