Criando executável para Jogo web usando o NWJS
Ou para qualquer aplicativo/site html.
Talvez não seja algo tão necessário mas, pode ser útil em alguma situação.
Para criar um executável para um jogo web, para que rode independente de navegador, uma boa alternativa é o
NWJS ( http://nwjs.io ).
Ele é basicamente uma versão simplificada do navegador Google Crome que abre um arquivo html.
Ele é baseado no Chromium e no Node JS. A versão do node para rodar o NWJS 0.24 indicada é a 8.21. Se precisar atualizar o node veja o artigo
http://ribafs.org/portal/mobile/phaser/atualizar-o-node-js
Download
http://nwjs.io
Podemos usar a versão normal ou a SDK (o SDK tem mais recursos).
Faça o download da normal, que é menor e tem tudo o que precisaremos para criar o standalone do jogo
Empacotando o jogo/aplicativo juntamente com o nw
- Criar um diretório no seu diretório home:
/meus_desktops
- Dentro deste diretório crie um diretório para um jogo e outro para o NW
/meus_desktops
/meu_jogo (todo o código do jogo)
/nw (aqui descompacte o NWJS)
- Acessar pelo terminal/prompt o /meus_desktops/meu_jogo
- Executar:
npm init (criará interativamente o package.json). O nome do pacote deve ser tudo em minúsculas e o arquivo inicial o index.html.
Para rodar a aplicação com o NW são requeridos apenas main e name.
O main deve chamar o index.html do jogo.
- Compactar todos os arquivos da pasta meu_jogo, sem a pasta: meu_jogo.zip
- Renomear meu_jogo.zip para meu_jogo.nw
- Concatenar o executável nw com o meu_jogo.nw:
No Linux
cat nw ../meu_jogo.nw > meu_jogo && chmod +x meu_jogo
No Windows
copy /b nw.exe+meu_jogo.nw meu_jogo.exe
Com isso criamos o arquivo meu_jogo no diretório do nw.
Agora para executar o jogo, ainda no diretório nw, basta executar:
./meu_jogo
Ou
meu_jogo.exe
Precisamos ficar no diretório do nw para rodar o executável, pois ele precisa de acesso aos seus arquivos/libs.
Dica: se na pasta do jogo tiver um package.json, remova o package.json da pasta do nw.
Referências
http://koobazaur.com/gamedev/streamlining-standalone-web-game-development-environment-phaser-nwjs/
https://code.tutsplus.com/tutorials/introduction-to-html5-desktop-apps-with-node-webkit--net-36296
https://www.sitepoint.com/cross-platform-desktop-app-nw-js/
https://github.com/nwjs/nw.js/wiki/how-to-package-and-distribute-your-apps
http://thejackalofjavascript.com/getting-started-with-node-webkit-apps/
Comments fornecido por CComment