Setup Progetto Phaser

Setup Moderno con Vite

Sebbene si possa usare Phaser con un semplice tag <script>, per progetti seri consigliamo di usare un bundler. Vite è la scelta migliore oggi per velocità e semplicità.

1. Creare il Progetto

Apri il terminale e lancia:

```bash npm create vite@latest mio-gioco – --template vanilla-ts ```

Seleziona Vanilla e TypeScript.

2. Installare Phaser

Entra nella cartella e installa le dipendenze:

```bash cd mio-gioco npm install npm install phaser ```

3. Struttura dei File

Crea una cartella src/scenes e un file GameScene.ts. Il tuo main.ts dovrebbe assomigliare a questo:

```typescript import Phaser from ‘phaser’;

const config: Phaser.Types.Core.GameConfig = { type: Phaser.AUTO, width: 800, height: 600, physics: { default: ‘arcade’, arcade: { gravity: { y: 200 } } }, parent: ‘app’, // L’ID del div in index.html scene: [] // Aggiungeremo le scene qui };

export default new Phaser.Game(config); ```

4. Avviare il Server di Sviluppo

```bash npm run dev ```

Ora hai un ambiente con Hot Module Reloading e TypeScript configurato!