美文网首页
iOS开发技巧 CAEmitterLayer学习:使用 CAEm

iOS开发技巧 CAEmitterLayer学习:使用 CAEm

作者: 吴虎虎_zzz | 来源:发表于2017-04-20 15:21 被阅读137次

因为项目需求,要实现云彩飘动的效果。刚好之前有了解CAEmitterLayer 粒子系统,所以详细学习下的CAEmitterLayer,要设置的参数有点多,需要先熟悉一下参数,熟悉之后就可以随意制作酷炫的效果了,6的一逼。

 CAEmitterLayer 要设置的参数主要分为就是CAEmitterLayer 对象的和 CAEmitterCell对象的 ,参数设置完成之后把两者组合起来即可。

CAEmitterLayer 用来设置云彩出现的位置、出现的范围大小和云彩飘动的效果等。

_effectLayer.position=CGPointMake(-30,30);//发射位置

_effectLayer.emitterSize=self.frame.size;//发射源的尺寸大小,其实这个emitterSize结合position构建了发射源的位置及大小的矩形区域rect.该size不是粒子的size

_effectLayer.emitterShape=kCAEmitterLayerPoint;//发射源的形状,这个字段规定了发射源的形状

_effectLayer.emitterMode=kCAEmitterLayerOutline;//发射模式,这个字段规定了在特定形状上发射的具体形式是什么

_effectLayer.renderMode=kCAEmitterLayerUnordered;//发射器渲染模式

emitterShape:发射源的形状

kCAEmitterLayerPoint:点形状,发射源的形状就是一个点,位置在上面position设置的位置

kCAEmitterLayerLine:线形状,发射源的形状是一条线,位置在rect的横向的位于垂直方向中间那条

kCAEmitterLayerRectangle:矩形状,发射源是一个矩形,就是上面生成的那个矩形rect

kCAEmitterLayerCuboid:立体矩形形状,发射源是一个立体矩形,这里要生效的话需要设置z方向的数据,如果不设置就同矩形状

kCAEmitterLayerCircle:圆形形状,发射源是一个圆形,形状为矩形包裹的那个圆,二维的

kCAEmitterLayerSphere:立体圆形,三维的圆形,同样需要设置z方向数据,不设置则通二维一样

emitterMode发射模式:

kCAEmitterLayerPoints:点模式,发射器是以点的形势发射粒子。

kCAEmitterLayerOutline: 这个模式下整个边框都是发射点,即边框进行发射

kCAEmitterLayerSurface:这个模式下是我们边框包含下的区域进行抛洒

kCAEmitterLayerVolume:这个的效果和kCAEmitterLayerSurface很像

CAEmitterCell用来飘动做组件,这个例子就是设置了一张云彩的图片。

_effectCell.contents=(__bridge id _Nullable)([UIImage imageNamed:@"cloud"].CGImage);//设置发射的粒子样式,这里选择了一张图片

_effectCell.birthRate=1;//每秒生产粒子的个数

_effectCell.lifetime=40;//生存时间,这个代表对象能够存活的时间

_effectCell.lifetimeRange=2;//生存时间浮动,这个代表生存时间会在这个数字内浮动

_effectCell.velocity=8;//运动速度

_effectCell.velocityRange=7;//运动速度的浮动数字

//_effectCell.yAcceleration = 30;//垂直模仿地球的重力加速度,适用例如:下雨、下雪

_effectCell.xAcceleration=15;//水平方向移动速度

_effectLayer.emitterCells=@[_effectCell];//两者组合

[self.layeraddSublayer:_effectLayer];//添加layer 动画即可运行

Demo下载地址:https://github.com/ForeverWater/CloudExampleProject 

觉得好的话,给一个Star吧~

相关文章

网友评论

      本文标题:iOS开发技巧 CAEmitterLayer学习:使用 CAEm

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