Come raggruppare un gioco JavaScript HTML5 come applicazione Windows nativa?


13

Con l'evoluzione dei browser Web, lo sviluppo di giochi HTML5 con JavaScript, Canvas e Webgl sta diventando sempre più popolare. Il vantaggio dei giochi basati sul Web rispetto alle app native è che funzionano su più piattaforme e non è necessario giocherellare con librerie o ambienti di programmazione specifici del sistema operativo.

Puoi già vendere i tuoi giochi Web tramite il Chrome Web Store , ma penso che sia troppo impopolare per essere redditizio per gli sviluppatori di giochi indipendenti.

Penso che potresti raggiungere un pubblico più vasto vendendo i tuoi giochi sul Mac App Store o Steam, ma quindi devi raggrupparlo come applicazione autonoma.

Per Mac, puoi facilmente raggruppare i tuoi giochi HTML5 come app nativa utilizzando il componente WebView di Apple. Ecco un esempio su come farlo .

Ora mi chiedo: esiste un modo equivalente per la piattaforma Windows?


2
"funzionano su più piattaforme" ... lenti da morire. Non è possibile creare giochi complessi e belli con i browser senza coinvolgere software di sistema di terze parti. Totalmente pubblicizzato
daemonfire300

Sì, puoi usare node-webkit per raggruppare il tuo gioco come app OSX, Windows e Linux: < github.com/rogerwang/node-webkit > È molto facile da usare.
d13,

Risposte:


6

Ho preso di mira node-webkit per il mio gioco html5 / js. La maggior parte del mio codice funziona sul lato browser, quindi gli aspetti node.js sono principalmente perché è abbastanza semplice da far funzionare un piccolo server e inviare il codice html / js al browser incorporato.

Una buona demo di un gioco frenetico è "A Wizard's Lizard". Parlano del loro successo su reddit e apparentemente usano node-webkit.

Le persone dietro "Gamedev Tycoon" hanno rilasciato l'api di integrazione di Steamworks come open source . Ti permette di interagire con le viscere di Steam da node-webkit.

Una popolare piattaforma di sviluppo di giochi (leggi: per i principianti) " Construct 2 " ti consente di creare giochi semplicistici usando html5 / canvas dietro le quinte. Usano anche node-webkit per impacchettare il gioco come eseguibile. Il mio amico non programmatore con esperienza nel campo dei media digitali lo raccolse abbastanza rapidamente. Ho ospitato una piccola demo del suo primo gioco di prova come esempio.

Un'altra opzione, se non si desidera utilizzare html / javascript (ma si desidera comunque un gioco basato su browser) è utilizzare il framework Unity o l' Unreal Engine . Unreal Engine potrebbe non avere pieno supporto al momento, ma secondo la loro tabella di marcia sta diventando una funzionalità di prima classe. È stato abbastanza facile integrare le cose sul lato server e entrambi i motori hanno una grande integrazione con i servizi più diffusi e possono essere fatti interagire abbastanza facilmente con gli elementi lato server. Puoi leggere di più su come si stanno integrando con il web sul nuovo post sul blog di mozilla sull'argomento .

Tutti questi funzionano bene con itch.io - che è dove spero di pubblicare.


1
Un percorso semplice e veloce con node-webkit: github.com/jyapayne/Web2Executable/releases
Jersh

3

Se non sbaglio, l'API Winforms in .NET Framework ha un componente browser Web che è possibile aggiungere a un'applicazione, per visualizzare contenuto HTML e modificare tramite una semplice interfaccia. Si basa su un browser web già installato (di solito IE), quindi dovresti verificare che l'utente abbia tutto il necessario per visualizzare il tuo gioco, ma a parte questo, non vedo perché non funzioni.

Questo sembra essere molto promettente. Spero di aver aiutato :)


1

Puoi usare Qt con il widget QtWebkit, che funzionerà su tutte le principali piattaforme.


1

Titanium Desktop offre una piattaforma HTML5 CSS3 Javascript per la creazione di app native per Windows, l'unico svantaggio è che il codice sorgente dell'app rimane totalmente aperto a chiunque possa modificarlo o visualizzarlo.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.