CAEmitterLayer实现烟花动画效果

效果：

CAEmitterLayer是CALayer的一个子类，和CAEmitterCell一起使用可以创造出多样的动画效果。
CAEmitterLayer的属性：

/*@interface CAEmitterLayer : CALayer
－－粒子的数组 把设置好的粒子放入数组设置到layer上
@property(nullable, copy) NSArray<CAEmitterCell > emitterCells;
－－layer生产率 与cell的birthRate相乘就是粒子的生产率
@property float birthRate;
－－layer存在时间 同上
@property float lifetime;
－－发射源中心点的位置
@property CGPoint emitterPosition;
－－z轴上的位置
@property CGFloat emitterZPosition;
－－是发射源的大小 并不是layer的大小
@property CGSize emitterSize;
－－不清楚是什么效果
@property CGFloat emitterDepth;
－－发射源的形状 有圆形 方形 线型等
@property(copy) NSString *emitterShape;
－－发散形式 “layerPoints”是指发射粒子的位置在发射源的关键点上
如方形发射源的四个角点 圆形发射源的中心点
“OutLine”就是指例子发射的位置位于发射源的边框
“surface”即是表面 “volume”暂时不清楚
@property(copy) NSString *emitterMode;
－－描绘模式 “unordered”不规律的 增加了立体感
“oldestFirst”先生成的在上 “oldestLast”反之
“backToFront”根据z轴上的位置进行描绘 “additive”发射源的多种粒子进行混合
@property(copy) NSString *renderMode;
－－是否展示在z轴上的效果 把图层进行3d变形如沿y轴旋转90度 会有很明显的立体效果
@property BOOL preservesDepth;
－－发射速度 和cell的速度属性一起决定了粒子的速度 猜测粒子的速度是两者的乘积
而且和cell的速度属性不同 这个属性可以为负
为负的时候发散方向是向反方向的 为正时是向指定方向的
@property float velocity;
－－ 缩放大小 和速度相同 粒子的scale值是两者相乘 也可以为负 为负时效果不清楚
@property float scale;
－－ 同上面的两个属性
@property float spin;
－－ 可能是给图层中需要用到的随机数设置种子
@property unsigned int seed;*/
CAEmitterCell的部分属性

/*
－－是否允许被绘制出来
@property(getter=isEnabled) BOOL enabled;

－－生成速率
@property float birthRate;

－－生存周期
@property float lifetime;
－－生存周期的绝对值的偏移量的最大值 。。。
@property float lifetimeRange;

－－z轴方向上的发射角度
@property CGFloat emissionLatitude;
－－在xy平面上的发射角度
@property CGFloat emissionLongitude;

－－放射角度的偏移量
@property CGFloat emissionRange;

－－放射速度
@property CGFloat velocity;
－－速度偏移量
@property CGFloat velocityRange;
－－在三个坐标轴上的速度增量 可以做出类似重力 风吹的效果
@property CGFloat xAcceleration;
@property CGFloat yAcceleration;
@property CGFloat zAcceleration;
－－缩放数值
@property CGFloat scale;
－－缩放数值的偏移量
@property CGFloat scaleRange;
－－缩放速度 不清楚怎么设置 可能和velocity属性有关系
@property CGFloat scaleSpeed;
－－旋转
@property CGFloat spin;
－－旋转的偏移量
@property CGFloat spinRange;
－－设置cell的颜色 content的颜色会影响实际颜色
@property(nullable) CGColorRef color;
－－设置三原色和透明度的值 偏移值 0-1
@property float redRange;
@property float greenRange;
@property float blueRange;
@property float alphaRange;
－－变色速率
@property float redSpeed;
@property float greenSpeed;
@property float blueSpeed;
@property float alphaSpeed;
－－cell的内容 一般是UIImage
@property(nullable, strong) id contents;
－－内容范围
@property CGRect contentsRect;
－－内容缩放
@property CGFloat contentsScale;
*/
CAEmitterLayer和CAEmitterCell有众多属性，所以就有更多的搭配，从而实现多种多样的动画效果。
烟花效果只是其中一种：
烟花的两个图片：
烟花效果，效果实现代码如下 ：

