粒子动画效果

粒子系统

效果以下

---git

粒子系统介绍

什么是粒子系统？
- 粒子系统是由整体具备相同的表现规律，个体却随机表现出不一样的特征的大量显示元素构成的集合。
粒子定义有三要素
- 群体性：粒子系统是由“大量显示元素”构成的(例如雪、雨、一团雾等等)
- 统一性：粒子系统的每一个元素具备相同的表现规律(例以下雨、下雪，方向都是从上向下)
- 随机性：粒子系统的每一个元素又随机表现出不一样特征(例以下雪，每一个雪花下落的速度会有不一样，大小会有不一样、方向也会有略微的不一样)

粒子系统应用场景

影视行业
- 目前咱们常常看的大片，好比沙尘暴、暴风雨、暴雪、烟花等等，不少都是粒子特效作出来的。很逼真，并且相比真实世界中去实拍，成本要低不少
游戏中
- 爆炸、雨、雪、雾、烟花等等。都是粒子系统实现
应用中
- 主播房间右下角粒子动画
- 雪花/下雨/烟花等效果
- QQ生日快乐一堆表情的跳动

粒子系统的使用

步骤
- 建立发射器
- 建立粒子, 设置粒子属性
代码

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(Double.pi/2)
        cell.emissionRange = CGFloat(Double.pi / 4)
        
        // 4.5.设置例子的存活时间
        cell.lifetime = 6
        cell.lifetimeRange = 1.5
        
        // 4.6.设置粒子旋转
        cell.spin = CGFloat(Double.pi/2)
        cell.spinRange = CGFloat(Double.pi / 4)
        
        // 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() {
        /*
        for layer in view.layer.sublayers! {
            if layer.isKind(of: CAEmitterLayer.self) {
                layer.removeFromSuperlayer()
            }
        }
        */
        view.layer.sublayers?.filter({ $0.isKind(of: CAEmitterLayer.self)}).first?.removeFromSuperlayer()
    }
复制代码

拓展建立多种图片样式

//4.建立例子,并且设置例子相关的属性
        var cells = [CAEmitterCell]()
        
        for i in 0..<10 {
            //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(-Double.pi/2)
            cell.emissionRange = CGFloat(-Double.pi/12)
            
            //4.5设置粒子的存活时间
            cell.lifetime = 3
            cell.lifetimeRange = 1.5
            
            //4.6设置粒子的旋转
            cell.spin = CGFloat(Double.pi/2)
            cell.spinRange = CGFloat(Double.pi / 4)
            
            //4.7设置粒子每秒弹出的个数
            cell.birthRate = 2
            
            //4.8设置粒子展现的图片
            cell.contents = UIImage(named: "good\(i)_30x30")?.cgImage
            
            //4.9添加到数组中
            cells.append(cell)
        }
        // 5.将粒子设置到发射器中
        emitter.emitterCells = cells
复制代码