iOS CAEmitterLayer简介，基于CAEmitterLayer实现粒子效果 —— HERO博客

CAEmitterLayer简介：

CAEmitterLayer（粒子发射器）继承自CALayer，提供了一个基于Core Animation的粒子发射系统，粒子用CAEmitterCell来初始化，一个单独的CAEmitterLayer可同时支持多个CAEmitterCell。

CAEmitterLayer属性：

• emitterCells：CAEmitterCell对象的数组，用于把粒子投放到layer上。
• birthRate：粒子产生速度，默认1个每秒。
• lifetime：粒子纯在时间，默认1秒。
• emitterPosition：发射器在xy平面的中心位置。
• emitterZPosition：发射器在z平面的位置。
• preservesDepth：是否开启三维效果。
• velocity：粒子运动速度。
• scale：粒子的缩放比例。
• spin：自旋转速度。
• seed：用于初始化随机数产生的种子。
• emitterSize：发射器的尺寸。
• emitterDepth：发射器的深度。
• emitterShape：发射器的形状
  • NSString * const kCAEmitterLayerPoint;//点的形状，粒子从一个点发出
  • NSString * const kCAEmitterLayerLine;//线的形状，粒子从一条线发出
  • NSString * const kCAEmitterLayerRectangle;//矩形形状，粒子从一个矩形中发出
  • NSString * const kCAEmitterLayerCuboid;//立方体形状，会影响Z平面的效果
  • NSString * const kCAEmitterLayerCircle;//圆形，粒子会在圆形范围发射
  • NSString * const kCAEmitterLayerSphere;//球型
• emitterMode：发射器发射模式
  • NSString * const kCAEmitterLayerPoints;//从发射器中发出
  • NSString * const kCAEmitterLayerOutline;//从发射器边缘发出
  • NSString * const kCAEmitterLayerSurface;//从发射器表面发出
  • NSString * const kCAEmitterLayerVolume;//从发射器中点发出
• renderMode：发射器渲染模式
  • NSString * const kCAEmitterLayerUnordered;//粒子无序出现
  • NSString * const kCAEmitterLayerOldestFirst;//声明久的粒子会被渲染在最上层
  • NSString * const kCAEmitterLayerOldestLast;//年轻的粒子会被渲染在最上层
  • NSString * const kCAEmitterLayerBackToFront;//粒子的渲染按照Z轴的前后顺序进行
  • NSString * const kCAEmitterLayerAdditive;//粒子混合

CAEmitterCell属性：

• emitterCell：初始化方法。
• name：粒子的名字。
• color：粒子的颜色。
• enabled：粒子是否渲染。
• contents：渲染粒子，是个CGImageRef的对象，即粒子要展示的图片。
• contentsRect：渲染范围。

• birthRate：粒子产生速度。

• lifetime：生命周期。
• lifetimeRange：生命周期增减范围。
• velocity：粒子运动速度。
• velocityRange：速度范围。
• spin：粒子旋转角度。
• spinrange：粒子旋转角度范围。
• scale：缩放比例。
• scaleRange：缩放比例范围。
• scaleSpeed：缩放比例速度。
• alphaRange:：一个粒子的颜色alpha能改变的范围。
• alphaSpeed:：粒子透明度在生命周期内的改变速度。
• redRange：一个粒子的颜色red能改变的范围。
• redSpeed：粒子red在生命周期内的改变速度。
• blueRange：一个粒子的颜色blue能改变的范围。
• blueSpeed：粒子blue在生命周期内的改变速度。
• greenRange：一个粒子的颜色green能改变的范围。
• greenSpeed：粒子green在生命周期内的改变速度。
• xAcceleration：粒子x方向的加速度分量。
• yAcceleration：粒子y方向的加速度分量。
• zAcceleration：粒子z方向的加速度分量。
• emissionRange：粒子发射角度范围。
• emissionLongitude：粒子在xy平面的发射角度。
• emissionLatitude：发射的z轴方向的发射角度。

做了一个小Demo，效果图如下：

下面贴上代码：

#import "ViewController.h"

//获得屏幕的宽高
#define mainW [UIScreen mainScreen].bounds.size.width
#define mainH [UIScreen mainScreen].bounds.size.height

@interface ViewController ()

@property (nonatomic, strong) CAEmitterLayer *noteEmitter;
@property (nonatomic, strong) CAEmitterLayer *petalEmitter;
@property (nonatomic, strong) CAEmitterLayer *sunEmitter;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    self.view.backgroundColor = [UIColor whiteColor];
    
    //创建控件
    [self creatControl];
}

- (void)creatControl
{
    //唱歌小人背景
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake((mainW - 170) * 0.5, mainH - 350, 170, 230)];
    imageView.image = [UIImage imageNamed:@"bj.jpg"];
    [self.view addSubview:imageView];
    
    //按钮标题数组
    NSArray *titleArray = @[@"唱歌", @"花瓣", @"太阳", @"停止"];
    //按钮宽度
    CGFloat btnWidth = 70;
    //按钮间距
    CGFloat padding = (mainW - btnWidth * titleArray.count) / (titleArray.count + 1);
    //创建按钮
    for (int i = 0; i < titleArray.count; i++) {
        UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(padding + (padding + btnWidth) * i, CGRectGetMaxY(imageView.frame) + 20, btnWidth, 30)];
        [btn setTitle:titleArray[i] forState:UIControlStateNormal];
        [btn setBackgroundColor:[UIColor orangeColor]];
        btn.tag = i;
        [btn addTarget:self action:@selector(btnOnClick:) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:btn];
    }
}

