create a grey button, if you press the button show fireworks in swift

An example code in Swift to create a grey button which shows fireworks when pressed:


main.swift
import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let button = UIButton()
        button.frame = CGRect(x: 100, y: 100, width: 200, height: 50)
        button.backgroundColor = .gray
        button.setTitle("Press me", for: .normal)
        button.addTarget(self, action: #selector(buttonPressed), for: .touchUpInside)
        self.view.addSubview(button)
    }
    
    @objc func buttonPressed() {
        let particleEmitter = CAEmitterLayer()
        
        particleEmitter.emitterPosition = CGPoint(x: view.frame.width/2, y: -50)
        particleEmitter.emitterShape = CAEmitterLayerEmitterShape.line
        particleEmitter.emitterSize = CGSize(width: view.frame.width, height: 2.0)
        particleEmitter.renderMode = CAEmitterLayerRenderMode.additive
        
        let red = makeEmitterCell(color: UIColor.red.cgColor)
        let green = makeEmitterCell(color: UIColor.green.cgColor)
        let blue = makeEmitterCell(color: UIColor.blue.cgColor)
        
        particleEmitter.emitterCells = [red, green, blue]
        view.layer.addSublayer(particleEmitter)
        
        DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
            particleEmitter.removeFromSuperlayer()
        }
    }
    
    private func makeEmitterCell(color: CGColor) -> CAEmitterCell {
        let cell = CAEmitterCell()
        cell.birthRate = 5
        cell.lifetime = 1.0
        cell.lifetimeRange = 0
        cell.color = color
        cell.velocity = 200
        cell.velocityRange = 50
        cell.emissionLongitude = .pi
        cell.emissionRange = .pi / 4
        cell.spin = 2
        cell.spinRange = 3
        cell.scaleRange = 0.5
        cell.scale = 0.1
        cell.contents = UIImage(named: "circle")?.cgImage
        return cell
    }
}
1852 chars
54 lines

In the viewDidLoad, we create a UIButton with a grey background color and add it to the view. We also set an action for the button when it is pressed, namely the function buttonPressed.

In the buttonPressed function, we create a CAEmitterLayer to display the fireworks effect. We set the emitter position to be at the top center of the screen and the emitter shape to be a line. We also set the size of the emitter to match the width of the screen and a small height of 2 points.

We then create three different cells, each with a different color (red, green, blue) using the makeEmitterCell function. We set the properties of each cell, such as the velocity, lifetime, color, and other properties to achieve the desired effect.

We add the three cells to the emitter and then add the emitter to the view's layer. Finally, we use DispatchQueue.main.asyncAfter to remove the emitter layer after 1 second, so we don't leave any artifacts on the screen.

The makeEmitterCell function creates and returns a CAEmitterCell with the desired properties. We set the birth rate to 5 particles per second, the lifetime to 1 second, and no lifetime range. We set the color to match the parameter passed in, and the velocity to 200 points per second with a range of +/- 50 points. The emission range is set to a quarter of a circle (45 degrees). We also set the spin, scale, and contents properties to achieve the desired effect of the particle.

Note that we assume there is an image called "circle" that we're using as the contents of the particle cell. This image can be any shape or image you desire.

similar swift code snippets

create a view with a clickable person logo at the header on the right, and three clickable buttons in the footer in swift

create a green button that says “click me!” in swift

create a grey button with the text "press here" which jumps when you press it in swift

add a button that submits in swift

create a view controller with a full screen scroll view and a stack view filling the scroll view in swift

create a view and make its background colour red in swift

create a button that animates when you tap on it in swift

create 5 boxes of rainbow colors in swift

a view that iterates a list with images and animations in swift

create a tri-colour view with the colours of the french flag in swift

related categories