Image Offset

Demonstrates how to position multiple images at specific X and Y coordinates within a scene.

Image Offset, running
1024 × 768
GitHub
class Example extends Phaser.Scene
{
    image3;
    image2;
    image1;

    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');

        this.load.image('eye', 'assets/pics/lance-overdose-loader-eye.png');
        this.load.image('bunny', 'assets/sprites/bunny.png');
        this.load.image('tetris', 'assets/sprites/tetrisblock1.png');

    }

    create ()
    {

        this.image1 = this.add.image(500, 200, 'eye');
        this.image2 = this.add.image(180, 150, 'tetris');
        this.image3 = this.add.image(400, 300, 'bunny');

    }
}

const config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.CANVAS,
    parent: 'game-container',
    scene: Example
};

const game = new Phaser.Game(config);

More in Images16 examples