粒子系统介绍
-
什么是粒子系统?
- 粒子系统是由总体具有相同的表现规律,个体却随机表现出不同的特征的大量显示元素构成的集合。
-
粒子定义有三要素
- 群体性:粒子系统是由“大量显示元素”构成的(例如雪、雨、一团雾等等)
- 统一性:粒子系统的每个元素具有相同的表现规律(例如下雨、下雪,方向都是从上向下)
- 随机性:粒子系统的每个元素又随机表现出不同特征(例如下雪,每个雪花下落的速度会有不同,大小会有不同、方向也会有略微的不同)
粒子系统应用场景
- 影视行业
- 目前我们经常看的大片,比如沙尘暴、暴风雨、暴雪、烟花 等等,很多都是粒子特效做出来的。很逼真,而且相比真实世界中去实拍,成本要低很多
- 游戏中
- 爆炸、雨、雪、雾、烟花等等。都是粒子系统实现
- 应用中
- 主播房间右下角粒子动画
- 雪花/下雨/烟花等效果
- 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()
}
}
网友评论