Programación de juegos Web 2D en JavaScript HTML5 con Phaser
por Ini Matias
Tutorial secuencial para crear desde cero un juego web 2D con JavaScript, HTML5 y el framework Phaser, empezando por instalar las herramientas. Funciona tanto en ordenador como en móvil.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Ini Matias (1 h 44 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas con nociones básicas de programación que quieren hacer su primer juego 2D para navegador.
- Nivel
- Principiante
- Duración
- 1 h 44 min · 23 lecciones
- Precio
- Gratis en Udemy
- Autor
- Ini Matias
- Plan sugerido
- 2 sem. · 3 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Tutorial breve y práctico para crear un primer juego 2D con Phaser, adecuado para quien ya sabe programar un poco. Su alcance es limitado a un solo juego y la falta de fecha de publicación aconseja comprobar versiones.
Puntos fuertes
- Proyecto único y completo, de principio a fin.
- Estructura secuencial en formato tutorial, fácil de seguir.
- Duración contenida (104 min) para obtener un juego terminado.
A tener en cuenta
- No consta el año de publicación; Phaser y las herramientas pueden haber cambiado desde entonces.
- Solo se desarrolla un juego, por lo que la cobertura de Phaser es limitada.
- Los capítulos publicados son pocos y no detallan el contenido de cada lección.
De qué trata
Curso en vídeo de Ini Matias en el que se desarrolla un único juego 2D para navegador con JavaScript, HTML5 y el framework Phaser. Está planteado de forma secuencial y a modo tutorial, y arranca explicando cómo descargar e instalar las herramientas necesarias.
Consta de 23 lecciones y unos 104 minutos, organizados en tres bloques: Introducción, Atlantis (el desarrollo del juego) y Resumen del Curso. Pide conocimientos básicos de programación, aunque basta con ser principiante, y la descripción señala que quien venga de otro lenguaje podrá adaptarse a JavaScript.
- Instalación de las herramientas para programar juegos HTML5
- Creación de un juego 2D completo desde cero
- Uso del framework Phaser con JavaScript
- Juegos que funcionan en ordenador y en móvil
Para quién es este curso
- Personas con nociones básicas de programación que quieren hacer su primer juego 2D para navegador.
- Desarrolladores que vienen de otro lenguaje y quieren probar JavaScript aplicado a videojuegos.
- Quien busca un tutorial corto y práctico basado en un único proyecto.
Mejor busca otro si…
- Quien nunca ha programado y necesita aprender los fundamentos desde cero.
- Quien busca un curso amplio con varios juegos o con temas avanzados de Phaser.
Antes de empezar
- Conocimientos básicos de programación (alcanza con ser principiante).
- Un ordenador donde instalar las herramientas que se explican al inicio.
Qué sabrás hacer al terminar
- Instalar las herramientas necesarias para programar juegos HTML5.
- Crear un juego 2D completo con Phaser y JavaScript desde cero.
- Entender cómo se estructura un juego web 2D con este framework.
- Conocer cómo un juego en HTML5 puede jugarse tanto en ordenador como en móvil.
Estructura del curso
- 01
Introducción
Presentación del curso, de Phaser y de las herramientas que se usarán, con la explicación de cómo descargarlas e instalarlas.
- 02
Atlantis
Bloque central en el que se programa el juego paso a paso, a modo de tutorial secuencial, usando JavaScript y Phaser.
- 03
Resumen del Curso
Cierre con un repaso de lo visto durante el curso.
Capítulos del vídeo
- 01Introducción
- 02Atlantis
- 03Resumen del Curso
Plan de estudio sugerido
2 semanas · unas 3 h por semana
- 1.Semana 1, sesión 1: Introducción; instala las herramientas y comprueba que ejecutas un ejemplo básico.
- 2.Semana 1, sesión 2: primeras lecciones de Atlantis; reproduce cada paso en tu editor.
- 3.Semana 2: resto de Atlantis y Resumen del Curso; termina el juego y prueba a modificarlo.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Escribe el código a la vez que el vídeo en lugar de solo verlo; pausa en cada lección antes de pasar a la siguiente.
- Al terminar Atlantis, cambia algo del juego (por ejemplo, ajustes o elementos) para comprobar que entiendes cómo funciona.
- Comprueba la versión de Phaser que se usa en el vídeo, por si difiere de la actual y hay que adaptar el código.
Antes y después de este curso
- Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Refuerza los fundamentos de JavaScript necesarios antes de programar el juego.
- Antes de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroOfrece una base de desarrollo web con HTML para quien parte con poca experiencia.
Cómo lo presenta Ini Matias
Aprende a desarrollar increíbles juegos web 2D en HTML5, JavaScript y Phaser
Programa juegos web 2D en JavaScript y HTML5 usando Phaser es un video tutorial en el que aprenderás a crear 1 juego desde cero en HTML5 utilizando el popular framework Phaser. Durante muchos años Flash ha sido la plataforma líder para el desarrollo de juegos 2D para internet, como todos bien saben Flash dejará de tener…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Qué nivel necesito?
La descripción pide conocimientos básicos de programación, pero indica que basta con ser principiante. Quien venga de otro lenguaje podrá adaptarse a JavaScript.
+¿Cuánto dura?
Son 23 lecciones y unos 104 minutos. Con pausas y práctica, unas 2 semanas a 3 horas semanales son razonables.
+¿Qué se construye?
Un juego 2D desde cero en HTML5 con el framework Phaser y JavaScript, en formato tutorial secuencial.
+¿Se puede jugar en móvil?
Según la descripción, un juego hecho con Phaser puede jugarse tanto desde ordenador como desde dispositivos móviles.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Ini Matias; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.