粒子動畫
func test() {
self.view.backgroundColor = UIColor.black
let icon = UIImageView()
icon.image = UIImage(named: "qqicon")
icon.sizeToFit()
icon.frame.origin = CGPoint(x: 100, y: 100)
icon.isUserInteractionEnabled = true
let tap = UITapGestureRecognizer(target: self, action: #selector(iconTap))
icon.addGestureRecognizer(tap)
view.addSubview(icon)
//發射位置
emitterLayer.emitterPosition = icon.center
//發射源的大小
emitterLayer.emitterSize = CGSize(width: 40, height: 40)
//發射源的形狀
emitterLayer.emitterShape = kCAEmitterLayerCircle
//發射模式
emitterLayer.emitterMode = kCAEmitterLayerOutline
view.layer.addSublayer(emitterLayer)
let emitterCell = CAEmitterCell()
emitterCell.name = "emitterButton"
//設置粒子的速度
emitterCell.velocity = 50
//設置粒子的速度范圍
emitterCell.velocityRange = 50
//設置粒子參數的速度乘數因子
emitterCell.birthRate = 0
//設置粒子的生命周期
emitterCell.lifetime = 1
//設置粒子透明度的改變速度
emitterCell.alphaSpeed = -1
//設置要展現的圖片
emitterCell.contents = UIImage(named: "fire.png")!.cgImage
emitterLayer.emitterCells = [emitterCell]
}
@objc func iconTap() {
print(7777)
UIView.animate(withDuration: 0.5) {
let basic = CABasicAnimation(keyPath: "emitterCells.emitterButton.birthRate")
basic.fromValue = 100
basic.toValue = 0
basic.duration = 0
basic.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)
self.emitterLayer.add(basic, forKey: nil)
}
}
效果圖.gif
火焰
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
self.view.backgroundColor = UIColor.black
let emitterCell = CAEmitterCell()
emitterCell.name = "fire"
emitterCell.emissionLongitude = CGFloat.pi// emissionLongitude:x-y 平面的 發 射方向
emitterCell.velocity = -10// 粒子速度 負數表明向上燃燒
emitterCell.velocityRange = 50// 粒子速度范圍
emitterCell.emissionRange = 1.1//周圍發射角度
emitterCell.yAcceleration = -200// 粒子y方向的加速度分量
emitterCell.scaleSpeed = 0.2// 縮放比例 超大火苗
emitterCell.color = UIColor(red: 0.7 ,green: 0.4 ,blue:0.2 ,alpha:0.1).cgColor
emitterCell.contents = UIImage(named: "fire.png")!.cgImage
let emitterLayer = CAEmitterLayer()
emitterLayer.position = self.view.center// 粒子發射位置
emitterLayer.emitterSize = CGSize(width: 50, height: 10)// 控制火苗大小
emitterLayer.renderMode = kCAEmitterLayerAdditive
emitterLayer.emitterMode = kCAEmitterLayerOutline// 控制發射源模式 即形狀
emitterLayer.emitterShape = kCAEmitterLayerLine
emitterLayer.emitterCells = [emitterCell]
self.view.layer.addSublayer(emitterLayer)
emitterLayer.setValue(500, forKeyPath: "emitterCells.fire.birthRate")
emitterLayer.setValue(1, forKeyPath: "emitterCells.fire.lifetime")
}
}
效果圖.gif
霓虹效果
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
self.view.backgroundColor = UIColor.black
let emitterCell = CAEmitterCell()
emitterCell.name = "nenolight"
emitterCell.emissionLongitude = CGFloat.pi * 2// emissionLongitude:x-y 平面的 發 射方向
emitterCell.velocity = 50// 粒子速度
emitterCell.velocityRange = 50// 粒子速度范圍
emitterCell.scaleSpeed = -0.2// 縮放比例 超大火苗
emitterCell.scale = 0.1
emitterCell.greenSpeed = -0.1
emitterCell.redSpeed = -0.2
emitterCell.blueSpeed = 0.1
emitterCell.alphaSpeed = -0.2
emitterCell.birthRate = 100
emitterCell.lifetime = 4
emitterCell.color = UIColor.white.cgColor
emitterCell.contents = UIImage(named: "neonlight.png")!.cgImage
let emitterLayer = CAEmitterLayer()
emitterLayer.position = self.view.center// 粒子發射位置
emitterLayer.emitterSize = CGSize(width: 2, height: 2)// 控制粒子大小
emitterLayer.renderMode = kCAEmitterLayerBackToFront
emitterLayer.emitterMode = kCAEmitterLayerOutline// 控制發射源模式 即形狀
emitterLayer.emitterShape = kCAEmitterLayerCircle
emitterLayer.emitterCells = [emitterCell]
self.view.layer.addSublayer(emitterLayer)
}
}
效果圖.gif
