iOS黑科技【動(dòng)畫特效篇】第二期
今天為大家?guī)硪粓?chǎng)淅淅瀝瀝的夜空之雨和滿天飛舞的櫻花之戀旧噪,希望能在炎炎夏日為您帶來一絲清爽的涼意窘疮!
Rainning&Sakura.gif
老規(guī)矩,喜歡就要帶回家凯沪,簡(jiǎn)單封裝了一下:
https://github.com/XMDashen/CAEmmitter-Rainning-Sakura.git
順便給個(gè)星哦!(*  ̄3)(ε ̄ *)
廢話太多锐锣,直接上代碼:
粒子特效的話我只服蘋果系統(tǒng)的腌闯,CAEmitter粒子特效提供了非常豐富的屬性來實(shí)現(xiàn)各種效果(雨滴、雪花雕憔、流星)姿骏,用法簡(jiǎn)單B格高。首先創(chuàng)建好CAEmitterLayer粒子發(fā)射器圖層斤彼,CAEmitterCell粒子單元分瘦,然后根據(jù)需要設(shè)置somany粒子單元的屬性就OK了,最后注意要將粒子發(fā)射器圖層的layer添加到整個(gè)背景的sublayer上琉苇。
@interface XMWeatherView ()
@property(nonatomic,strong) CAEmitterLayer *sunshineEmitterLayer;
@property(nonatomic,strong) CAEmitterLayer *rainDropEmitterLayer;
@property(nonatomic,strong) UIImageView *backgroundView;
@end
每個(gè)屬性都有詳細(xì)注釋嘲玫,最后就發(fā)揮您的想象力,愛怎么玩怎么玩吧并扇!
#pragma mark - 下雨特效
-(void)addRainningEffect{
self.backgroundView.image=[UIImage imageNamed:@"rainning.jpeg"];
//粒子發(fā)射器圖層
self.rainDropEmitterLayer=[CAEmitterLayer layer];
//粒子發(fā)射器位置
_rainDropEmitterLayer.emitterPosition=CGPointMake(100, -30);
//粒子發(fā)射器的范圍
_rainDropEmitterLayer.emitterSize=CGSizeMake(self.bounds.size.width*4, 0);
//發(fā)射模式
_rainDropEmitterLayer.emitterMode=kCAEmitterLayerOutline;
//粒子模式
_rainDropEmitterLayer.emitterShape=kCAEmitterLayerLine;
//創(chuàng)建粒子
CAEmitterCell *emitterCell=[CAEmitterCell emitterCell];
//設(shè)置粒子內(nèi)容
emitterCell.contents=(__bridge id)([UIImage imageNamed:@"42-Raindrop"].CGImage);
//設(shè)置粒子縮放比例
emitterCell.scale=0.9;
//縮放范圍
emitterCell.scaleRange=0.5;
//每秒粒子產(chǎn)生數(shù)量
emitterCell.birthRate=130;
//粒子生命周期
emitterCell.lifetime=5;
//粒子透明速度
emitterCell.alphaSpeed=-0.1;
//粒子速度
emitterCell.velocity=280;
emitterCell.velocityRange=100;
//設(shè)置發(fā)射角度
emitterCell.emissionLongitude=-M_PI;
// emitterCell.emissionRange=M_PI;
//設(shè)置粒子旋轉(zhuǎn)角速度
// emitterCell.spin=M_PI_4;
//設(shè)置layer陰影
_rainDropEmitterLayer.shadowOpacity=1.0;
//設(shè)置圓角
_rainDropEmitterLayer.shadowRadius=2;
//設(shè)置偏移
_rainDropEmitterLayer.shadowOffset=CGSizeMake(1, 1);
//設(shè)置顏色
_rainDropEmitterLayer.shadowColor=[UIColor whiteColor].CGColor
;
//設(shè)置layer的粒子
_rainDropEmitterLayer.emitterCells=@[emitterCell];
_rainDropEmitterLayer.transform=CATransform3DMakeRotation(-M_PI/4, 0, 0, 1);
[self.layer addSublayer:_rainDropEmitterLayer];
}
櫻花的代碼大同小異去团,請(qǐng)自行腦補(bǔ)
這一期就到這里了,親們有什么意見和問題記得及時(shí)反饋哦穷蛹,喜歡的話點(diǎn)個(gè)關(guān)注給個(gè)贊(づ ̄3 ̄)づ╭?~
我們下期再會(huì)