博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Swift开发之粒子动画的实现
阅读量:6905 次
发布时间:2019-06-27

本文共 1842 字,大约阅读时间需要 6 分钟。

####粒子系统介绍

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

####粒子系统应用场景

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

####iOS粒子动画的使用

  • 步骤
    • 创建发射器
    • 创建粒子, 设置粒子属性
  • swift核心代码
// 1.创建发射器        let emitter = CAEmitterLayer()                // 2.设置发射器的位置        emitter.emitterPosition = point                // 3.开启三维效果        emitter.preservesDepth = true                // 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/2 / 6)                        // 4.5.设置例子的存活时间            cell.lifetime = 3            cell.lifetimeRange = 1.5                        // 4.6.设置粒子旋转            cell.spin = CGFloat(Double.pi/2)            cell.spinRange = CGFloat(Double.pi/2 / 2)                        // 4.6.设置例子每秒弹出的个数            cell.birthRate = 2                        // 4.7.设置粒子展示的图片            cell.contents = UIImage(named: "good\(i)_30x30")?.cgImage                        // 4.8.添加到数组中            cells.append(cell)        }                // 5.将粒子设置到发射器中        emitter.emitterCells = cells                // 6.将发射器的layer添加到父layer中        view.layer.addSublayer(emitter)复制代码

####粒子动画效果展示

####源码 GitHub地址:

转载于:https://juejin.im/post/5a3348336fb9a0452341ef2d

你可能感兴趣的文章
vue-router 3.0版本中 router.push 不能刷新页面的问题
查看>>
C++入门教程(3):语句和缩进
查看>>
菜鸟入门【ASP.NET Core】11:应用Jwtbearer Authentication、生成jwt token
查看>>
RedMonk 2018年6月编程语言排行:Objective-C 升至第九
查看>>
2016全域大数据应用论坛11位嘉宾核心观点
查看>>
.NetCore获取Json和Xml格式的配置信息
查看>>
window下解压.tar文件的软件
查看>>
整数和浮点数的表示方法
查看>>
MNIST神经网络的训练
查看>>
先制定一个能达到的小目标,比方说先让无人车合法上路
查看>>
线上FullGC频繁的排查
查看>>
SpringBoot无法启动,Process finished with exit code 0
查看>>
搭上AR技术,最新版宜家《家居指南》可以怎么玩?
查看>>
React 入门实例 参考阮一峰博客
查看>>
Valve放大招:300个外设授权+VR头显原型
查看>>
用友iuap入选2016世界互联网领先科技成果50强
查看>>
NAP客户端计算机隔离测试之三
查看>>
Thread.SpinWait 方法和Spin结构
查看>>
fastclick 源码注解及一些基础知识点
查看>>
js基础-表单验证和提交
查看>>