Sparkle Trail
Create a flowing trail effect by staggering multiple Game Objects as they follow a spline curve with additive blending.
1024 × 768
class Example extends Phaser.Scene
{
preload ()
{
this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
this.load.image('sparkle', 'assets/particles/sparkle1.png');
}
create ()
{
const points = [
50, 300, 179, 449, 394, 498, 593, 455,
701, 338, 692, 190, 603, 76, 423, 41,
272, 78, 181, 186, 230, 328, 416, 395,
565, 327, 550, 202, 467, 149, 355, 164,
343, 254, 428, 303
];
const curve = new Phaser.Curves.Spline(points);
for (let i = 0; i < 20; i++)
{
const follower = this.add.follower(curve, 100, 100 + (30 * i), 'sparkle');
follower.setBlendMode(Phaser.BlendModes.ADD);
follower.startFollow({
duration: 4500,
yoyo: true,
repeat: -1,
ease: 'Sine.easeInOut',
_delay: i * 200,
delay: i * 100
});
}
}
}
const config = {
scale: { mode: Phaser.Scale.FIT },
type: Phaser.AUTO,
width: 1024,
height: 768,
backgroundColor: '#000000',
parent: 'game-container',
scene: Example
};
const game = new Phaser.Game(config);