Single Atlas Frame Bob

Demonstrates how to create a Blitter Bob using a specific frame from a loaded texture atlas.

1024 × 768

class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');

        this.load.atlas('atlas', 'assets/atlas/megaset-2.png', 'assets/atlas/megaset-2.json');

    }

    create ()
    {

        const blitter = this.add.blitter(0, 0, 'atlas', 'hotdog');

        const bob = blitter.create(100, 100);

    }
}

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

const game = new Phaser.Game(config);

More in Blitter17 examples

Single Blitter BobDemonstrates how to create a Blitter object and add a single Bob instance to it at a specific coordinate.

Blitter AlphaDemonstrates how to adjust the alpha transparency of individual Bobs within a Blitter object.

Blitter and Camera ControlsDemonstrates how to render a large grid of 10,000 sprites using a Blitter object and navigate the scene using keyboard-driven camera panning and zooming.

Blitter BenchmarkDemonstrates rendering performance by batching large numbers of static images using a Blitter object, with the ability to add 250 new bobs on every pointer click.