Build Games with Cursor

Un juego 2D creado con Phaser 3 y JavaScript vanilla, desarrollado con Cursor.

Stack Tecnológico

• Phaser 3.90.0 — framework de juegos (renderizado, física, escenas)
• Tone.js 14.7.77 — síntesis de audio y efectos
• Arcade Physics — sistema ligero de colisiones y movimiento

Estructura del Proyecto

├── assets/
│   └── spritesheets/       # atlas de sprites (fondos, personajes, enemigos, tiles)
├── css/
│   └── style.css           # layout del canvas a pantalla completa
├── js/
│   ├── levels/             # datos de niveles (pendiente)
│   ├── scenes/
│   │   ├── PreloadScene.js # carga de assets
│   │   ├── GameScene.js    # bucle principal de juego
│   │   └── UIScene.js      # HUD / menús
│   └── main.js             # configuración de Phaser y punto de entrada
├── types/
│   └── phaser.d.ts         # definiciones de tipos de Phaser para el editor
└── index.html              # punto de entrada (página única)

Cómo Empezar

No requiere paso de compilación — el juego corre directamente en el navegador.

1. Clonar el repositorio:

   git clone https://github.com/alonsarias/build-games-with-cursor.git
   cd build-games-with-cursor

2. Abrir el proyecto en Cursor.

3. Instalar la extensión Live Server si aún no la tienes.

4. Hacer clic derecho en index.html → Open with Live Server (o pulsar Go Live en la barra inferior).

5. El navegador se abrirá automáticamente con el juego corriendo.

Configuración del Juego

El canvas tiene un tamaño de 1024 × 768 con física Arcade. La configuración se encuentra en js/main.js.