iOS动画开发 粒子效果 CAEmitterLayer

ios的粒子效果主要有两部分组成

• 发射器：发射器主要设置粒子发射的宏观属性
• 粒子单元：设置相应的粒子属性
  发射器是基于layer层的，常用属性有：

一、发射器

• emitterCells 粒子单元数组，例如你在绘制火焰的效果时，你可以创建两个单元，一个单元负责烟雾，一个单元负责火苗。
• birthRate 粒子的创建速率，默认为1/s。
• lifetime 粒子的存活时间。默认为1S。
• emitterPosition 发射器在xy平面的中心位置
• emitterZPosition 发射器在Z平面的位置
• emitterSize 发射器的尺寸大小
• emitterDepth 发射器的深度，在某些模式下会产生立体效果
• emitterShape 发射器的形状，这个参数的几个系统字符串如下：

  CA_EXTERN NSString * const kCAEmitterLayerPoint
   __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0); //点的形状，粒子从一个点发出
  CA_EXTERN NSString * const kCAEmitterLayerLine
   __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//线的形状，粒子从一条线发出
  CA_EXTERN NSString * const kCAEmitterLayerRectangle
   __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//矩形形状，粒子从一个矩形中发出
  CA_EXTERN NSString * const kCAEmitterLayerCuboid
   __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//立方体形状，会影响Z平面的效果
  CA_EXTERN NSString * const kCAEmitterLayerCircle
  __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//圆形，粒子会在圆形范围发射
  CA_EXTERN NSString * const kCAEmitterLayerSphere
  __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//球型

• emitterMode 发射器的发射模式，参数如下：

  CA_EXTERN NSString * const kCAEmitterLayerPoints
  __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//从发射器中发出
  CA_EXTERN NSString * const kCAEmitterLayerOutline
  __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//从发射器边缘发出
  CA_EXTERN NSString * const kCAEmitterLayerSurface
  __OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//从发射器表面发出
  CA_EXTERN NSString * const kCAEmitterLayerVolume
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//从发射器中点发出

• renderMode 发射器渲染模式，参数如下：

CA_EXTERN NSString * const kCAEmitterLayerUnordered
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式下，粒子是无序出现的，多个发射源将混合
CA_EXTERN NSString * const kCAEmitterLayerOldestFirst
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式下，声明久的粒子会被渲染在最上层
CA_EXTERN NSString * const kCAEmitterLayerOldestLast
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式下，年轻的粒子会被渲染在最上层
CA_EXTERN NSString * const kCAEmitterLayerBackToFront
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式下，粒子的渲染按照Z轴的前后顺序进行
CA_EXTERN NSString * const kCAEmitterLayerAdditive
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式会进行粒子混合

• preservesDepth 是否开启三维空间效果
• velocity 粒子的运动速度
• scale 粒子的缩放大小
• spin 粒子的旋转位置
• seed 初始化随机的粒子种子

二、粒子单元

设置好了粒子发射器，我们还需要初始化一些粒子单元，设置具体粒子的属性，我们使用到的类是CAEmitterCell这个类。

• name 设置发射单元的名称
• enabled 是否允许发射器渲染
• birthRate 粒子的创建速率
• lifetime 粒子的生存时间
• lifetimeRange 粒子的生存时间容差
• emissionLatitude 粒子在Z轴方向的发射角度
• emissionLongitude 粒子在xy平面的发射角度
• emissionRange 粒子发射角度的容差
• velocity 粒子的速度
• velocityRange 粒子速度的容差
• xAcceleration
• yAcceleration x，y，z三个方向的加速度
• zAcceleration
• scale
• scaleRange 缩放大小，缩放容差和缩放速度
• scaleSpeed
• spin
• spinRange 旋转度与旋转容差
• color粒子的颜色
• redRange
• greenRange
• blueRange
• alphaRange 粒子在rgb三个色相上的容差和透明度的容差
• redSpeed
• greenSpeed
• blueSpeed
• alphaSpeed 粒子在RGB三个色相上的变化速度和透明度的变化速度
• contents 渲染粒子，可以设置为一个CGImage的对象
• contentsRect 渲染的范围

demo 效果

    let fireEmitterLayer = CAEmitterLayer()//创建粒子发射器
    fireEmitterLayer.emitterPosition = CGPoint(x: ZLScreenWidth * 0.5, y: ZLScreenHeight - 20 - 64)
    fireEmitterLayer.emitterSize = CGSize(width: ZLScreenWidth - 100, height: 20)
    fireEmitterLayer.renderMode = kCAEmitterLayerAdditive
    //创建发射单元
    let fire = CAEmitterCell()
    fire.contents = UIImage(named:"111")?.cgImage//图片像素一定要特别小不然没有效果且特变卡
    fire.birthRate = 100
    fire.lifetime = 2.0
    fire.lifetimeRange = 1.5
    fire.color = UIColor(colorLiteralRed: 0.8, green: 0.4, blue: 0.2, alpha: 1).cgColor
    fire.name = "fire"
    fire.velocity = 160
    fire.velocityRange = 80
    fire.emissionLongitude = CGFloat(M_PI + M_PI_2)
    fire.emissionRange = CGFloat(M_PI_2)
    fire.scaleSpeed = 0.3
    fire.spin = 0.2
    let smoke = CAEmitterCell()
    smoke.birthRate = 400
    smoke.lifetime = 3.0
    smoke.lifetimeRange = 1.5
    smoke.color = UIColor(colorLiteralRed: 1, green: 1, blue: 1, alpha: 0.05).cgColor
    smoke.contents = UIImage(named: "111")?.cgImage
    smoke.name = "smoke"
    smoke.velocity = 250
    smoke.velocityRange = 100
    smoke.emissionLongitude = CGFloat(M_PI + M_PI_2)
    smoke.emissionRange = CGFloat(M_PI_2)
    fireEmitterLayer.emitterCells = [fire,smoke]
    self.view.layer.addSublayer(fireEmitterLayer)

粒子效果1.gif