Text Texture

Demonstrates how to convert a Text object into a dynamic texture and use it as the source frame for a Particle Emitter.

Text Texture, running
800 × 600
GitHub
class Example extends Phaser.Scene
{
    create ()
    {
        const text = this.make.text({
            add: false,
            x: 0,
            y: 0,
            text: 'Phaser',
            style: {
                fontSize: '64px',
                fontFamily: 'Arial',
                color: '#ffffff',
                align: 'center',
                backgroundColor: '#ff00ff'
            }
        });

        this.textures.addCanvas('text', text.canvas);

        this.add.particles(400, 300, 'text', {
            alpha: { start: 1, end: 0 },
            speed: { min: 60, max: 260 },
            lifespan: { min: 2000, max: 3000 }
        });
    }
}

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

const game = new Phaser.Game(config);

More in Textures36 examples