Single Blitter Bob

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

1024 × 768

class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.image('atari', 'assets/sprites/atari130xe.png');
    }

    create ()
    {
        const blitter = this.add.blitter(0, 0, 'atari');

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

        console.log(blitter.children);
        console.log(blitter.getRenderList());
    }
}

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

const game = new Phaser.Game(config);

More in Blitter17 examples

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.

Blitter Bob Frame ObjectsDemonstrates how to create Bobs within a Blitter object by passing specific Texture Frame objects instead of string keys.