美文网首页
粒子动画

粒子动画

作者: 来金德瑞 | 来源:发表于2017-09-04 09:57 被阅读34次

什么是粒子系统?

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

粒子定义有三要素

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

粒子系统应用场景

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

具体代码实现(Swift版)


        // 1.创建发射器
        let emitterLayer = CAEmitterLayer()
        
        // 2.设置发射器的位置
        emitterLayer.emitterPosition = CGPoint(x: view.bounds.width * 0.5, y: 100)
        
        // 3.设置粒子
        var cells = [CAEmitterCell]()
        for i in 0..<10 {
            // 3.1.创建粒子
            let cell = CAEmitterCell()
            
            // 3.2.设置发射的速率
            cell.birthRate = 5
            
            // 3.3.设置发射的方向以及范围
            cell.emissionLongitude = CGFloat(M_PI/2)
            cell.emissionRange = CGFloat(M_PI/6)
            
            // 3.4.粒子的速率以及范围
            cell.velocity = 80 // 40~120
            cell.velocityRange = 40
            
            // 3.5.生成时间以及范围
            cell.lifetime = 8 // 6~14
            cell.lifetimeRange = 3
            
            // 3.6.设置粒子缩放比率以及范围
            cell.scale = 0.6 // 0.3 ~ 0.9
            cell.scaleRange = 0.3
            
            cell.spin = 2
            cell.spinRange = 1
            
            // 3.7.设置粒子的内容
            cell.contents = UIImage(named: "good\(i)_30x30")?.cgImage
            
            cells.append(cell)
        }
        
        
        // 3.8.将cell设置到发射器中
        emitterLayer.emitterCells = cells
        
        // 4.将layer添加到父layer中
        view.layer.addSublayer(emitterLayer)

相关文章

  • 粒子动画效果实现和Swift面向协议开发

    粒子动画效果实现是通过CALayer的子类,CAEmitterLayer实现。 实现粒子动画效果分以下几个步骤: ...

  • 粒子动画

  • 粒子动画

    占位符

  • 粒子动画

    一、在 UIKit 中,粒子系统由两部分组成: 1: 一个或多个 CAEmitterCells :发射器电...

  • 粒子动画

    一个或多个CAEmitterCells:发射器电池可以看作是单个粒子的原型(例如,一个单一的粉扑在一团烟雾)。当散...

  • 粒子动画

    @property(nonatomic, strong) CAEmitterLayer *emitterLayer...

  • 粒子动画

    公司做了一个类似小游戏的项目,背景需要放个流星雨效果粒子动画,详细的不多说,主要自己纪录学习,上代码。 -(voi...

  • 粒子动画

    粒子系统 直播中常用的粒子是怎么搞出来的呢,下面来进行一下探究 CAEmitterLayer 是一个高性能的粒子引...

  • 粒子动画

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

  • 粒子动画

网友评论

      本文标题:粒子动画

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