iOS 动画 —— 礼花效果实例详细_IOS

CAEmitterLayer 提供了一个基于 Core Animation 的粒子发射系统,使用它可以实现各种各样的粒子动画效果。此处的礼花效果,就是基于 CAEmitterLayer 的。

fire.gif

- (void)viewDidLoad {
 [super viewDidLoad];
 [self makeFireworksDisplay];
}

- (void)makeFireworksDisplay {
 // 粒子发射系统 的初始化
 CAEmitterLayer *fireworksEmitter = [CAEmitterLayer layer];
 CGRect viewBounds = self.view.layer.bounds;
 // 发射源的位置
 fireworksEmitter.emitterPosition = CGPointMake(viewBounds.size.width/2.0, viewBounds.size.height);
 // 发射源尺寸大小
 fireworksEmitter.emitterSize = CGSizeMake(viewBounds.size.width/2.0, 0.0);
 // 发射模式
 fireworksEmitter.emitterMode = kCAEmitterLayerOutline;
 // 发射源的形状
 fireworksEmitter.emitterShape = kCAEmitterLayerLine;
 // 发射源的渲染模式
 fireworksEmitter.renderMode = kCAEmitterLayerAdditive;
 // 发射源初始化随机数产生的种子
 fireworksEmitter.seed = (arc4random()%100)+1;

 /**
  * 添加发射点
  一个圆(发射点)从底下发射到上面的一个过程
  */
 CAEmitterCell* rocket = [CAEmitterCell emitterCell];
 rocket.birthRate = 1.0; //是每秒某个点产生的effectCell数量
 rocket.emissionRange = 0.25 * M_PI; // 周围发射角度
 rocket.velocity = 400; // 速度
 rocket.velocityRange = 100; // 速度范围
 rocket.yAcceleration = 75; // 粒子y方向的加速度分量
 rocket.lifetime = 1.02; // effectCell的生命周期,既在屏幕上的显示时间要多长。

 // 下面是对 rocket 中的内容,颜色,大小的设置
 rocket.contents = (id) [[UIImage imageNamed:@"circle"] CGImage];
 rocket.scale = 0.2;
 rocket.color = [[UIColor redColor] CGColor];
 rocket.greenRange = 1.0;
 rocket.redRange = 1.0;
 rocket.blueRange = 1.0;
 rocket.spinRange = M_PI; // 子旋转角度范围

 /**
  * 添加爆炸的效果,突然之间变大一下的感觉
  */
 CAEmitterCell* burst = [CAEmitterCell emitterCell];
 burst.birthRate = 1.0;
 burst.velocity = 0;
 burst.scale = 2.5;
 burst.redSpeed =-1.5;
 burst.blueSpeed =+1.5;
 burst.greenSpeed =+1.0;
 burst.lifetime = 0.35;

 /**
  * 添加星星扩散的粒子
  */
 CAEmitterCell* spark = [CAEmitterCell emitterCell];
 spark.birthRate = 400;
 spark.velocity = 125;
 spark.emissionRange = 2* M_PI;
 spark.yAcceleration = 75; //粒子y方向的加速度分量
 spark.lifetime = 3;

 spark.contents = (id) [[UIImage imageNamed:@"star"] CGImage];
 spark.scaleSpeed =-0.2;
 spark.greenSpeed =-0.1;
 spark.redSpeed = 0.4;
 spark.blueSpeed =-0.1;
 spark.alphaSpeed =-0.25; // 例子透明度的改变速度
 spark.spin = 2* M_PI; // 子旋转角度
 spark.spinRange = 2* M_PI;

 // 将 CAEmitterLayer 和 CAEmitterCell 结合起来
 fireworksEmitter.emitterCells = [NSArray arrayWithObject:rocket];
 //在圈圈粒子的基础上添加爆炸粒子
 rocket.emitterCells = [NSArray arrayWithObject:burst];
 //在爆炸粒子的基础上添加星星粒子
 burst.emitterCells = [NSArray arrayWithObject:spark];
 // 添加到图层上
 [self.view.layer addSublayer:fireworksEmitter];

}

CAEmitterLayer

