Load Texture Atlas (PCT)

Demonstrates how to load a texture atlas in the PCT format and display its frames on the screen.

1024 × 768
GitHub
class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.setPath('assets/loader-tests/');
        this.load.atlasPCT('test', 'atlas1.pct');
    }

    create ()
    {
        const atlasTexture = this.textures.get('test');

        const frames = atlasTexture.getFrameNames();

        for (let i = 0; i < frames.length; i++)
        {
            const x = Phaser.Math.Between(0, 1024);
            const y = Phaser.Math.Between(0, 768);

            this.add.image(x, y, 'test', frames[i]);
        }
    }
}

const config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.AUTO,
    width: 1024,
    height: 768,
    parent: 'game-container',
    scene: Example
};

const game = new Phaser.Game(config);

More in Loader12 examples