使用带粒子效果的 CAEmitterLayer
1.用CAEmitterLayer产生粒子效果
2.封装CAEmitterLayer
3.封装下雪、下雨的粒子效果控件
一、用CAEmitterLayer产生粒子效果
- (void)emitterLayer {
// 1.创建出Layer
CAEmitterLayer *emitterLayer = [CAEmitterLayer layer];
//
显示边框
emitterLayer.borderWidth = 1.f;
//
给定尺寸
emitterLayer.frame = CGRectMake(, , , );
//emitterLayer.mask = YES;不超过范围
//
发射点
emitterLayer.emitterPosition = CGPointMake(,);
//
发射模式
emitterLayer.emitterMode =kCAEmitterLayerSurface;
//
发射形状
emitterLayer.emitterShape =kCAEmitterLayerLine;
//
加入layer
[self.view.layeraddSublayer:emitterLayer];
// 2.创建粒子
CAEmitterCell *cell = [CAEmitterCell emitterCell];
//
粒子产生率
cell.birthRate = 10.f;
//
粒子生命周期
cell.lifetime = 10.f;
//
速度值
cell.velocity = ;
//
速度值的微调值
cell.velocityRange = 3.f;
// y轴加速度
cell.yAcceleration = 2.f;
//
发射角度
cell.emissionRange = 4.f *
M_1_PI;
//
设置粒子颜色
cell.color = [UIColorblackColor].CGColor;
//
设置图片
cell.contents = (__bridgeid)([UIImage imageNamed:@"snow"].CGImage);
//
让CAEmitterCell与CAEmitterLayer产生关联
emitterLayer.emitterCells = @[cell];
}
二、封装CAEmitterLayer
@interface CAEmitterLayerView :
UIView
/**
* 模仿setter.getter方法
*/
- (void)setEmitterLayer:(CAEmitterLayer *)layer;
- (CAEmitterLayer *)emitterLayer;
/**
* 显示出当前view
*/
- (void)show;
/**
* 隐藏当前view
*/
- (void)hide;
@end
二、封装 CAEmitterLayer
1.替换CAEmitterLayer成UIView子类的backedLayer
2.将CAEmitterLayer封装的类作为“抽象”父类
#import "CAEmitterLayerView.h"
@interface CAEmitterLayerView () {
//因为 CAEmitterLayer的參数许多,採用这样的小技巧,设置set,get方法
CAEmitterLayer *_emitterLayer;
}
@end
@implementation CAEmitterLayerView
+ (Class)layerClass {//必需要写这个,否则新建返回layer,不是 CAEmitterLayer
return [CAEmitterLayerclass];
}
- (instancetype)initWithFrame:(CGRect)frame {
self = [superinitWithFrame:frame];
if (self) {
_emitterLayer = (CAEmitterLayer *)self.layer;
}
return
self;
}
- (void)show {
}
- (void)hide {
}
- (void)setEmitterLayer:(CAEmitterLayer *)layer {
_emitterLayer = layer;
}
- (CAEmitterLayer *)emitterLayer {
return_emitterLayer;
}
@end
- (void)viewDidLoad {
[superviewDidLoad];
CAEmitterLayerView *layerView = [[CAEmitterLayerView alloc]initWithFrame:CGRectMake(,,,)];
NSLog(@"%@", layerView.layer);
}
三、封装下雪、下雨的粒子效果控件
#import "CAEmitterLayerView.h"
@interface RainView :CAEmitterLayerView
@end
#import "RainView.h"
@implementation RainView
- (instancetype)initWithFrame:(CGRect)frame {
self = [superinitWithFrame:frame];
if (self) {
//初始化设置
[selfsetup];
}
return
self;
}
- (void)setup {
self.emitterLayer.masksToBounds =YES;
self.emitterLayer.emitterShape =kCAEmitterLayerLine;
self.emitterLayer.emitterMode =kCAEmitterLayerSurface;
self.emitterLayer.emitterSize =self.frame.size;
self.emitterLayer.emitterPosition =CGPointMake(self.bounds.size.width /2.f, -
);
}
- (void)show {
//
配置
CAEmitterCell *rainflake = [CAEmitterCell emitterCell];
rainflake.birthRate =25.f;
rainflake.speed =10.f;
rainflake.velocity =10.f;
rainflake.velocityRange =10.f;
rainflake.yAcceleration =1000.f;
rainflake.contents = (__bridgeid)([UIImage imageNamed:@"rain"].CGImage);
rainflake.color = [UIColorblackColor].CGColor;
rainflake.lifetime =7.f;
rainflake.scale =0.2f;
rainflake.scaleRange =0.f;
//
加入动画
self.emitterLayer.emitterCells =@[rainflake];
}
@end
封装 CAEmitterLayer
@interface SnowView :CAEmitterLayerView
@end
#import "SnowView.h"
@implementation SnowView
- (instancetype)initWithFrame:(CGRect)frame {
self = [superinitWithFrame:frame];
if (self) {
//初始化设置
[selfsetup];
}
return
self;
}
- (void)setup {
self.emitterLayer.masksToBounds =YES;
self.emitterLayer.emitterShape =kCAEmitterLayerLine;
self.emitterLayer.emitterMode =kCAEmitterLayerSurface;
self.emitterLayer.emitterSize =self.frame.size;
self.emitterLayer.emitterPosition =CGPointMake(self.bounds.size.width /2.f, -
);
}
- (void)show {
//
配置
CAEmitterCell *snowflake = [CAEmitterCell emitterCell];
snowflake.birthRate =1.f;
snowflake.speed =10.f;
snowflake.velocity =2.f;
snowflake.velocityRange =10.f;
snowflake.yAcceleration =10.f;
snowflake.emissionRange =0.5 *M_PI;
snowflake.spinRange =0.25 *M_PI;
snowflake.contents = (__bridgeid)([UIImage imageNamed:@"snow"].CGImage);
snowflake.color = [UIColorredColor].CGColor;
snowflake.lifetime =60.f;
snowflake.scale =0.5;
snowflake.scaleRange =0.3;
//
加入动画
self.emitterLayer.emitterCells =@[snowflake];
}
@end
封装 CAEmitterLayer
#import "CAEmitterLayerView.h"
#import "SnowView.h"
#import "RainView.h"
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[superviewDidLoad];
UIImageView *alphaView1 = [[UIImageView alloc]initWithFrame:CGRectMake(,,,)];
alphaView1.image = [UIImage imageNamed:@"alpha"];
UIImageView *alphaView2 = [[UIImageView alloc]initWithFrame:CGRectMake(,,,)];
alphaView2.image = [UIImage imageNamed:@"alpha"];
//
加入下雪效果
CAEmitterLayerView *snowView = [[SnowView alloc]initWithFrame:CGRectMake(,,,)];
snowView.maskView = alphaView1;//加maskView。效果不突兀
[self.viewaddSubview:snowView];
[snowViewshow];
//
加入下雨效果
CAEmitterLayerView *rainView = [[RainView alloc]initWithFrame:CGRectMake(,,,)];
rainView.maskView = alphaView2;
[self.viewaddSubview:rainView];
[rainViewshow];
}
@end
使用带粒子效果的 CAEmitterLayer的更多相关文章
- 能产生粒子效果的CAEmitterLayer
能产生粒子效果的CAEmitterLayer 下雪效果: // // RootViewController.m // Cell // // Copyright (c) 2014年 Y.X. All r ...
- CAEmitterLayer实现粒子效果
在iOS 5中,苹果引入了一个新的CALayer子类叫做CAEmitterLayer.CAEmitterLayer是一个高性能的粒子引擎,被用来创建实时例子动画如:烟雾,火,雨等等这些效果. CAEm ...
- swift 实现漂亮的粒子效果CAEmitterLayer
一些粒子效果 我们经常会在一些游戏或者应用中看到一些炫酷的粒子效果,我们在iOS中也能很轻松的搞一些粒子效果 我们本次做得是一个下雪的效果,看下效果图 源码地址: https://github.com ...
- 雪花降落CAEmitterLayer粒子效果
CAEmitterLayer 实现雪花效果 首先需要导入#import <QuartzCore/QuartzCore.h> /**在iOS 5中,苹果引入了一个新的CALayer子 ...
- iOS开发——UI进阶篇(十八)核心动画小例子,转盘(裁剪图片、自定义按钮、旋转)图片折叠、音量震动条、倒影、粒子效果
一.转盘(裁剪图片.自定义按钮.旋转) 1.裁剪图片 将一张大图片裁剪为多张 // CGImageCreateWithImageInRect:用来裁剪图片 // image:需要裁剪的图片 // re ...
- iOS 开发之粒子效果
本文由糖炒小虾.Benna翻译 ,校对:sai.u0u0.iven.子龙山人 iOS 5中的UIKit粒子系统教程 Ray的话:这是第15篇.也是最后一篇<iOS 5 盛宴>中的iOS 5 ...
- cocos2d粒子效果
第9章 粒子效果 游戏开发者通常使用粒子系统来制作视觉特效.粒子系统能够发射大量细小的粒子并对他们进行渲染,而且效率要远高于渲染同样数目的精灵.粒子系统可以模拟下雨.火焰.雪.爆炸.蒸气拖尾以及其他多 ...
- Cocos2d-x实现粒子效果的三种方式
在Cocos2d-x中,实现粒子效果可以有三种方法. Normal 0 10 pt 0 2 false false false EN-US ZH-CN X-NONE $([{£¥·'"〈&l ...
- iOS动画开发之五——炫酷的粒子效果
在上几篇博客中,我们对UIView层的动画以及iOS的核心动画做了介绍,基本已经可以满足iOS应用项目中所有的动画需求,如果你觉得那些都还不够炫酷,亦或是你灵光一现,想用UIKit框架写出一款炫酷的休 ...
随机推荐
- 关于 <script type='text/template' > 的妙用 / 使用jquery获取iframe加载完成事件
https://www.cnblogs.com/ddqyc/p/6200539.html <!DOCTYPE html> <html> <head> <met ...
- CAD参数绘制圆(网页版)
CAD绘制图像的过程中,画圆的情况是非常常见的,用户可以设置圆的圆心位置及半径属性. 主要用到函数说明: _DMxDrawX::DrawCircle 绘制一个圆.详细说明如下: 参数 说明 DOUBL ...
- 第3节 mapreduce高级:7、自定义outputformat实现输出到不同的文件夹下面
2.1 需求 现在有一些订单的评论数据,需求,将订单的好评与差评进行区分开来,将最终的数据分开到不同的文件夹下面去,数据内容参见资料文件夹,其中数据第九个字段表示好评,中评,差评.0:好评,1:中评, ...
- switch、try-catch
记录 1. 使用对象代替 switch 和 if-else 2. 根据返回数据是否能转成对象,取值 如果返回是数字字符串,直接返回,如果返回是对象,取对应的key值,再返回 其它情况,返回空 {{ o ...
- CentOS7 export命令
一.windows下的环境变量 在windows系统下,很多软件安装都需要配置环境变量,比如安装jdk,假如你没有配置环境变量,那么在非软件安装的目录下使用javac命令,系统将会报这不是系统内部命令 ...
- PermGen space OOM 记录
前些天线上除出了个OOM问题,今天闲下来记录下: OOM的提示信息是-PermGen space,说明问题出在方法区,方法区存的是什么东西?:类的加载信息.常量.静态变量. 按照方法区的定义:类加载的 ...
- PHP:POST OR GET 请求
文章来源:http://www.cnblogs.com/hello-tl/p/7685216.html /** * 模拟提交参数,支持https提交 可用于各类api请求 * @param strin ...
- 谷歌应用商店chrome扩展程序和APP的发布流程
互联网上有很多大牛,他们再工作中需要一些难题,再找到解决办法后,如果会使用js的话,大多数人就可以自己动手写一个chrome插件,而且非常容易.开发人员都喜欢与大家分享自己的成就!google是一个全 ...
- JavaScript - 如果...没有方法(xjl456852修改)
本文是对下面这篇文章中存在的错误进行修改,并增加少量注释. 原文出处: JavaScript - 如果...没有方法 http://www.cnblogs.com/silin6/p/4367019.h ...
- python之抽象 2014-4-6
#抽象 8.40am-1.懒惰即美德2.抽象和结构3.创建函数 内建的callable 函数可以判定函数是否可以调用 >>> import math >>> x=1 ...