Random Particle Property
Demonstrates how to use the random configuration object to assign a random value from a specified range to a particle property, such as its starting X position.
800 × 600
class Example extends Phaser.Scene
{
preload ()
{
this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
this.load.image('bg', 'assets/skies/darkstone.png');
this.load.image('platform', 'assets/particles/platform.png');
this.load.image('slime', 'assets/particles/slime.png');
}
create ()
{
this.add.image(400, 300, 'bg');
// Picks a random value between the first and second array elements
this.add.particles(0, 0, 'slime', {
x: { random: [ 80, 720 ] },
lifespan: 2500,
gravityY: 200,
frequency: 80,
scale: { min: 0.6, max: 1.1 },
blendMode: 'ADD'
});
this.add.image(-100, 0, 'platform').setOrigin(0, 0);
this.add.image(412, 0, 'platform').setOrigin(0, 0);
}
}
const config = {
scale: { mode: Phaser.Scale.FIT },
type: Phaser.AUTO,
width: 800,
height: 600,
backgroundColor: '#000',
parent: 'game-container',
scene: Example
};
const game = new Phaser.Game(config);