Repolode
Enviar
phaserjs

phaserjs/phaser

Phaser es un framework gratuito y de código abierto para crear juegos 2D en HTML5 con renderizado WebGL o Canvas en navegadores.

Ver en GitHubSitio web
Estrellas
40,540
Forks
7,179
Issues abiertos
176
Último commit
hace 2 meses

¿Qué es?

Phaser es un framework de JavaScript y TypeScript para crear juegos 2D que se ejecutan en navegadores web de escritorio y móviles. Admite renderizado WebGL y Canvas e incluye gestión de escenas, un cargador de recursos, física integrada con Arcade y Matter.js, animaciones, gestión de entradas, cámaras, tilemaps, partículas y tweens.

Los juegos creados con Phaser pueden publicarse en la web, YouTube Playables, Discord Activities, Reddit y superposiciones de Twitch, o empaquetarse con herramientas de terceros para iOS, Android, Steam y aplicaciones nativas. Phaser se puede instalar desde npm o cargar desde un CDN, y el CLI create-phaser-game genera la estructura inicial de proyectos con plantillas para React, Vue, Angular, Svelte, Next.js y otros frameworks.

La versión 4 sustituye la canalización de renderizado por un renderizador WebGL basado en nodos y unifica los efectos y las máscaras en un sistema de filtros. Añade capas de sprites y tilemaps aceleradas por GPU para renderizar cantidades muy grandes de objetos. Los proyectos de Phaser 3 requieren una migración, que se explica en una guía del repositorio.

Funciones clave

  • 01Renderiza con WebGL o Canvas en navegadores de escritorio y móviles.
  • 02Incluye física con Arcade y Matter.js, animaciones, tweens y partículas.
  • 03Ofrece escenas, carga de recursos, gestión de entradas, cámaras y tilemaps.
  • 04Admite JavaScript y TypeScript, con definiciones de tipos incluidas.
  • 05Incluye un CLI que genera la estructura inicial de proyectos para frameworks y bundlers populares de frontend.
  • 06Incorpora un sistema de filtros con efectos como desenfoque, resplandor y bloom.

Casos de uso

  • Crear juegos 2D para navegadores de escritorio y móviles.
  • Publicar minijuegos en YouTube Playables o Discord Activities.
  • Crear contenido interactivo con estilo de juego dentro de una aplicación de React o Vue.
  • Prototipar mecánicas de juegos 2D con herramientas integradas de física y animación.

Inicio rápido

  1. 1

    Instala Phaser desde npm

    npm install phaser
  2. 2

    Importa Phaser en tu proyecto

    import Phaser from 'phaser';
  3. 3

    O crea la estructura inicial de un juego con la app create-phaser-game

    npm create @phaserjs/game@latest

Antes de usarlo

  • Phaser 4 incluye cambios incompatibles con Phaser 3, por lo que puede ser necesario adaptar tutoriales y plugins antiguos.

En colecciones

Herramientas y motores para desarrollo de juegos

Temas

#game-development#javascript#typescript#webgl#canvas#html5-game-development#2d-game-engine#discord-activities#facebook-instant-games#game-frameworks

Preguntas frecuentes

¿Qué es phaser?
Phaser es un framework gratuito y de código abierto para crear juegos 2D en HTML5 con renderizado WebGL o Canvas en navegadores. Phaser es un framework de JavaScript y TypeScript para crear juegos 2D que se ejecutan en navegadores web de escritorio y móviles. Admite renderizado WebGL y Canvas e incluye gestión de escenas, un cargador de recursos, física integrada con Arcade y Matter.js, animaciones, gestión de entradas, cámaras, tilemaps, partículas y tweens.
¿phaser es gratuito? ¿Qué licencia tiene?
phaser es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿phaser sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de phaser fue el 21 ago 2026.
¿Para qué puedo usar phaser?
Crear juegos 2D para navegadores de escritorio y móviles. Publicar minijuegos en YouTube Playables o Discord Activities. Crear contenido interactivo con estilo de juego dentro de una aplicación de React o Vue. Prototipar mecánicas de juegos 2D con herramientas integradas de física y animación.
¿Cómo se instala phaser?
Instala Phaser desde npm: npm install phaser Importa Phaser en tu proyecto: import Phaser from 'phaser'; O crea la estructura inicial de un juego con la app create-phaser-game: npm create @phaserjs/game@latest
¿Dónde consigo phaser?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/phaserjs/phaser

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados