phaser-framework => Ein Bild in Phaser hinzufügen

Einführung

Hinzufügen einer Bilddatei (vorzugsweise ein PNG) als "Bild" -Objekt in Phaser

Ein Image-Objekt ist eine gute Wahl für Dinge in Ihrem Spiel, die keine Frame-Animationen verwenden und ansonsten kein Sprite sein müssen.
Standardmäßig ist der Ankerpunkt für ein Bild in der oberen linken Ecke. Sie können es jedoch wie image.anchor.setTo(0.5, 0.5); ändern: image.anchor.setTo(0.5, 0.5);

Sie müssen zuerst ein "Game" -Objekt in Phaser erstellen.

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

Laden Sie das Image in der Callback-Funktion für das Vorladen.

function preload() {

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

}

Parameter	Details (Game.add.image)
Name	Der Name, mit dem auf das Bild in der game.add.image-Methode verwiesen wird.
Datei	Pfad zur Asset-Datei (relativ zum Stammverzeichnis des Projekts).

Dann verwenden Sie in der Erstellungsfunktion die "Hinzufügen" -Methode des Spielobjekts, um das Bildobjekt und es auf dem Bildschirm zu erstellen.

function create() {

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

}

Parameter	Details (Game.add.image)
x	die x-Koordinaten, an denen das Bild hinzugefügt werden soll.
y	die y-Koordinate, an der das Bild hinzugefügt werden soll.
Name	Der Name des in der game.load.image-Methode zugewiesenen Bildes.

Modified text is an extract of the original Stack Overflow Documentation

Lizenziert unter CC BY-SA 3.0

Nicht angeschlossen an Stack Overflow