swift - 簡單實現(xiàn)粒子效果

  • 創(chuàng)建一個 Swift file 文件殉疼,用協(xié)議實現(xiàn)粒子動畫的發(fā)射和停止效果
import UIKit

protocol Emitterable {
    
}

extension Emitterable where Self : UIViewController {
    func startEmittering(_ point : CGPoint) {
        // 1.創(chuàng)建發(fā)射器
        let emitter = CAEmitterLayer()
        
        // 2.設(shè)置發(fā)射器的位置
        emitter.emitterPosition = point
        
        // 3.開啟三維效果
        emitter.preservesDepth = true
        
        // 4.創(chuàng)建例子, 并且設(shè)置例子相關(guān)的屬性
        var cells = [CAEmitterCell]()
        for i in 0..<10 {
            // 4.1.創(chuàng)建例子Cell
            let cell = CAEmitterCell()
            
            // 4.2.設(shè)置粒子速度
            cell.velocity = 150
            cell.velocityRange = 100
            
            // 4.3.設(shè)置例子的大小
            cell.scale = 0.7
            cell.scaleRange = 0.3
            
            // 4.4.設(shè)置粒子方向
            cell.emissionLongitude = CGFloat(-M_PI_2)
            cell.emissionRange = CGFloat(M_PI_2 / 6)
            
            // 4.5.設(shè)置例子的存活時間
            cell.lifetime = 3
            cell.lifetimeRange = 1.5
            
            // 4.6.設(shè)置粒子旋轉(zhuǎn)
            cell.spin = CGFloat(M_PI_2)
            cell.spinRange = CGFloat(M_PI_2 / 2)
            
            // 4.6.設(shè)置例子每秒彈出的個數(shù)
            cell.birthRate = 2
            
            // 4.7.設(shè)置粒子展示的圖片
            cell.contents = UIImage(named: "good\(i)_30x30")?.cgImage
            
            // 4.8.添加到數(shù)組中
            cells.append(cell)
        }
        
        // 5.將粒子設(shè)置到發(fā)射器中
        emitter.emitterCells = cells
        
        // 6.將發(fā)射器的layer添加到父layer中
        view.layer.addSublayer(emitter)
    }
    
    func stopEmittering() {
        /*
        for layer in view.layer.sublayers! {
            if layer.isKind(of: CAEmitterLayer.self) {
                layer.removeFromSuperlayer()
            }
        }
        */
        view.layer.sublayers?.filter({ $0.isKind(of: CAEmitterLayer.self)}).first?.removeFromSuperlayer()
    }
}
  • 使用方式(使用該效果的控制器验烧,需要先遵守該協(xié)議Emitterable
開始 startEmittering(CGPoint(x: 200, y: 600))
停止 stopEmittering()
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末甸怕,一起剝皮案震驚了整個濱河市挠羔,隨后出現(xiàn)的幾起案子盖奈,更是在濱河造成了極大的恐慌宪塔,老刑警劉巖磁奖,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異某筐,居然都是意外死亡比搭,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進(jìn)店門南誊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來身诺,“玉大人,你說我怎么就攤上這事抄囚∶股模” “怎么了?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵幔托,是天一觀的道長穴亏。 經(jīng)常有香客問我,道長柑司,這世上最難降的妖魔是什么迫肖? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮攒驰,結(jié)果婚禮上蟆湖,老公的妹妹穿的比我還像新娘。我一直安慰自己玻粪,他們只是感情好隅津,可當(dāng)我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布诬垂。 她就那樣靜靜地躺著,像睡著了一般伦仍。 火紅的嫁衣襯著肌膚如雪结窘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天充蓝,我揣著相機(jī)與錄音隧枫,去河邊找鬼。 笑死谓苟,一個胖子當(dāng)著我的面吹牛官脓,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播涝焙,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼卑笨,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了仑撞?” 一聲冷哼從身側(cè)響起赤兴,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎隧哮,沒想到半個月后桶良,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡沮翔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年艺普,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鉴竭。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖岸浑,靈堂內(nèi)的尸體忽然破棺而出搏存,到底是詐尸還是另有隱情,我是刑警寧澤矢洲,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布璧眠,位于F島的核電站,受9級特大地震影響读虏,放射性物質(zhì)發(fā)生泄漏责静。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一盖桥、第九天 我趴在偏房一處隱蔽的房頂上張望灾螃。 院中可真熱鬧,春花似錦揩徊、人聲如沸腰鬼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽熄赡。三九已至姜挺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間彼硫,已是汗流浹背炊豪。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留拧篮,地道東北人词渤。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像他托,于是被迫代替她去往敵國和親掖肋。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,901評論 2 355

推薦閱讀更多精彩內(nèi)容