iOS-粒子系統

iOS的粒子系統是通過CAEmitterCell創建,然后通過CAEmitterLayer發射層進行發射。 導入框架#import <QuartzCore>

  • 下面介紹CAEmitterCell的基本屬性
 + (instancetype)emitterCell;// UIKit根據這個發射粒子和定義的基礎上創建一個隨機粒子。此原型包括一些屬性來控制粒子的圖片,顏色,方向,運動,縮放比例和生命周期。

 @property(nullable) CGColorRef color; //粒子的顏色

 @property float alphaRange;// 一個粒子的顏色alpha能改變的范圍

 @property float alphaSpeed; //粒子透明度在生命周期內的改變速度

 @property float redRange; 
 @property float greenRange; 
 @property float blueRange; ///一個粒子的顏色blue,green,red能改變的范圍

 @property float redSpeed; 
 @property float greenSpeed; 
 @property float blueSpeed; ///一個粒子blue,green,red在生命周期內改變的速度

 @property(nullable, strong) id contents; //粒子要展現的圖片,CGImageRef類型,否則不顯示

 @property CGRect contentsRect; //渲染的范圍

 @property CGFloat emissionLatitude; //發射Z軸方向的發射角度

 @property CGFloat emissionLongitude; //粒子在xy平面的發射角度

 @property CGFloat emissionRange; //粒子發射角度的容差

 @property(nullable, copy) NSArray<CAEmitterCell> *emitterCells; //粒子發射的粒子

 @property(getter=isEnabled) BOOL enabled; //粒子是否允許發射器渲染

 @property float lifetime;// 粒子生存時間

 @property float lifetimeRange; //粒子生存時間范圍,設置之后 lifetime +/-= lifetimeRange

 @property(copy) NSString *minificationFilter; 
 @property(copy) NSString *magnificationFilter;// 減小,增加自己的大小

 @property float minificationFilterBias;// 減少大小的因子

 @property(nullable, copy) NSString *name; //粒子的名字

 @property CGFloat scale; //粒子縮放大小

 @property CGFloat scaleRange; //粒子縮放范圍

 @property CGFloat scaleSpeed; //粒子縮放速度

 @property CGFloat spin; //旋轉角度

 @property CGFloat spinRange; //旋轉角度范圍

 @property CGFloat velocity; //粒子的速度

 @property CGFloat velocityRange;// 粒子速度范圍

 @property CGFloat xAcceleration;
 @property CGFloat yAcceleration;
 @property CGFloat zAcceleration; //粒子在x,y,x方向的加速度

發射層CAEmitterLayer屬性

  + (instancetype)layer;
  // 由很多emitterCell組成的發射層,控制粒子的形狀,發射位置,提供了一個粒子發射器系統為核心的動畫

  @property(nullable, copy) NSArray<CAEmitterCell> *emitterCells; 
  //裝著   CAEmitterCell對象的粒子單元數組,被用于把粒子投放到layer上

  @property CGPoint emitterPosition; //發射器在xy平面的中心位置

  @property CGFloat emitterZPosition;// 發射器的Z平面位置

  @property CGSize emitterSize; //發射器的尺寸大小

  @property CGFloat emitterDepth; //發射器的深度,在某些模式下會產生立體效果

  @property(copy) NSString *emitterMode; //發射模式

  kCAEmitterLayerPoints //從發射器中發出 
  kCAEmitterLayerOutline //從發射器邊緣發出
  kCAEmitterLayerSurface //從發射器表面發出 
  kCAEmitterLayerVolume //從發射器中點發出

  @property(copy) NSString *emitterShape; //發射器的形狀

  kCAEmitterLayerPoint //點的形狀,粒子從一個點出發 
  kCAEmitterLayerLine //線的形狀,粒子從一條線出發 
  kCAEmitterLayerRectangle //矩形形狀,粒子從一個矩形出發 
  kCAEmitterLayerCuboid //立方體形狀,會影響Z平面的效果 
  kCAEmitterLayerCircle //圓形,粒子會在圓形范圍發射 kCAEmitterLayerSphere 球形
 
  @property(copy) NSString *renderMode;// 渲染模式

  kCAEmitterLayerUnordered //這種模式下,粒子是無序出現的,多個發射源將混合        
  kCAEmitterLayerOldestFirst //這種模式下,生命久的粒子會被渲染在最上層       
  kCAEmitterLayerOldestLast// 這種模式下,年輕的粒子會被渲染在最上層   
  kCAEmitterLayerBackToFront //這種模式下,粒子的渲染按照Z軸的前后順序進行          
  kCAEmitterLayerAdditive //這種模式會進行粒子混合
  @property BOOL preservesDepth; //是否開啟三維空間效果

  @property float birthRate; //粒子產生速度 默認為1.0

  @property float lifetime; //粒子存活時間,默認為1s

  @property float scale; //粒子的縮放大小

  @property unsigned int seed; //用于初始化隨機數產生的粒子

  @property float spin; //粒子的旋轉位置

  @property float velocity;// 粒子的運動速度

寫幾行代碼用起來

 CAEmitterLayer *fireEmitter = [CAEmitterLayer layer];
 fireEmitter.emitterPosition = CGPointMake(self.view.frame.size.width/2.0,    
 self.view.frame.size.height - 60);
 fireEmitter.emitterSize = CGSizeMake( 50, 0);
 fireEmitter.emitterShape = kCAEmitterLayerLine;
 fireEmitter.renderMode  = kCAEmitterLayerAdditive;
 //火焰
 CAEmitterCell* fire = [CAEmitterCell emitterCell];
 [fire setName:@"fire"];

 fire.birthRate   = 500;
 fire.emissionLongitude  = M_PI;
 fire.velocity   = -80;
 fire.velocityRange  = 30;
 fire.emissionRange  = 1.1;
 fire.yAcceleration  = -200;
 fire.scaleSpeed   = 0.3;
 fire.lifetime   = 1;
 fire.lifetimeRange  = 0.35;

 fire.color = [[UIColor colorWithRed:0.8 green:0.4 blue:0.2 alpha:0.1] CGColor];
 fire.contents = (id) [[UIImage imageNamed:@"DazFire"] CGImage];

 //煙霧
 CAEmitterCell* smoke = [CAEmitterCell emitterCell];
 [smoke setName:@"smoke"];

 smoke.birthRate   = 11;
 smoke.lifetime   = 4;
 smoke.velocity   = -40;
 smoke.velocityRange  = 20;
 smoke.emissionRange  = M_PI / 4;
 smoke.spinRange   = 6;
 smoke.yAcceleration  = -160;
 smoke.scale    = 0.1;
 smoke.alphaSpeed  = -0.12;
 smoke.scaleSpeed  = 0.7;

 smoke.contents   = (id) [[UIImage imageNamed:@"DazSmoke"] CGImage];
 smoke.color = [[UIColor colorWithWhite:0.5 alpha:0.3]CGColor];

 fireEmitter.emitterCells = @[smoke,fire];
 [self.view.layer addSublayer:fireEmitter];

產生火焰效果,抄錄一下,哪天要用的時候就不用到處找了,謝謝大神的分享!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容