Szukaj…


Wprowadzenie

Dodanie pliku graficznego (najlepiej png) do gry jako obiekt „Image” w Phaser.

Składnia

  • game.load.image (name: string, file: string,);
  • game.add.image (x: liczba, y: liczba, nazwa: ciąg);

Uwagi

  • Obiekt obrazu to dobry wybór dla przedmiotów w grze, które nie używają animacji klatek i nie muszą być duszkiem.
  • Domyślnie punkt kontrolny obrazu w lewym górnym rogu, ale można to zmienić w następujący sposób: image.anchor.setTo(0.5, 0.5);

Utwórz i dodaj do ekranu

Najpierw musisz utworzyć obiekt „Game” w Phaser.

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

W funkcji wywołania zwrotnego ładowania wstępnego załaduj obraz.

function preload() {

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

}
Parametr Szczegóły (Game.add.image)
Nazwa nazwa użyta w odniesieniu do obrazu w metodzie game.add.image.
plik ścieżka do pliku zasobu (względem katalogu głównego projektu.

Następnie w funkcji tworzenia użyj metody „dodaj” obiektu gry, aby utworzyć obiekt obrazu i go na ekranie.

function create() {

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

}
Parametr Szczegóły (Game.add.image)
x współrzędne x, do których należy dodać obraz.
y współrzędna y, do której należy dodać obraz.
Nazwa nazwa obrazu przypisana w metodzie game.load.image.


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow