粒子动画

粒子系统

直播中常用的粒子是怎么搞出来的呢,下面来进行一下探究

  • CAEmitterLayer 是一个高性能的粒子引擎,被用来创建复杂的粒子动画如:烟雾,火,雨等效果,并且很好地控制了性能。

  • 来自网络的一段解释:

    • CAEmitterLayer 看上去像是许多 CAEmitterCell 的容器,这些 CAEmitterCell 定义了一个例子效果。你将会为不同的例子效果定义一个或多个 CAEmitterCell 作为模版,同时 CAEmitterLayer 负责基于这些模版实例化一个粒子流。一个 CAEmitterCell 类似于一个 CALayer :它有一个 contents 属性可以定义为一个 CGImage ,另外还有一些可设置属性控制着表现和行为。
  • 粒子定义有三要素

    • 群体性:粒子系统是由“大量显示元素”构成的(例如雪、雨、一团雾等等)
    • 统一性:粒子系统的每个元素具有相同的表现规律(例如下雨、下雪,方向都是从上向下)
    • 随机性:粒子系统的每个元素又随机表现出不同特征(例如下雪,每个雪花下落的速度会有不同,大小会有不同、方向也会有略微的不同)
  • CAEmitterLayer:一个继承自CALayer的类,有很多可以调的参数,没什么难度,就是需要耐心的调,方可跳出好的效果

  • 使用步骤

    • 1.创建发射器
    • 2.设置发射器的位置
    • 3.开启三维效果
    • 4.创建例子, 并且设置例子相关的属性
    • 5.将粒子设置到发射器中
    • 6.将发射器的layer添加到父layer中
  • 代码示例

func start() {
        // 1.创建发射器
        let emitter = CAEmitterLayer()
        
        // 2.设置发射器的位置
        emitter.emitterPosition = CGPoint(x: view.bounds.width * 0.5, y: -60)
        
        // 3.开启三维效果
        emitter.preservesDepth = true
        
        // 4.创建例子, 并且设置例子相关的属性
        // 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(M_PI_2)
        cell.emissionRange = CGFloat(M_PI_2 / 2)
        
        // 4.5.设置例子的存活时间
        cell.lifetime = 6
        cell.lifetimeRange = 1.5
        
        // 4.6.设置粒子旋转
        cell.spin = CGFloat(M_PI_2)
        cell.spinRange = CGFloat(M_PI_2 / 2)
        
        // 4.6.设置例子每秒弹出的个数
        cell.birthRate = 20
        
        // 4.7.设置粒子展示的图片
        cell.contents = UIImage(named: "good6_30x30")?.cgImage
        
        // 5.将粒子设置到发射器中
        emitter.emitterCells = [cell]
        
        // 6.将发射器的layer添加到父layer中
        view.layer.addSublayer(emitter)

}



  //停止
    func stop() {
        
        view.layer.sublayers?.filter({ $0.isKind(of: CAEmitterLayer.self)}).first?.removeFromSuperlayer()
    }


你可能感兴趣的:(粒子动画)