CAEmitterLayer是QuartzCore提供的粒子引擎, 可用于制作美观的粒子特效。其实也可以说它是装载CAEmitterCell的容器, 有一个属性emitterCells, 将CAEmitterCell直接添加到该数组中, 即可实现粒子效果啦。

// 可能用到是属性
* birthRate:粒子产生系数,默认1.0;
* emitterCells: 装着CAEmitterCell对象的数组,被用于把粒子投放到layer上;
* emitterDepth:决定粒子形状的深度联系:emittershape
* emitterMode:发射模式
* emitterPosition:发射位置
* emitterShape:发射源的形状;
* emitterSize:发射源的尺寸大;
* emitterZposition:发射源的z坐标位置;
* lifetime:粒子生命周期
* preservesDepth:不是多很清楚(粒子是平展在层上)
* renderMode:渲染模式:
* scale:粒子的缩放比例:
* seed:用于初始化随机数产生的种子
* spin:自旋转速度
* velocity:粒子速度

CAEmitterCell

CAEmitterCell用来表示一个个的粒子, 它有一系列的参数用于设置效果。

// 可能用到的属性
* birthRate 这个必须要设置,具体含义是每秒某个点产生的effectCell数量
* alphaRange:  一个粒子的颜色alpha能改变的范围;
* alphaSpeed:粒子透明度在生命周期内的改变速度;
* blueRange:一个粒子的颜色blue 能改变的范围;
* blueSpeed: 粒子blue在生命周期内的改变速度;
* color:粒子的颜色
* contents:是个CGImageRef的对象,既粒子要展现的图片;
* contentsRect:应该画在contents里的子rectangle:
* emissionLatitude:发射的z轴方向的角度
* emissionLongitude:x-y平面的发射方向
* emissionRange;周围发射角度
* emitterCells:粒子发射的粒子
* enabled:粒子是否被渲染
* greenrange: 一个粒子的颜色green 能改变的范围;
* greenSpeed: 粒子green在生命周期内的改变速度;
* lifetime:生命周期
* lifetimeRange:生命周期范围
* magnificationFilter:不是很清楚好像增加自己的大小
* minificatonFilter:减小自己的大小
* minificationFilterBias:减小大小的因子
* name:粒子的名字
* redRange:一个粒子的颜色red 能改变的范围;
* redSpeed; 粒子red在生命周期内的改变速度;
* scale:缩放比例:
* scaleRange:缩放比例范围;
* scaleSpeed:缩放比例速度:
* spin:子旋转角度
* spinrange:子旋转角度范围
* style:不是很清楚:
* velocity:速度
* velocityRange:速度范围
* xAcceleration:粒子x方向的加速度分量
* yAcceleration:粒子y方向的加速度分量
* zAcceleration:粒子z方向的加速度分量

感觉CAEmitterLayer 是一个很有意思的东东,目前先把基本知识点笔记在此,还是需要不断的实战经验方能更好的运用它。
备注参考:http://www.jb51.net/article/93043.htm

文/天空中的球(简书作者)
原文链接:http://www.jianshu.com/p/08cbe521afe5
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ios
, 动画礼花效果
动画礼花
wpf动画效果实例、css3文字动画效果实例、jquery动画效果实例、ppt动画效果实例、wpf 42种动画效果实例,以便于您获取更多的相关知识。

时间: 2024-09-28 18:58:47

iOS 动画 —— 礼花效果实例详细_IOS的相关文章

iOS实现选项卡效果的方法_IOS

