Processing Evolved

    function setup() {
        let canvas = createCanvas(600, 600, WEBGL);
        canvas.parent('animation-holder');
    resizeAnimation();
    resizeAnimation();
    resizeAnimation();
    }

    let particles = [];

    function draw() {
        background(150);
        
        let numParticles = 50;
        for (let i = 0; i < numParticles; i++) {
            let newParticle = new Particle(random(-width/2, width/2), -height/2);
            particles.push(newParticle);
        }
        
        for (let i = particles.length - 1; i >= 0; i--) {
            particles[i].update();
            particles[i].show();
            if (particles[i].finished()) {
                particles.splice(i, 1);
            }
        }
    }

    class Particle {
        constructor(x, y) {
            this.x = x;
            this.y = y;
            this.vx = random(-2, 2);
            this.vy = random(2, 8);
            this.alpha = 255;
            this.size = random(8, 24);
        }

        finished() {
            return this.y > height/2 || this.alpha < 0;
        }

        update() {
            this.x += this.vx;
            this.y += this.vy;
            this.vy += 0.1;
            this.alpha -= 5;
        }

        show() {
            noStroke();
            fill(255, 0, 0, this.alpha);
            ellipse(this.x, this.y, this.size, this.size);
        }
    }