phaserjs/phaser

O que é?

Recursos principais

• 01Renderiza com WebGL ou Canvas em navegadores para desktop e dispositivos móveis.
• 02Inclui física com Arcade e Matter.js, animações, tweens e partículas.
• 03Oferece cenas, carregamento de assets, tratamento de entrada, câmeras e tilemaps.
• 04Oferece suporte a JavaScript e TypeScript, com definições de tipos incluídas.
• 05Oferece uma CLI que cria a estrutura de projetos para frameworks front-end e bundlers populares.
• 06Inclui um sistema de filtros com efeitos como blur, glow e bloom.

Casos de uso

• Criar jogos 2D para navegadores, voltados para desktop e dispositivos móveis.
• Publicar minijogos no YouTube Playables ou em Discord Activities.
• Criar conteúdo interativo com elementos de jogos em um app React ou Vue.
• Prototipar mecânicas de jogos 2D com ferramentas integradas de física e animação.

Início rápido

1. 1

   Instale o Phaser pelo npm

   npm install phaser
2. 2

   Importe o Phaser no seu projeto

   import Phaser from 'phaser';
3. 3

   Ou crie a estrutura inicial de um novo jogo com o app create-phaser-game

   npm create @phaserjs/game@latest

Antes de usar

• !O Phaser 4 traz mudanças incompatíveis com o Phaser 3, então pode ser necessário adaptar tutoriais e plugins antigos.

Em coleções

Tópicos

Perguntas frequentes

O que é phaser?

Phaser é um framework gratuito e open source de HTML5 para criar jogos 2D em navegadores com renderização WebGL ou Canvas. Phaser é um framework JavaScript e TypeScript para jogos 2D que rodam em navegadores web para desktop e dispositivos móveis. Ele oferece renderização WebGL e Canvas e inclui gerenciamento de cenas, carregador de assets, física integrada com Arcade e Matter.js, animações, tratamento de entrada, câmeras, tilemaps, partículas e tweens.

phaser é gratuito? Qual é a licença?

phaser é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

phaser ainda é mantido?

Atualizado nos últimos 6 meses. O último commit de phaser foi em 21 de ago. de 2026.

Para que posso usar phaser?

Criar jogos 2D para navegadores, voltados para desktop e dispositivos móveis. Publicar minijogos no YouTube Playables ou em Discord Activities. Criar conteúdo interativo com elementos de jogos em um app React ou Vue. Prototipar mecânicas de jogos 2D com ferramentas integradas de física e animação.

Como instalar phaser?

Instale o Phaser pelo npm: npm install phaser Importe o Phaser no seu projeto: import Phaser from 'phaser'; Ou crie a estrutura inicial de um novo jogo com o app create-phaser-game: npm create @phaserjs/game@latest

Onde consigo phaser?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/phaserjs/phaser