先来看看实现效果: 控件是如何使用的 添加LMJTabDelegate代理 LMJTab * tab = [[LMJTab alloc] initWithFrame:CGRectMake(10, 50, 300, 30) lineWidth:1 lineColor:[UIColor blackColor]]; [tab setItemsWithTitle:[NSArray arrayWithObjects:@"选项一",@"选项二",@"选项三"

iOS动画特效之立方体翻转_IOS

先来看看效果: 下面进入正题,是时候展现真正的技术了: 首先在控制器里添加一个scrollView,再在scrollView上的对应位置上添加要展示的imageView(立方体视图组),当然也可以放上其它子控制器的view实现更多功能这个随意不是重点 //*******添加scrollView******* [self createScrollView]; //******创建立方体视图组****** [self createCubicViewArray]; //添加视图到scrollView上

iOS异步下载图片实例代码_IOS

写在前面 在iOS开发中,无论是在UITableView还是在UICollectionView中,通过网络获取图片设置到cell上是较为常见的需求.尽管有很多现存的第三方库可以将下载和缓存功能都封装好了供开发者使用,但从学习的角度出发,看懂源码,理解其中的原理,结合自身的实际需求写出自己的代码是很必要的.在刚结束的Demo中,有用到异步图片下载功能,这篇笔记就是对整个实现的简单整理. 基本思路 •cell中添加一个UIImageView •cell拥有url,发起下载请求,注册下次完成通告,在通

js实现绿白相间竖向网页百叶窗动画切换效果

 这篇文章主要介绍了js实现绿白相间竖向网页百叶窗动画切换效果,实例分析了javascript实现百叶窗动画效果的技巧,需要的朋友可以参考下     本文实例讲述了js实现绿白相间竖向网页百叶窗动画切换效果.分享给大家供大家参考.具体分析如下: 前面我们讲解了一个网页百叶窗切换动画效果,不过是横向百叶窗,这个是竖向百叶窗,代码基本一样: 代码如下: <html> <head> <title>百叶窗页面切换效果</title> <style> &l

iOS动画之向右拉的抽屉3D效果_IOS

首先我们忽略掉3D效果,先要做的是一个右拉的抽屉效果. 总体思路:      1.创建一个ContainerViewController容器控制器,然后把左侧选择菜单的SideMenuViewController,和右侧负责显示内容的MainViewController 添加到ContainerViewController中.      2.给容器控制器ContainerViewController添加一个手势监听,通过修改偏移量完成抽屉效果.      3.设置anchorPoint,给左侧S

iOS 雷达效果实例详解_IOS

iOS雷达效果 这段时间新app开始了,有个产品需求是做一个类似如下效果的雷达图: 中间的图片是用户头像,然后需要展示一个雷达扫描的效果. 分析下雷达图的大致构成: 底部一个呈现用户头像的UIImageView 几个颜色渐变的同心圆,这些同心圆. 只需要在雷达视图的drawRect方法里画就可以了 盖在最上层的一个扇形,且扇形的圆心和雷达图视图的圆心是同一个点.扫描效果就是让这个扇形绕圆心转,因此把这个扇形抽成一个单独的类比较好. 同时这个雷达图应该提供两个接口:开始动画,暂停动画.因此雷达图的

iOS动画开发之五——炫酷的粒子效果

iOS动画开发之五--炫酷的粒子效果         在上几篇博客中,我们对UIView层的动画以及iOS的核心动画做了介绍,基本已经可以满足iOS应用项目中所有的动画需求,如果你觉得那些都还不够炫酷,亦或是你灵光一现,想用UIKit框架写出一款炫酷的休闲游戏,那个有一个东西可以帮到你:iOS的粒子效果引擎. 一.粒子发射器         iOS中的粒子效果有两部分组成,一部分为发射器,设置例子发射的宏观属性,另一部分是粒子单元,用于设置相应的粒子属性.粒子发射器是基于Layer层,没错,又是

iOS实现爆炸的粒子效果示例代码_IOS

照例我们先看看效果图 怎么样?效果很不错吧,下面来一起看看实现的过程和代码示例. 实现原理 从图中可以大致看出,爆炸点点都是取的某坐标的颜色值,然后根据一些动画效果来完成的. 取色值 怎么取的view的某个点的颜色值呢?google一下,就可以找到很多答案.就不具体说了.创建1*1的位图,然后渲染到屏幕上,然后得到RGBA.我这里写的是UIView的extension. extension UIView { public func colorOfPoint(point:CGPoint) -> U

jQuery实现连续动画效果实例分析_jquery

本文实例讲述了jQuery实现连续动画效果的方法.分享给大家供大家参考.具体如下: 这里介绍jQuery实现一连串的连续动画效果,将这些动画运用先设置好,然后在jQuery的作用下完成一个接一个的动画,这在网页游戏编写中是个基础但重要的动画生成技巧,对于前台设计来说也是有必要掌握的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-lx-animate-style-demo/ 具体代码如下: <!DOCTYPE html PUBLI