Introduzione a Phaser.js

Cos’è Phaser?

Phaser è un framework veloce, gratuito e open source per Canvas e WebGL. Permette di creare giochi che funzionano ovunque ci sia un browser moderno: desktop, mobile, tablet e anche come PWA (Progressive Web Apps).

Perché Phaser?

1. Facile da imparare: Ottimo per chi conosce già JavaScript/TypeScript.
2. Rendering Ibrido: Usa WebGL per le prestazioni, ma fa fallback automatico su Canvas se necessario.
3. Community Enorme: Migliaia di esempi, tutorial e plugin.
4. Sistema di Fisica: Include Arcade Physics (veloce e semplice), Matter.js (realistico) e altro.

Struttura di un Gioco Phaser

Un gioco Phaser è diviso in Scene. Ogni scena ha un ciclo di vita con tre metodi principali:

• preload(): Carica le risorse (immagini, suoni) in memoria.
• create(): Inizializza gli oggetti di gioco (sprite, testo) una volta che il preload è finito.
• update(): Il ciclo di gioco che viene eseguito 60 volte al secondo (logica, controlli).

Esempio minimo:

```javascript class GameScene extends Phaser.Scene { preload() { this.load.image(‘sky’, ‘assets/sky.png’); }

create() {
    this.add.image(400, 300, 'sky');
}

}

const config = { type: Phaser.AUTO, width: 800, height: 600, scene: GameScene };

const game = new Phaser.Game(config); ```