IOS 粒子系統(tǒng) (CAEmitterLayer)實(shí)例詳解
一、系統(tǒng)剖析
在UIKit中,粒子系統(tǒng)由兩部分組成:
· 一個(gè)或多個(gè)CAEmitterCells:發(fā)射器電池可以看作是單個(gè)粒子的原型(例如,一個(gè)單一的粉撲在一團(tuán)煙霧)。當(dāng)散發(fā)出一個(gè)粒子,UIKit根據(jù)這個(gè)發(fā)射粒子和定義的基礎(chǔ)上創(chuàng)建一個(gè)隨機(jī)粒子。此原型包括一些屬性來(lái)控制粒子的圖片,顏色,方向,運(yùn)動(dòng),縮放比例和生命周期。
· 一個(gè)或多個(gè)CAEmitterLayers,但通常只有一個(gè):這個(gè)發(fā)射的層主要控制粒子的形狀(例如,一個(gè)點(diǎn),矩形或圓形)和發(fā)射的位置(例如,在矩形內(nèi),或邊緣)。這個(gè)層具有全局的乘法器,可以施加到系統(tǒng)內(nèi)的CAEmitterCells。這些給你一個(gè)簡(jiǎn)單的方法覆蓋的所有粒子的變化。比如一個(gè)人為的例子將改變x雨來(lái)模擬風(fēng)的速度。
基礎(chǔ)是簡(jiǎn)單的,但這些參數(shù)卻是相當(dāng)微妙的。CAEmitterLayer有超過(guò)30種不同的參數(shù)進(jìn)行自定義粒子的行為。下面,我就拼出來(lái)的一些特殊問(wèn)題
二、不可測(cè)性
1、是什么讓粒子系統(tǒng)成為一個(gè)隨機(jī)的系統(tǒng)?
CAEmitterCell的屬性一般有兩個(gè)參數(shù):一個(gè)均值和一個(gè)“cone”,比如velocity 和velocityRange。
默認(rèn)情況下,這個(gè)“cone”是0,這就以為著所有粒子將具有相同的速度。通過(guò)改變這個(gè)“cone”,每個(gè)發(fā)射粒子會(huì)隨機(jī)被擾動(dòng)獲得一個(gè)這個(gè)“cone”范圍內(nèi)的值。這點(diǎn)在Apple官方文檔CAEmitterLayer documentation: 有講解:
Each layer has its ownrandom number generator state. Emitter cell properties that are defined as amean and a range, such as a cell's speed, the value of the properties areuniformly distributed in the interval [M - R/2, M + R/2].
2、發(fā)射的方向
CAEmitterCells有一個(gè)velocity(速度)的屬性,這意味著發(fā)送方向上的速度。實(shí)際上這個(gè)發(fā)射的方向是通過(guò)emissionLongitude屬性定義的。Apple這樣闡述的:
The emission longitude is theorientation of the emission angle in the xy-plane. it is also often referred toas the azimuth.
三、代碼
- (void)viewDidLoad
{
[super viewDidLoad];
CAEmitterLayer *emitterLayer = [CAEmitterLayer layer];
emitterLayer.emitterPosition = self.view.center;
_emitterLayer = emitterLayer;
[self.view.layer addSublayer:emitterLayer];
CAEmitterCell *funnyEmitterCell = [CAEmitterCell emitterCell];
funnyEmitterCell.contents = (id)[UIImage imageNamed:@"funny.jpg"].CGImage;
funnyEmitterCell.birthRate = 10.0;
funnyEmitterCell.velocity = 200.0;
funnyEmitterCell.lifetime = 5.0;
funnyEmitterCell.scale = 0.1;
funnyEmitterCell.name = @"funny";
emitterLayer.emitterCells = [NSArray arrayWithObject:funnyEmitterCell];
[self bumpAngle];
UILabel *angleLabel = [[UILabel alloc] initWithFrame:CGRectMake(20, 20, 100, 30)];
angleLabel.backgroundColor = [UIColor clearColor];
[self.view addSubview:angleLabel];
_angleLabel = angleLabel;
}
- (void) bumpAngle {
NSNumber *emissionLongitude = [_emitterLayer valueForKeyPath:@"emitterCells.funny.emissionLongitude"];
NSNumber *nextLongitude = [NSNumber numberWithFloat:[emissionLongitude floatValue] + 0.02];
[_emitterLayer setValue:nextLongitude forKeyPath:@"emitterCells.funny.emissionLongitude"];
_angleLabel.text = [NSString stringWithFormat:@"%.0f degrees", [nextLongitude floatValue] * 180 / M_PI];
[self performSelector:@selector(bumpAngle) withObject:nil afterDelay:0.1];
}
代碼設(shè)置/結(jié)構(gòu)說(shuō)明:
1、CAEmitterCell
CAEmitterCell *effectCell = [CAEmitterCell emitterCell];
effectCell 幾個(gè)重要屬性:
1).birthRate 顧名思義沒(méi)有這個(gè)也就沒(méi)有effectCell,這個(gè)必須要設(shè)置,具體含義是每秒某個(gè)點(diǎn)產(chǎn)生的effectCell數(shù)量
2).lifetime & lifetimeRange 表示effectCell的生命周期,既在屏幕上的顯示時(shí)間要多長(zhǎng)。
3).contents 這個(gè)和CALayer一樣,只是用來(lái)設(shè)置圖片
4).name 這個(gè)是當(dāng)effectCell存在caeEmitter 的emitterCells中用來(lái)辨認(rèn)的。用到setValue forKeyPath比較有用
5).velocity & velocityRange & emissionRange 表示cell向屏幕右邊飛行的速度 & 在右邊什么范圍內(nèi)飛行& +-角度擴(kuò)散
6).把cell做成array放進(jìn)caeEmitter.emitterCells里去。caeEmitter.renderMode有個(gè)效果很不錯(cuò),能變成火的就是kCAEmitterLayerAdditive
屬性:
alphaRange: 一個(gè)粒子的顏色alpha能改變的范圍;
alphaSpeed:粒子透明度在生命周期內(nèi)的改變速度;
birthrate:粒子參數(shù)的速度乘數(shù)因子;
blueRange:一個(gè)粒子的顏色blue 能改變的范圍;
blueSpeed: 粒子blue在生命周期內(nèi)的改變速度;
color:粒子的顏色
contents:是個(gè)CGImageRef的對(duì)象,既粒子要展現(xiàn)的圖片;
contentsRect:應(yīng)該畫在contents里的子rectangle:
emissionLatitude:發(fā)射的z軸方向的角度
emissionLongitude:x-y平面的發(fā)射方向
emissionRange;周圍發(fā)射角度
emitterCells:粒子發(fā)射的粒子
enabled:粒子是否被渲染
greenrange: 一個(gè)粒子的顏色green 能改變的范圍;
greenSpeed: 粒子green在生命周期內(nèi)的改變速度;
lifetime:生命周期
lifetimeRange:生命周期范圍
magnificationFilter:不是很清楚好像增加自己的大小
minificatonFilter:減小自己的大小
minificationFilterBias:減小大小的因子
name:粒子的名字
redRange:一個(gè)粒子的顏色red 能改變的范圍;
redSpeed; 粒子red在生命周期內(nèi)的改變速度;
scale:縮放比例:
scaleRange:縮放比例范圍;
scaleSpeed:縮放比例速度:
spin:子旋轉(zhuǎn)角度
spinrange:子旋轉(zhuǎn)角度范圍
style:不是很清楚:
velocity:速度
velocityRange:速度范圍
xAcceleration:粒子x方向的加速度分量
yAcceleration:粒子y方向的加速度分量
zAcceleration:粒子z方向的加速度分量
2、CAEmitterLayer
CAEmitterLayer提供了一個(gè)基于Core Animation的粒子發(fā)射系統(tǒng),粒子用CAEmitterCell來(lái)初始化。粒子畫在背景層盒邊界上
屬性:
birthRate:粒子產(chǎn)生系數(shù),默認(rèn)1.0;
emitterCells: 裝著CAEmitterCell對(duì)象的數(shù)組,被用于把粒子投放到layer上;
emitterDepth:決定粒子形狀的深度聯(lián)系:emittershape
emitterMode:發(fā)射模式
NSString * const kCAEmitterLayerPoints;
NSString * const kCAEmitterLayerOutline;
NSString * const kCAEmitterLayerSurface;
NSString * const kCAEmitterLayerVolume;
emitterPosition:發(fā)射位置
emitterShape:發(fā)射源的形狀:
NSString * const kCAEmitterLayerPoint;
NSString * const kCAEmitterLayerLine;
NSString * const kCAEmitterLayerRectangle;
NSString * const kCAEmitterLayerCuboid;
NSString * const kCAEmitterLayerCircle;
NSString * const kCAEmitterLayerSphere;
emitterSize:發(fā)射源的尺寸大;
emitterZposition:發(fā)射源的z坐標(biāo)位置;
lifetime:粒子生命周期
preservesDepth:不是多很清楚(粒子是平展在層上)
renderMode:渲染模式:
NSString * const kCAEmitterLayerUnordered;
NSString * const kCAEmitterLayerOldestFirst;
NSString * const kCAEmitterLayerOldestLast;
NSString * const kCAEmitterLayerBackToFront;
NSString * const kCAEmitterLayerAdditive;
scale:粒子的縮放比例:
seed:用于初始化隨機(jī)數(shù)產(chǎn)生的種子
spin:自旋轉(zhuǎn)速度
velocity:粒子速度
以上就是對(duì)IOS 粒子系統(tǒng)的資料整理,后續(xù)繼續(xù)補(bǔ)充相關(guān)資料,謝謝大家對(duì)本站的支持!
相關(guān)文章
實(shí)例分析IOS實(shí)現(xiàn)自動(dòng)打包
本篇文章給大家分享了IOS實(shí)現(xiàn)自動(dòng)打包的相關(guān)知識(shí)點(diǎn),以及需要的操作內(nèi)容做了分享,有需要的朋友可以學(xué)習(xí)下。2018-05-05
ios實(shí)現(xiàn)app強(qiáng)制更新功能
本篇文章主要介紹了ios實(shí)現(xiàn)app強(qiáng)制更新功能,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
iOS開(kāi)發(fā)中使用UIWebView 屏蔽 alert警告框
這篇文章主要介紹了iOS開(kāi)發(fā)中使用UIWebView 屏蔽 alert警告框的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11
移動(dòng)端固定輸入框在底部會(huì)被鍵盤遮擋的解決方法(必看篇)
下面小編就為大家分享關(guān)于移動(dòng)端固定輸入框在底部會(huì)被鍵盤遮擋的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
iOS App開(kāi)發(fā)中擴(kuò)展RCLabel組件進(jìn)行基于HTML的文本布局
RCLabel組件基于CoreText框架,可以將HTML標(biāo)記的文本內(nèi)容轉(zhuǎn)為富文本視圖,這里我們就來(lái)解讀如何在iOS App開(kāi)發(fā)中擴(kuò)展RCLabel組件進(jìn)行基于HTML的文本布局:2016-07-07
iOS微信分享后關(guān)閉發(fā)送成功提示并返回應(yīng)用
這篇文章主要為大家詳細(xì)介紹了iOS微信分享后關(guān)閉發(fā)送成功提示并返回應(yīng)用的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09

