0%

Swift开发之粒子动画的实现

粒子系统介绍

  • 什么是粒子系统?
    • 粒子系统是由总体具有相同的表现规律,个体却随机表现出不同的特征的大量显示元素构成的集合。
  • 粒子定义有三要素
    • 群体性:粒子系统是由“大量显示元素”构成的(例如雪、雨、一团雾等等)
    • 统一性:粒子系统的每个元素具有相同的表现规律(例如下雨、下雪,方向都是从上向下)
    • 随机性:粒子系统的每个元素又随机表现出不同特征(例如下雪,每个雪花下落的速度会有不同,大小会有不同、方向也会有略微的不同)

粒子系统应用场景

  • 影视行业
    • 目前我们经常看的大片,比如沙尘暴、暴风雨、暴雪、烟花 等等,很多都是粒子特效做出来的。很逼真,而且相比真实世界中去实拍,成本要低很多
  • 游戏中
    • 爆炸、雨、雪、雾、烟花等等。都是粒子系统实现
  • 应用中
    • 主播房间右下角粒子动画
    • 雪花/下雨/烟花等效果
    • QQ生日快乐一堆表情的跳动

iOS粒子动画的使用

  • 步骤
    • 创建发射器
    • 创建粒子, 设置粒子属性
  • swift核心代码
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    // 1.创建发射器
    let emitter = CAEmitterLayer()

    // 2.设置发射器的位置
    emitter.emitterPosition = point

    // 3.开启三维效果
    emitter.preservesDepth = true

    // 4.创建例子, 并且设置例子相关的属性
    var cells = [CAEmitterCell]()
    for i in 0..<10 {
    // 4.1.创建例子Cell
    let cell = CAEmitterCell()

    // 4.2.设置粒子速度
    cell.velocity = 150
    cell.velocityRange = 100

    // 4.3.设置例子的大小
    cell.scale = 0.7
    cell.scaleRange = 0.3

    // 4.4.设置粒子方向
    cell.emissionLongitude = CGFloat(-Double.pi/2)
    cell.emissionRange = CGFloat(Double.pi/2 / 6)

    // 4.5.设置例子的存活时间
    cell.lifetime = 3
    cell.lifetimeRange = 1.5

    // 4.6.设置粒子旋转
    cell.spin = CGFloat(Double.pi/2)
    cell.spinRange = CGFloat(Double.pi/2 / 2)

    // 4.6.设置例子每秒弹出的个数
    cell.birthRate = 2

    // 4.7.设置粒子展示的图片
    cell.contents = UIImage(named: "good\(i)_30x30")?.cgImage

    // 4.8.添加到数组中
    cells.append(cell)
    }

    // 5.将粒子设置到发射器中
    emitter.emitterCells = cells

    // 6.将发射器的layer添加到父layer中
    view.layer.addSublayer(emitter)

粒子动画效果展示

粒子动画.gif

源码

GitHub地址:ParticleAnimationDemo