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ī)粒子。此原型包括一些屬性來控制粒子的圖片,顏色,方向,運(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雨來模擬風(fēng)的速度。
基礎(chǔ)是簡(jiǎn)單的,但這些參數(shù)卻是相當(dāng)微妙的。CAEmitterLayer有超過30種不同的參數(shù)進(jìn)行自定義粒子的行為。下面,我就拼出來的一些特殊問題
二、不可測(cè)性
1、是什么讓粒子系統(tǒng)成為一個(gè)隨機(jī)的系統(tǒng)?
CAEmitterCell的屬性一般有兩個(gè)參數(shù):一個(gè)均值和一個(gè)“cone”,比如velocity 和velocityRange。
默認(rèn)情況下,這個(gè)“cone”是0,這就以為著所有粒子將具有相同的速度。通過改變這個(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ā)射的方向是通過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)說明:
1、CAEmitterCell
CAEmitterCell *effectCell = [CAEmitterCell emitterCell];
effectCell 幾個(gè)重要屬性:
1).birthRate 顧名思義沒有這個(gè)也就沒有effectCell,這個(gè)必須要設(shè)置,具體含義是每秒某個(gè)點(diǎn)產(chǎn)生的effectCell數(shù)量
2).lifetime & lifetimeRange 表示effectCell的生命周期,既在屏幕上的顯示時(shí)間要多長(zhǎng)。
3).contents 這個(gè)和CALayer一樣,只是用來設(shè)置圖片
4).name 這個(gè)是當(dāng)effectCell存在caeEmitter 的emitterCells中用來辨認(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來初始化。粒子畫在背景層盒邊界上
屬性:
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)文章
IOS設(shè)置UIView的邊框?yàn)閳A角詳解及實(shí)例
這篇文章主要介紹了IOS設(shè)置UIView的邊框?yàn)閳A角的相關(guān)資料,需要的朋友可以參考下2017-03-03利用iOS手勢(shì)與scrollView代理實(shí)現(xiàn)圖片的放大縮小
這篇文章主要介紹了利用iOS的手勢(shì)、scrollView代理來實(shí)現(xiàn)圖片放大縮小的方法,文中通過示例代碼介紹的很詳細(xì),相信對(duì)各位iOS開發(fā)者們來說具有一定的參考借鑒價(jià)值,有需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-01-01詳解iOS應(yīng)用開發(fā)中使用設(shè)計(jì)模式中的抽象工廠模式
這篇文章主要介紹了iOS應(yīng)用開發(fā)中使用設(shè)計(jì)模式中的抽象工廠模式,示例代碼為傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-03-03UIImage加載圖片Images.xcassets加載方法的影響
這篇文章主要介紹了UIImage加載圖片Images.xcassets加載方法的影響的相關(guān)資料,需要的朋友可以參考下2016-12-12iOS Runntime 動(dòng)態(tài)添加類方法并調(diào)用-class_addMethod
這篇文章主要介紹了iOS Runntime 動(dòng)態(tài)添加類方法并調(diào)用-class_addMethod的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08iOS App開發(fā)中的UIPageControl分頁(yè)控件使用小結(jié)
UIPageControl分頁(yè)控件的例子簡(jiǎn)單來說即是我們平時(shí)翻動(dòng)多個(gè)桌面頁(yè)時(shí)及底部帶有的圓點(diǎn)頁(yè)碼標(biāo)注,這里我們來看一下iOS App開發(fā)中的UIPageControl分頁(yè)控件使用小結(jié),需要的朋友可以參考下2016-06-06