Maquetación Web Dinámica / Del canvas al motor: videojuegos con Phaser

Proyecto: plataformero 2D completo con 2 niveles

Proyecto250 min150 XP

El examen mayor de todo tu arco de videojuegos: un plataformero 2D completo. Correr, saltar, enemigos que patrullan, monedas que recoger, una meta que alcanzar y DOS niveles. A mano (módulo 13) sería una pesadilla de mil líneas; con Phaser es alcanzable en una tarde. Al terminar tendrás un juego que puedes mostrar con orgullo — y todo el módulo demostrado a la vez.

Reto

Plataformero: corre, salta, sobrevive, gana

Difícil240 min150 XP(×2 sin mirar la solución)

Qué debes construir

Un plataformero con las mecánicas clásicas del género:

Jugador que corre y salta con física real (gravedad + colisión con plataformas).
Enemigos que patrullan; tocarlos te devuelve al inicio del nivel.
Monedas repartidas que suman al puntaje.
Meta que, al alcanzarla, te lleva al siguiente nivel.
Dos niveles definidos como tilemaps de datos (lección 6), y una pantalla de victoria al superar el segundo.

Reglas

Phaser + física arcade. Los niveles son cuadrículas de datos, no bloques colocados a mano.
Reutiliza TODO el módulo: física y colliders (4), input (5), tilemaps de datos (6), y opcionalmente juice (7) y escenas (8).
Texturas generadas por código (sin assets externos).

240:00

Cuando estés listo, arranca el reloj.

El razonamiento — un juego completo es la SUMA ordenada de todo el módulo:

El nivel como datos = niveles gratis. Cada nivel es una cuadrícula de texto (lección 6). Construir el nivel es un bucle; agregar el nivel 2 es otra cuadrícula en el array. La lógica del juego no cambia entre niveles — solo los datos.
scene.restart(data) es el corazón del flujo. Morir = reiniciar con el mismo nivel y el puntaje que tenías al empezarlo. Pasar de nivel = reiniciar con el índice siguiente y el puntaje actual. Un solo mecanismo maneja muerte, avance y reinicio — la potencia de las escenas (lección 8).
Cada mecánica es un collider o un overlap. Pararse en el suelo (collider), recoger moneda (overlap), morir con enemigo (overlap), llegar a la meta (overlap). Declaras relaciones; el motor vigila. Ni un if de AABB a mano.

El plataformero completo, jugable, con dos niveles:

Autoevaluación: ¿el jugador corre y salta con física del motor? ¿Los enemigos patrullan e invierten al chocar? ¿Recoges monedas, mueres con enemigos y avanzas al nivel 2 en la meta? ¿Hay pantalla de victoria al final? ¿Un flag evita reinicios múltiples? Si sí a todo: construiste un plataformero completo — el género que definió los videojuegos.

Extensiones que valen oro para tu portafolio (cada una, una tarde sobre esta base): animaciones de personaje reales con spritesheets (lección 3), juice al recoger y al morir (lección 7), un menú y game-over como escenas separadas (lección 8), enemigos que mueren al saltarles encima (compara jugador.body.velocity.y > 0 en el overlap), vidas, y más niveles (solo agrega cuadrículas al array). El esqueleto ya es sólido; ahora es tu juego.

Qué sigue

Módulo 13-B cerrado, y con él TODO el arco de videojuegos: del píxel a mano al motor completo, con un plataformero de dos niveles en tu portafolio. Cambia por completo el rumbo: el módulo 14 vuelve a la web "normal" pero le inyecta vida — JavaScript aplicado al DOM. Modales, tabs, scroll reveals, dark mode: la interactividad que todo maquetador necesita, con el lenguaje que ya empezaste a dominar aquí.