phaser-framework => Aggiungi un'immagine in Phaser

introduzione

Aggiunta di un file immagine (preferibile a png) al gioco come oggetto "Immagine" in Phaser.

Un oggetto immagine è una buona scelta per le cose nel tuo gioco che non usano le animazioni dei fotogrammi e non devono essere necessariamente sprite.
Di default il punto di ancoraggio per un'immagine nell'angolo in alto a sinistra, ma puoi cambiarlo in questo modo: image.anchor.setTo(0.5, 0.5);

Devi prima creare un oggetto "Gioco" in Phaser.

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });

Nella funzione di richiamo del precaricamento caricare l'immagine.

function preload() {

    game.load.image('thing', 'assets/thing-image.png');

}

Parametro	Dettagli (Game.add.image)
nome	il nome usato per fare riferimento all'immagine nel metodo game.add.image.
file	percorso del file di asset (relativo alla directory root per il progetto.

Quindi nella funzione di creazione utilizzare il metodo "aggiungi" dell'oggetto di gioco per creare l'oggetto Immagine e farlo sullo schermo.

function create() {

  var image = game.add.image(100, 100, 'thing');

}

Parametro	Dettagli (Game.add.image)
X	le coordinate x dove l'immagine deve essere aggiunta.
y	la coordinata y in cui deve essere aggiunta l'immagine.
nome	il nome dell'immagine assegnata nel metodo game.load.image.

Modified text is an extract of the original Stack Overflow Documentation

Autorizzato sotto CC BY-SA 3.0

Non affiliato con Stack Overflow