phaser-framework => Añadir una imagen en Phaser

Introducción

Agregar un archivo de imagen (preferiblemente un png) a tu juego como un objeto "Imagen" en Phaser.

Un objeto de imagen es una buena opción para cosas en tu juego que no usan animaciones de cuadros y no necesitan ser un Sprite.
Por defecto, el punto de anclaje para una imagen en la esquina superior izquierda, pero puede cambiarlo así: image.anchor.setTo(0.5, 0.5);

Primero debes crear un objeto "Juego" en Phaser.

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

En la función de devolución de llamada de precarga cargar la imagen.

function preload() {

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

}

Parámetro	Detalles (Game.add.image)
nombre	el nombre utilizado para hacer referencia a la imagen en el método game.add.image.
expediente	ruta al archivo de activos (en relación con el directorio raíz del proyecto).

Luego, en la función de creación, use el método "agregar" del objeto del juego para crear el objeto de imagen y colocarlo en la pantalla.

function create() {

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

}

Parámetro	Detalles (Game.add.image)
X	Las coordenadas x donde se debe agregar la imagen.
y	La coordenada y donde se debe agregar la imagen.
nombre	El nombre de la imagen asignada en el método game.load.image.

Modified text is an extract of the original Stack Overflow Documentation

Licenciado bajo CC BY-SA 3.0