ios的粒子效果主要有两部分组成
- 发射器:发射器主要设置粒子发射的宏观属性
- 粒子单元:设置相应的粒子属性
发射器是基于layer层的,常用属性有:
一、发射器
- emitterCells 粒子单元数组,例如你在绘制火焰的效果时,你可以创建两个单元,一个单元负责烟雾,一个单元负责火苗。
- birthRate 粒子的创建速率,默认为1/s。
- lifetime 粒子的存活时间。默认为1S。
- emitterPosition 发射器在xy平面的中心位置
- emitterZPosition 发射器在Z平面的位置
- emitterSize 发射器的尺寸大小
- emitterDepth 发射器的深度,在某些模式下会产生立体效果
- emitterShape 发射器的形状,这个参数的几个系统字符串如下:
CA_EXTERN NSString * const kCAEmitterLayerPoint
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0); //点的形状,粒子从一个点发出
CA_EXTERN NSString * const kCAEmitterLayerLine
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//线的形状,粒子从一条线发出
CA_EXTERN NSString * const kCAEmitterLayerRectangle
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//矩形形状,粒子从一个矩形中发出
CA_EXTERN NSString * const kCAEmitterLayerCuboid
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//立方体形状,会影响Z平面的效果
CA_EXTERN NSString * const kCAEmitterLayerCircle
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//圆形,粒子会在圆形范围发射
CA_EXTERN NSString * const kCAEmitterLayerSphere
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//球型
- emitterMode 发射器的发射模式,参数如下:
CA_EXTERN NSString * const kCAEmitterLayerPoints
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//从发射器中发出
CA_EXTERN NSString * const kCAEmitterLayerOutline
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//从发射器边缘发出
CA_EXTERN NSString * const kCAEmitterLayerSurface
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//从发射器表面发出
CA_EXTERN NSString * const kCAEmitterLayerVolume
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//从发射器中点发出
- renderMode 发射器渲染模式,参数如下:
CA_EXTERN NSString * const kCAEmitterLayerUnordered
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式下,粒子是无序出现的,多个发射源将混合
CA_EXTERN NSString * const kCAEmitterLayerOldestFirst
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式下,声明久的粒子会被渲染在最上层
CA_EXTERN NSString * const kCAEmitterLayerOldestLast
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式下,年轻的粒子会被渲染在最上层
CA_EXTERN NSString * const kCAEmitterLayerBackToFront
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式下,粒子的渲染按照Z轴的前后顺序进行
CA_EXTERN NSString * const kCAEmitterLayerAdditive
__OSX_AVAILABLE_STARTING (__MAC_10_6, __IPHONE_5_0);//这种模式会进行粒子混合
- preservesDepth 是否开启三维空间效果
- velocity 粒子的运动速度
- scale 粒子的缩放大小
- spin 粒子的旋转位置
- seed 初始化随机的粒子种子
二、粒子单元
设置好了粒子发射器,我们还需要初始化一些粒子单元,设置具体粒子的属性,我们使用到的类是CAEmitterCell这个类。
- name 设置发射单元的名称
- enabled 是否允许发射器渲染
- birthRate 粒子的创建速率
- lifetime 粒子的生存时间
- lifetimeRange 粒子的生存时间容差
- emissionLatitude 粒子在Z轴方向的发射角度
- emissionLongitude 粒子在xy平面的发射角度
- emissionRange 粒子发射角度的容差
- velocity 粒子的速度
- velocityRange 粒子速度的容差
- xAcceleration
- yAcceleration x,y,z三个方向的加速度
- zAcceleration
- scale
- scaleRange 缩放大小,缩放容差和缩放速度
- scaleSpeed
- spin
- spinRange 旋转度与旋转容差
- color粒子的颜色
- redRange
- greenRange
- blueRange
- alphaRange 粒子在rgb三个色相上的容差和透明度的容差
- redSpeed
- greenSpeed
- blueSpeed
- alphaSpeed 粒子在RGB三个色相上的变化速度和透明度的变化速度
- contents 渲染粒子,可以设置为一个CGImage的对象
- contentsRect 渲染的范围
demo 效果
let fireEmitterLayer = CAEmitterLayer()//创建粒子发射器
fireEmitterLayer.emitterPosition = CGPoint(x: ZLScreenWidth * 0.5, y: ZLScreenHeight - 20 - 64)
fireEmitterLayer.emitterSize = CGSize(width: ZLScreenWidth - 100, height: 20)
fireEmitterLayer.renderMode = kCAEmitterLayerAdditive
//创建发射单元
let fire = CAEmitterCell()
fire.contents = UIImage(named:"111")?.cgImage//图片像素一定要特别小不然没有效果且特变卡
fire.birthRate = 100
fire.lifetime = 2.0
fire.lifetimeRange = 1.5
fire.color = UIColor(colorLiteralRed: 0.8, green: 0.4, blue: 0.2, alpha: 1).cgColor
fire.name = "fire"
fire.velocity = 160
fire.velocityRange = 80
fire.emissionLongitude = CGFloat(M_PI + M_PI_2)
fire.emissionRange = CGFloat(M_PI_2)
fire.scaleSpeed = 0.3
fire.spin = 0.2
let smoke = CAEmitterCell()
smoke.birthRate = 400
smoke.lifetime = 3.0
smoke.lifetimeRange = 1.5
smoke.color = UIColor(colorLiteralRed: 1, green: 1, blue: 1, alpha: 0.05).cgColor
smoke.contents = UIImage(named: "111")?.cgImage
smoke.name = "smoke"
smoke.velocity = 250
smoke.velocityRange = 100
smoke.emissionLongitude = CGFloat(M_PI + M_PI_2)
smoke.emissionRange = CGFloat(M_PI_2)
fireEmitterLayer.emitterCells = [fire,smoke]
self.view.layer.addSublayer(fireEmitterLayer)