美文网首页带我飞2swiftiOS 开发
swift 实现漂亮的粒子效果CAEmitterLayer

swift 实现漂亮的粒子效果CAEmitterLayer

作者: smalldu | 来源:发表于2015-10-05 13:20 被阅读3738次
    一些粒子效果

    我们经常会在一些游戏或者应用中看到一些炫酷的粒子效果,我们在iOS中也能很轻松的搞一些粒子效果

    我们本次做得是一个下雪的效果,看下效果图

    源码地址:  https://github.com/smalldu/IOS-Animations
    中的AnimationDemo10
    
    下雪效果

    这个 gif 录的有点卡 , 但是运行效果一点都不卡 很唯美。

    iOS中的粒子效果是用CAEmitterLayer和CAEmitterCell 实现的 , 对cell的粒子数 ,存活时间。。。各种东西进行配置就可以了

    常用的产生粒子模式 三种kCAEmitterLayerPoint 点 kCAEmitterLayerLine线 kCAEmitterLayerRectangle 矩形,大家可以自己试试 。我就不一一展示了。

    下面是所有代码 ,代码量很少 。而且都有注释

    import UIKit
    
    class ViewController: UIViewController {
    
        override func viewDidLoad() {
            super.viewDidLoad()
            let rect = CGRect(x: 0.0, y: -70.0, width: view.bounds.width,
                height: 50.0)
            let emitter = CAEmitterLayer()
            emitter.frame = rect
            view.layer.addSublayer(emitter)
            emitter.emitterShape = kCAEmitterLayerRectangle
            
            //kCAEmitterLayerPoint
            //kCAEmitterLayerLine
            //kCAEmitterLayerRectangle
            
            emitter.emitterPosition = CGPointMake(rect.width/2, rect.height/2)
            emitter.emitterSize = rect.size
            
            let emitterCell = CAEmitterCell()
            emitterCell.contents = UIImage(named: "xh")!.scaleImageToWidth(30).CGImage
            emitterCell.birthRate = 120  //每秒产生120个粒子
            emitterCell.lifetime = 3    //存活1秒
            emitterCell.lifetimeRange = 3.0
            
            emitter.emitterCells = [emitterCell]  //这里可以设置多种粒子 我们以一种为粒子
            emitterCell.yAcceleration = 70.0  //给Y方向一个加速度
            emitterCell.xAcceleration = 20.0 //x方向一个加速度
            emitterCell.velocity = 20.0 //初始速度
            emitterCell.emissionLongitude = CGFloat(-M_PI) //向左
            emitterCell.velocityRange = 200.0   //随机速度 -200+20 --- 200+20
            emitterCell.emissionRange = CGFloat(M_PI_2) //随机方向 -pi/2 --- pi/2
           //emitterCell.color = UIColor(red: 0.9, green: 1.0, blue: 1.0,
             //   alpha: 1.0).CGColor //指定颜色
            emitterCell.redRange = 0.3
            emitterCell.greenRange = 0.3
            emitterCell.blueRange = 0.3  //三个随机颜色
            
            emitterCell.scale = 0.8
            emitterCell.scaleRange = 0.8  //0 - 1.6 
            emitterCell.scaleSpeed = -0.15  //逐渐变小
            
            emitterCell.alphaRange = 0.75   //随机透明度
            emitterCell.alphaSpeed = -0.15  //逐渐消失
            
            
            // Do any additional setup after loading the view, typically from a nib.
        }
    
        override func didReceiveMemoryWarning() {
            super.didReceiveMemoryWarning()
            // Dispose of any resources that can be recreated.
        }
    
    }
    

    OK!搞定!

    相关文章

      网友评论

      • 8e8977ba5029:请问一下 CAEmitterCell的CAEmitterCell 是在什么时刻开始发射的,求大师科普
      • 化浊:未曾了解过swift,看语法上,似乎与java很类似。
        smalldu:@化浊 是的,语法很简洁
      • 4f1798560025:请问scaleImageToWidth(30)是什么?在Xcode7.0里面报错
        smalldu:@spclz git上的代码没有吗?如果没有你就网上搜下改变图片大小,或者找个小图片,或者用cell的scale相关的方法。就是不要粒子太大就行了,总之为了美观
        4f1798560025:@大石头布 好像你的代码里面没有UIImage+Extension.swift 文件
        smalldu:@spclz 你下载我的代码,有一个类自己写的,因为没有小图片素材,把图片缩放了

      本文标题:swift 实现漂亮的粒子效果CAEmitterLayer

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