Render Texture Frame Fill
Demonstrates how to fill a Render Texture with a repeating texture pattern using the repeat method.
800 × 600
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);