Blitter to Render Texture
Demonstrates how to draw a Blitter object onto a Render Texture and apply transformations like rotation using the Render Texture's internal camera.
800 × 600
class Example extends Phaser.Scene
{
blitter;
rt;
preload ()
{
this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
this.load.image('duck', 'assets/sprites/darkwing_crazy.png');
}
create ()
{
this.blitter = this.add.blitter(0, 0, 'duck').setVisible(false);
for (let i = 0; i < 512; i++)
{
const x = Phaser.Math.Between(0, 800);
const y = Phaser.Math.Between(0, 600);
this.blitter.create(x, y);
}
this.rt = this.add.renderTexture(400, 300, 800, 600);
}
update ()
{
const rt = this.rt;
rt.camera.rotation -= 0.01;
rt.clear()
.draw(this.blitter, 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);