iOS---使用CAEmitterLayer制作發射粒子的特效

CAEmitterLayer是QuartzCore提供的粒子引擎, 可用于制作美觀的粒子特效.
如下圖是一個粒子特效的截圖, 實際的動態效果會更好, 因為gif制作比較模糊就沒有貼出來.

CAEmitterLayer.png

CAEmitterLayer

CAEmitterLayer與CAEAGLLayer類似, 如果放在UIView中則要重寫UIView的layerClass方法:

@interface ViewCAEmitter : UIView

@end

@implementation ViewCAEmitter

+ (Class)layerClass {
    return [CAEmitterLayer class];
}

// xxx

@end

如果是在UIViewController中, 則直接在layer上添加CAEmitterLayer即可:

@implementation UIViewController

- (void)setupCAEmitterLayer {
    _caEmitterLayer = [CAEmitterLayer layer];
    _caEmitterLayer.frame = self.view.frame;
    _caEmitterLayer.opaque = YES;
    [self.view.layer addSublayer:_caEmitterLayer];
}

// xxx

@end

添加CAEmitterLayer到view.layer中:

CAEmitterLayer *emitter = [CAEmitterLayer layer];
emitter.frame = self.bounds;
[self.layer addSublayer:emitter];

// 配置emitter
emitter.renderMode = kCAEmitterLayerAdditive; // 粒子如何混合, 這里是直接重疊
emitter.emitterPosition = position; // 發射點的位置

CAEmitterLayer其實是裝載CAEmitterCell的容器, 有一個屬性emitterCells, 將CAEmitterCell直接添加到該數組中, 即可實現粒子特效了.

CAEmitterCell

CAEmitterCell用來表示一個個的粒子, 它有一系列的參數用于設置效果.

// create a particle template
CAEmitterCell *cell = [[CAEmitterCell alloc] init];
cell.contents = (__bridge id)[UIImage imageNamed:imageName].CGImage; // 粒子中的圖片
cell.yAcceleration = -10.f;     // 粒子的初始加速度
cell.xAcceleration = -110.f;
cell.birthRate = 2.f;           // 每秒生成粒子的個數
cell.lifetime = 6.f;            // 粒子存活時間
cell.alphaSpeed = -0.3f;        // 粒子消逝的速度
cell.velocity = 30.f;           // 粒子運動的速度均值
cell.velocityRange = 30.f;      // 粒子運動的速度擾動范圍
cell.emissionRange = M_PI * 10.f; // 粒子發射角度, 這里是一個扇形.

// add particle template to emitter
emitter.emitterCells = @[cell]; // 將粒子組成的數組賦值給CAEmitterLayer的emitterCells屬性即可.

關于速度等屬性, 可以設置一個均值和一個擾動范圍:

Each layer has its own random number generator state. Emitter cell properties that are defined as a mean and a range, such as a cell’s speed, the value of the properties are uniformly distributed in the interval [M - R/2, M + R/2].

Demo

可參考Demo:
DemoCAEmitterLayer

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容