Processing Evolved

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

    let y = 0;
    let speed = 5;
    let confetti = [];

    function draw() {
        background(150);
        translate(0, y);
        fill(255, 0, 0);
        square(-50, -50, 100);
        y += speed;
        if (y > height / 2 || y < -height / 2) {
            speed = -speed;
        }

        for (let i = 0; i < 20; i++) {
            let x = random(-width / 2, width / 2);
            let y = random(-height / 2, -height / 4);
            let size = random(5, 30);
            let color = color(random(255), random(255), random(255));
            confetti.push({ x, y, size, color });
        }

        for (let i = confetti.length - 1; i >= 0; i--) {
            let c = confetti[i];
            fill(c.color);
            circle(c.x, c.y, c.size);
            c.y += 10;
            if (c.y > height / 2 + 100) {
                confetti.splice(i, 1);
            }
        }
    }