Skip to content

Um template simples para criação de jogos com a framework Phaser 3, incluindo webpack e ES6 modules!

Notifications You must be signed in to change notification settings

PQrux/phaser-quickstart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

phaser-quickstart

Sobre o phaser-quickstart

O Intellisense, sem dúvida facilita muito a produção de novas aplicações, e trabalhar sem ele, dependendo sempre da documentação pode ser estressante e desmotivador, para isso, foi criado o phaser-quickstart, que vem com uma demo simples do Hello World da Phaser, e integração com o webpack e ES6 modules, facilitando o acesso ao intellisense!

Como começar?

Utilizar o phaser-quickstart é extremamente simples!
Você precisará dos seguintes programas em seu computador:

Passo 1: Clonar o repositório, substituindo "nome-do-seu-jogo" pelo nome do seu jogo:

git clone https://github.com/PQrux/phaser-quickstart.git nome-do-seu-jogo

Passo 2: Instalar os pacotes:

npm install

Passo 3: Nomear seu jogo: Edite o arquivo package.json

{
  "name": "nome-do-seu-jogo",
  ...
}

Edite o arquivo public/index.html

<html lang="pt-br">
  <head>
    <title>nome-do-seu-jogo</title>
    ...
  </head>
</html>

Passo 4: Executar!

npm start

Comandos Úteis

Existem 3 scripts prontos neste projeto para agilizar o desenvolvimento, sendo eles:

  • Auxilia no desenvolvimento, utiliza webpack-dev-server para servir a a aplicação e identificar mudanças no código, atualizando o navegador:
npm start
  • Utilizado para gerar o bundle de produção do projeto, após essa geração, você está pronto para enviar seu diretório public para o servidor!
npm run build
  • Utilizado para gerar o bundle de produção do projeto e testá-lo, aceita comandos como --host=ENDEREÇO, para determinar em qual interface será inicializado o servidor.
npm run start:production

Outros projetos como esse

Existem outros projetos com a mesma ideia do phaser-quickstart, porém com aspectos diferentes, sendo o maior deles a complexidade, diferente desses projetos que adicionam camadas de complexidade para tornar o projeto mais otimizado, e possuem também, Demos muito complexas, o phaser-quickstart se preocupa em trazer um simples projeto com integração ao webpack para facilitar o uso da framework em conjunto com o Intellisense, para programadores que estão iniciando seu aprendizado com a framework.
Alguns desses projetos são:

Referências

About

Um template simples para criação de jogos com a framework Phaser 3, incluindo webpack e ES6 modules!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published