• (void)viewDidLoad {

  [super viewDidLoad];
  // Do any additional setup after loading the view, typically from a nib.
  
  self.view.backgroundColor       = [UIColor blackColor];
  self.caELayer                   = [CAEmitterLayer layer];
  // 发射源
  self.caELayer.emitterPosition   = CGPointMake(self.view.frame.size.width / 2, self.view.frame.size.height - 50);
  // 发射源尺寸大小
  self.caELayer.emitterSize       = CGSizeMake(50, 0);
  // 发射源模式
  self.caELayer.emitterMode       = kCAEmitterLayerOutline;
  // 发射源的形状
  self.caELayer.emitterShape      = kCAEmitterLayerLine;
  // 渲染模式
  self.caELayer.renderMode        = kCAEmitterLayerAdditive;
  // 发射方向
  self.caELayer.velocity          = 1;
  // 随机产生粒子
  self.caELayer.seed              = (arc4random() % 100) + 1;
  // 不超出范围
  //self.caELayer.frame = CGRectMake(0, 0, 300, 300);
  //self.caELayer.masksToBounds = YES;
  // cell
  CAEmitterCell *cell             = [CAEmitterCell emitterCell];
  // 速率
  cell.birthRate                  = 1.0;
  // 发射的角度
  cell.emissionRange              = 0.11 * M_PI;
  // 速度
  cell.velocity                   = 300;
  // 范围
  cell.velocityRange              = 150;
  // Y轴 加速度分量
  cell.yAcceleration              = 75;
  // 声明周期
  cell.lifetime                   = 2.04;
  //是个CGImageRef的对象,既粒子要展现的图片
  cell.contents                   = (id)
  [[UIImage imageNamed:@"FFRing"] CGImage];
  // 缩放比例
  cell.scale                      = 0.2;
  // 粒子的颜色
  cell.color                      = [[UIColor colorWithRed:0.6
                                                     green:0.6
                                                      blue:0.6
                                                     alpha:1.0] CGColor];
  // 一个粒子的颜色green 能改变的范围
  cell.greenRange                 = 1.0;
  // 一个粒子的颜色red 能改变的范围
  cell.redRange                   = 1.0;
  // 一个粒子的颜色blue 能改变的范围
  cell.blueRange                  = 1.0;
  // 子旋转角度范围
  cell.spinRange                  = M_PI;
  
  // 爆炸
  CAEmitterCell *burst            = [CAEmitterCell emitterCell];
  // 粒子产生系数
  burst.birthRate                 = 1.0;
  // 速度
  burst.velocity                  = 0;
  // 缩放比例
  burst.scale                     = 2.5;
  // shifting粒子red在生命周期内的改变速度
  burst.redSpeed                  = -1.5;
  // shifting粒子blue在生命周期内的改变速度
  burst.blueSpeed                 = +1.5;
  // shifting粒子green在生命周期内的改变速度
  burst.greenSpeed                = +1.0;
  //生命周期
  burst.lifetime                  = 0.35;
  
  
  // 火花 and finally, the sparks
  CAEmitterCell *spark            = [CAEmitterCell emitterCell];
  //粒子产生系数，默认为1.0
  spark.birthRate                 = 400;
  //速度
  spark.velocity                  = 125;
  // 360 deg//周围发射角度
  spark.emissionRange             = 2 * M_PI;
  // gravity//y方向上的加速度分量
  spark.yAcceleration             = 75;
  //粒子生命周期
  spark.lifetime                  = 3;
  //是个CGImageRef的对象,既粒子要展现的图片
  spark.contents                  = (id)
  [[UIImage imageNamed:@"FFTspark"] CGImage];
  //缩放比例速度
  spark.scaleSpeed                = -0.2;
  //粒子green在生命周期内的改变速度
  spark.greenSpeed                = -0.1;
  //粒子red在生命周期内的改变速度
  spark.redSpeed                  = 0.4;
  //粒子blue在生命周期内的改变速度
  spark.blueSpeed                 = -0.1;
  //粒子透明度在生命周期内的改变速度
  spark.alphaSpeed                = -0.25;
  //子旋转角度
  spark.spin                      = 2* M_PI;
  //子旋转角度范围
  spark.spinRange                 = 2* M_PI;
  
  
  self.caELayer.emitterCells = [NSArray arrayWithObject:cell];
  cell.emitterCells = [NSArray arrayWithObjects:burst, nil];
  burst.emitterCells = [NSArray arrayWithObject:spark];
  [self.view.layer addSublayer:self.caELayer];

  }

你也可以根据自己的实际开发需要进行参数的调整