phaser-framework => Ajouter une image dans Phaser

Introduction

Ajouter un fichier image (préférable à un png) à votre jeu en tant qu’objet "Image" dans Phaser.

Un objet Image est un bon choix pour les objets de votre jeu qui n'utilisent pas d'animations d'images et ne nécessitent pas nécessairement un Sprite.
Par défaut, le point d'ancrage d'une image dans le coin supérieur gauche, mais vous pouvez le modifier comme image.anchor.setTo(0.5, 0.5); : image.anchor.setTo(0.5, 0.5);

Vous devez d'abord créer un objet "Jeu" dans Phaser.

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

Dans la fonction de rappel de préchargement, chargez l'image.

function preload() {

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

}

Paramètre	Détails (Game.add.image)
prénom	le nom utilisé pour référencer l'image dans la méthode game.add.image.
fichier	chemin d'accès au fichier d'actif (relatif au répertoire racine du projet).

Ensuite, dans la fonction de création, utilisez la méthode "Ajouter" de l’objet du jeu pour créer l’objet Image et l’afficher à l’écran.

function create() {

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

}

Paramètre	Détails (Game.add.image)
X	les coordonnées x où l'image doit être ajoutée.
y	la coordonnée y où l'image doit être ajoutée.
prénom	le nom de l'image assignée dans la méthode game.load.image.

Modified text is an extract of the original Stack Overflow Documentation

Sous licence CC BY-SA 3.0

Non affilié à Stack Overflow