phaser学习笔记：粒子acceleration

原创于 2020-05-27 12:59:33 发布 · 704 阅读

1 ·

CC 4.0 BY-SA版权

phaser 专栏收录该内容

16 篇文章

订阅专栏

本文是关于Phaser游戏框架中粒子加速特性的学习笔记，详细探讨了如何使用粒子系统的acceleration属性来控制粒子运动，通过示例代码展示了如何实现粒子速度的变化效果，适合游戏开发初学者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例代码素材：下载地址

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 particles = this.add.particles('flares')
    // 粒子发射
    particles.createEmitter({
      frame: {
        frames: ['red', 'blue', 'green', 'yellow'],
        cycle: true
      },
      x: 64,
      y: { min: 500, max: 100, steps: 16 }, // x, y 粒子出现的位置
      lifespan: 4000, // 粒子存活时间 毫秒值
      accelerationX: 200, // x轴移动速度
      scale: 0.4,
      frequency: 100 // 粒子流出现时间间隔
    })
  }

  update() {

  }
}

export function InitAcceleration(ele) {
  return new Phaser.Game({
    type: Phaser.WEBGL,
    width: 800,
    height: 600,
    backgroundColor: '#000',
    parent: ele,
    scene: [GameScene]
  })
}