Render Texture Frame Fill

Demonstrates how to fill a Render Texture with a repeating texture pattern using the repeat method.

Render Texture Frame Fill, running
800 × 600
GitHub
class Example extends Phaser.Scene
{
    constructor ()
    {
        super();
    }

    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.image('beer', 'assets/sprites/beer.png');
        this.load.image('crate', 'assets/sprites/crate.png');
        this.load.image('raster', 'assets/demoscene/large-raster32.png');
    }

    create ()
    {
        const rt1 = this.add.renderTexture(0, 0, 400, 600).setOrigin(0, 0);
        const rt2 = this.add.renderTexture(400, 0, 400, 600).setOrigin(0, 0);

        rt1.repeat('crate', null, 0, 0).render();
        rt2.repeat('raster', null, 0, 0).render();
    }
}

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

const game = new Phaser.Game(config);

More in Render Texture45 examples