Double Glow Post Filter

Demonstrates how to apply and stack multiple glow post-processing filters on a single sprite to create complex multi-colored effects.

Double Glow Post Filter, running
800 × 600
GitHub
class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.image('bomb', 'assets/sprites/bombcolor.png');
    }

    create ()
    {
        const bomb1 = this.add.sprite(400, 300, 'bomb');

        const fx1 = bomb1.enableFilters().filters.external.addGlow(0xffff00, 4, 0, 1, false, 10, 32);
        const fx2 = bomb1.enableFilters().filters.external.addGlow(0xff0000, 4, 2);
    }
}

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

const game = new Phaser.Game(config);

More in Glow7 examples