示例代码素材：下载地址

import Phaser from 'phaser'class GameScene extends Phaser.Scene {constructor() {super()}preload() {this.load.atlas('flares', 'assets/example/particles/flares.png', 'assets/example/particles/flares.json')}create() {// 粒子释放的区域const emitZone = new Phaser.Geom.Rectangle(0, 50, 800, 20)// any particles that enter this shape will be killed instantly// 死区，粒子消失区域this.particlesDeathZone = new Phaser.Geom.Circle(0, 0, 48)// 粒子const particles = this.add.particles('flares')// 粒子发射particles.createEmitter({frame: ['red', 'green', 'blue'],speed: { min: -20, max: 20 },lifespan: 10000,quantity: 1, // 每次释放的粒子数量gravityY: 10, // 下落重力速度scale: { min: 0.1, max: 0.2 }, // 缩放变化alpha: { start: 1, end: 1 }, // 透明度变化blendMode: 'ADD', // 混合模式rotate: { start: 180, end: 0 },emitZone: { source: emitZone }, // 设置释放区域deathZone: { type: 'onEnter', source: this.particlesDeathZone }})// 绘图和鼠标移动this.graphics = this.add.graphics()this.input.on('pointermove', (pointer) => {this.particlesDeathZone.x = pointer.xthis.particlesDeathZone.y = pointer.y})}update() {// 绘圆this.graphics.clear()this.graphics.lineStyle(1, 0x00ff00, 1)this.graphics.strokeCircleShape(this.particlesDeathZone)}
}export function DeathZoneEmitZoneInit(ele) {return new Phaser.Game({type: Phaser.AUTO,width: 800,height: 600,backgroundColor: '#000',parent: ele,physics: {default: 'arcade',arcade: { gravity: { y: 200 } }},scene: [GameScene]})
}