Processing Evolved

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

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

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

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

        for (let c of confetti) {
            push();
            translate(c.x, c.y, c.z);
            fill(c.color);
            box(c.size);
            pop();
            c.y += 5;
            if (c.y > height / 2) {
                confetti.splice(confetti.indexOf(c), 1);
            }
        }
    }