粒子動畫效果

粒子系統

效果以下

---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
複製代碼