美文网首页
Swift 粒子动画CAEmitterLayer简单使用

Swift 粒子动画CAEmitterLayer简单使用

作者: 热干面一元五 | 来源:发表于2019-04-22 16:18 被阅读0次

    粒子系统介绍

    • 什么是粒子系统?

      • 粒子系统是由总体具有相同的表现规律,个体却随机表现出不同的特征的大量显示元素构成的集合。
    • 粒子定义有三要素

      • 群体性:粒子系统是由“大量显示元素”构成的(例如雪、雨、一团雾等等)
      • 统一性:粒子系统的每个元素具有相同的表现规律(例如下雨、下雪,方向都是从上向下)
      • 随机性:粒子系统的每个元素又随机表现出不同特征(例如下雪,每个雪花下落的速度会有不同,大小会有不同、方向也会有略微的不同)

    粒子系统应用场景

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

    粒子系统的使用

    • 步骤
      • 创建发射器
      • 创建粒子, 设置粒子属性
    • 代码
    protocol Emitterable {
        
    }
    
    extension Emitterable where Self : UIViewController {
        
        func startEmittering(_ point : CGPoint) {
            // 1.创建发射器
            let emitter = CAEmitterLayer()
            
            // 2.设置发射器的位置
            emitter.emitterPosition = point
            
            // 3.开启三维效果
            emitter.preservesDepth = true
            
            // 4.创建粒子, 并且设置例子相关的属性
            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.pi / 2
            cell.emissionRange = CGFloat.pi / 6
            
            // 4.5.设置例子的存活时间
            cell.lifetime = 3
            cell.lifetimeRange = 1.5
            
            // 4.6.设置粒子旋转
            cell.spin = CGFloat.pi / 2
            cell.spinRange = CGFloat.pi / 4
            
            // 4.6.设置例子每秒弹出的个数
            cell.birthRate = 2
            
            // 4.7.设置粒子展示的图片
            cell.contents = UIImage(named: "imageName")?.cgImage
    
            // 5.将粒子设置到发射器中
            emitter.emitterCells = [cell]
            
            // 6.将发射器的layer添加到父layer中
            view.layer.addSublayer(emitter)
        }
        
        /// 移除CAEmitterLayer
        func stopEmittering() {
           
            view.layer.sublayers?.filter({ $0.isKind(of: CAEmitterLayer.self)}).first?.removeFromSuperlayer()
        }
    }
    

    相关文章

      网友评论

          本文标题:Swift 粒子动画CAEmitterLayer简单使用

          本文链接:https://www.haomeiwen.com/subject/oiqugqtx.html