CAPITOLO 5.3

Image

Intermedio
~5 min
24 min
this._myImage = this.add.image(x, y, "mia-immagine");

Il terzo parametro è la chiave (key) con cui l'immagine è stata caricata nel Preloader tramite GameData.ts:

images: [
  {
    name: "mia-immagine",
    path: "assets/images/mia-immagine.png",
  }
]

La key usata nel Preloader deve coincidere con quella usata in this.add.image(). Per convenzione è buona prassi usare lo stesso nome del file.

Phaser Labs
Phaser LabsLIVE
Prova tutto dal vivo — centinaia di esempi interattivi
Phaser Labs raccoglie esempi funzionanti per ogni argomento del corso. Copia, modifica, sperimenta — direttamente nel browser.
Apri gli esempi della classe IMAGE
Sh4rk0

Image è il gameObject più semplice in assoluto — e questo è un punto di forza, non un limite.

Sfondo? Image. Logo in sovrimpressione? Image. Oggetto da raccogliere che non ha animazioni? Image. La metà degli oggetti nei tuoi giochi saranno immagini statiche, e non c'è nulla di sbagliato in questo.

L'unica cosa che fa inciampare tutti almeno una volta: la key deve essere identica a quella usata nel Preloader. "player" e "Player" sono due key diverse. Se lo sprite non appare, controlla prima quello. Ti risparmia dieci minuti di debug. 🔍