HTML5 gioco per app nativa

Question

Sto facendo un gioco in HTML5. Sono più familiare con HTML5 e preferisco un linguaggio di livello superiore, come C++. HTML5 è una grande piattaforma per scrivere giochi su. Il mio unico problema è che voglio eseguire il mio gioco come applicazione nativa (che è possibile avviare senza funzionalità del browser Internet, è a schermo intero, ecc.), Ma non so cosa ci sia da usare. Mi sono guardato intorno e ho trovato materiale per piattaforme MOBILE (come PhoneGap), ma nessun desktop (come Windows, Mac e Linux). Alla fine, cercando più duro che potevo, ho trovato TideSDK. TideSDK è simile a PhoneGap, ma è per sistemi operativi per computer e funziona su tutti e tre quelli popolari (Windows, Mac e Linux). TUTTAVIA, TideSDK non funziona veramente abbastanza veloce per un gioco. Non supporta window.requestAnimationFrame, e così facendo un setInterval per un loop di gioco lo ha reso molto lento. Così lento che avrei dovuto indovinare che sarebbe stato 2 o 3 FPS. Ho provato lo stesso identico gioco su Chrome e funziona perfettamente.

C'è un'alternativa che posso usare che sia abbastanza veloce per i giochi HTML5? (Non voglio passare attraverso XCode [e altri IDE su altre piattaforme] per creare un frame Webkit, non è realmente multipiattaforma e richiede molto tempo. Lo farei se dovessi, comunque) Per il mio sistema su cui sto lavorando, utilizzo un Mac (OSX 10.8, Mountain Lion), ma ho accesso a Windows 7 e Ubuntu 12.04 a 32 bit.

Answer 1

Io stesso cercavo una soluzione completa per un po '. Ho provato di tutto, dai TideSDK, AppJS, codice nativo in VB.NET, XCode, Python, C++, Electron, nw.js/node-webkit, ecc: Fondamentalmente è il nome che ho provato.

Nota Electron è bello, ma funziona solo con processori a 64 bit. Quindi nw.js/node-webkit è una soluzione migliore se si desidera che l'app venga eseguita su processori a 32 bit e 64 bit.

Così ho deciso di creare la mia soluzione open source denominata WebDGap. WebDGap funziona su Windows, Linux, Mac OS X, Google Chrome e come applicazione web! Quando si esporta l'app come applicazione Windows, Linux o Mac, WebDGap utilizza nw.js come framework per l'esecuzione della propria app Web come applicazione desktop. Perché utilizza nw.js come framework per l'esecuzione della tua app come applicazione desktop e non devi modificare il codice tanto per far funzionare la tua app a differenza di Electron.

Ad esempio se si utilizza JQuery nell'applicazione e si esporta con Electron non è possibile caricare JQuery come una normale libreria javascript.

<script src="libraries/jquery/jquery.js"></script> 

Si dovrà caricare in questo modo ...

<script> 
    window.$ = window.jQuery = require("./libraries/jquery/jquery.js") 
    // or if you installed jquery via npm you could use 
    // window.$ = window.jQuery = require("jquery") 
</script> 

Guarda il How To Video per imparare a usare WebDGap.

Ecco uno screenshot.

Essendo che sei già un utente Mac puoi unire l'app esportata in 1 file .app mac. Questo può essere fatto con Automator (e un piccolo script di shell).

C'è anche un parco giochi di codifica che ho realizzato per gli utenti mobili che utilizza nw.js proprio come WebDGap per l'esecuzione/conversione della tua app Web come app desktop nativa chiamata kodeWeave.

Ecco un gioco Tic-Tac-Toe ho intenzione di esportare come un App Mac:

Ora la web app è in esecuzione come applicazione nativa per Mac!

Infine ci sono un sacco di strumenti là fuori per fare giochi potenziati WebGL.

Il mio preferito e quello che raccomando è Goo Create perché è possibile farlo interamente senza codice ma funziona anche con il codice personalizzato che è possibile aggiungere.

Answer 2

vorrei dare uno sguardo in elettrone

http://electron.atom.io/

Abbastanza buona documentazione e cerca di fare esattamente quello che stai cercando.

Le prestazioni hanno regalato bene nelle app che ho provato!

Answer 3

Per piattaforme mobili suggerisco/Cordova.

Per i desktop suggerisco Nw.js, Chrome App o WebDGap.

Nw.js è la piattaforma di tecnologia Web più avanzata per i desktop.

Nw.js è un runtime un'applicazione basata su Chromium e node.js. Puoi scrivere app native in HTML e JavaScript con Nw.js. Inoltre, consente di chiamare i moduli Node.js direttamente dal DOM e consente di creare un nuovo modo di scrivere le applicazioni native con tutte le tecnologie Web.

Node.js lavori su entrambi i processori a 32bit e 64bit, sta aggiornando rapidamente, gli sviluppatori sono estremamente disponibili e perché è costruito fuori del cromo E 'veloce come un fulmine.

Answer 4

Questa è una lista di strutture gmae sede a HTML5: https://html5gameengine.com/

Ma alcuni dei più popolari sono:

https://www.scirra.com/ https://www.scirra.com/

http://impactjs.com/