- (void)btnOnClick:(UIButton *)btn
{
    //唱歌按钮点击事件
    if (btn.tag == 0) {
        //重复点击先清空发射器
        [_noteEmitter removeFromSuperlayer];
        _noteEmitter = nil;
        
        //初始化发射器
        _noteEmitter = [[CAEmitterLayer alloc] init];
        //粒子发射位置
        _noteEmitter.emitterPosition = CGPointMake(mainW * 0.5 + 15, 390);
        //发射源的尺寸大小
        _noteEmitter.emitterSize = CGSizeMake(10, 10);
        //发射模式
        _noteEmitter.renderMode = kCAEmitterLayerUnordered;
        //发射源的形状
        _noteEmitter.emitterMode = kCAEmitterLayerSurface;
        
        //发射单元
        NSMutableArray *cellArray = [NSMutableArray array];
        for (int i = 0; i < 3; i++) {
            CAEmitterCell *note = [CAEmitterCell emitterCell];
            //粒子产生速度
            note.birthRate = 0.7 + 0.5 * i;
            note.speed = 0.5;
            //粒子移动速度
            note.velocity = 100;
            //在原属性上增减的范围，现在粒子速度范围是100 - 30 ~ 100 + 30(70 ~ 130),其他属性后加Range同理
            note.velocityRange = 30;
            //粒子生命周期
            note.lifetime = 0.8;
            note.lifetimeRange = 0.1;
            //粒子旋转速度
            note.spin = 1;
            //粒子缩放比例
            note.scale = 0.1;
            note.scaleSpeed = 1;
            //粒子透明度变化速度
//            note.alphaSpeed = -0.8;
            //粒子发射角度
            note.emissionLongitude = M_PI + M_PI_2;
            note.emissionRange = M_PI_2;
            //随机生成图片名字
            NSString *str = [NSString stringWithFormat:@"note%d", arc4random_uniform(4)];
            note.contents = (__bridge id)[[UIImage imageNamed:str] CGImage];
            //粒子展示的图片
            NSString *name = [NSString stringWithFormat:@"note%d", i];
            //粒子的名字
            note.name = name;
            [cellArray addObject:note];
        }
        _noteEmitter.emitterCells = cellArray;
        //添加到layer层
        [self.view.layer addSublayer:_noteEmitter];
        
    //花瓣按钮点击事件
    }else if (btn.tag == 1) {
        [_petalEmitter removeFromSuperlayer];
        _petalEmitter = nil;
        
        _petalEmitter = [[CAEmitterLayer alloc] init];
        _petalEmitter.emitterPosition = CGPointMake(0, 0);
        _petalEmitter.emitterSize = CGSizeMake(mainW, 1);
        _petalEmitter.renderMode = kCAEmitterLayerOldestLast;
        _petalEmitter.emitterMode = kCAEmitterLayerPoints;
        _petalEmitter.emitterShape = kCAEmitterLayerRectangle;
        
        NSMutableArray *cellArray = [NSMutableArray array];
        for (int i = 0; i < 5; i++) {
            CAEmitterCell *petal = [CAEmitterCell emitterCell];
            petal.birthRate = 0.5 + 0.2 * i;
            petal.velocity = 100;
            petal.velocityRange = 100;
            petal.lifetime = 10;
            petal.spin = 0.5;
            petal.emissionLongitude = -M_PI - M_PI_2;
            petal.emissionRange = M_PI_2;
            NSString *str = [NSString stringWithFormat:@"petal%d", arc4random_uniform(5)];
            petal.contents = (__bridge id)[[UIImage imageNamed:str] CGImage];
            NSString *name = [NSString stringWithFormat:@"petal%d", i];
            petal.name = name;
            [cellArray addObject:petal];
        }
        _petalEmitter.emitterCells = cellArray;
        [self.view.layer addSublayer:_petalEmitter];
    
    //太阳按钮点击事件
    }else if (btn.tag == 2) {
        [_sunEmitter removeFromSuperlayer];
        _sunEmitter = nil;
        
        _sunEmitter = [CAEmitterLayer layer];
        _sunEmitter.frame = self.view.bounds;
        _sunEmitter.emitterPosition = CGPointMake(0, 0);
        _sunEmitter.renderMode = kCAEmitterLayerAdditive;
        
        CAEmitterCell *sun = [[CAEmitterCell alloc] init];
        sun.contents = (__bridge id)[UIImage imageNamed:@"petal4"].CGImage;
        sun.birthRate = 800;
        sun.lifetime = 2.0;
        sun.color = [UIColor colorWithRed:1 green:0.5 blue:0.1 alpha:1.0].CGColor;
        sun.alphaSpeed = -0.4;
        sun.velocity = 50;
        sun.velocityRange = 10;
        sun.emissionRange = M_PI * 2.0;
        _sunEmitter.emitterCells = @[sun];
        [self.view.layer addSublayer:_sunEmitter];
        
    //停止按钮点击事件
    }else if (btn.tag == 3) {
        [_noteEmitter removeFromSuperlayer];
        _noteEmitter = nil;
        [_petalEmitter removeFromSuperlayer];
        _petalEmitter = nil;
        [_sunEmitter removeFromSuperlayer];
        _sunEmitter = nil;
    }
}

@end