Processing Evolved

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

let y = [0, 0, 0, 0, 0];
let velocity = [0, 0, 0, 0, 0];
let gravity = 0.2;
let trail = [];

function draw() {
    background(150);
    translate(-width / 4, 0, 0); // Move to the center of the screen

    for (let i = 0; i < 5; i++) {
        translate(50 * (i - 2), y[i], 100);
        fill(255, 192, 203); // Pink color
        beginShape();
        vertex(-25, 25);
        vertex(25, 25);
        bezierVertex(40, 0, 40, -40, 0, -50);
        bezierVertex(-40, -60, -40, 0, -25, 25);
        endShape(CLOSE);
        translate(0, 50, 0);
        fill(0);
        ellipse(0, 0, 10, 10);

        velocity[i] += gravity;
        y[i] += velocity[i];
        if (y[i] > height / 2) {
            y[i] = height / 2;
            velocity[i] *= -0.8;
        }

        // Add trail
        trail.push({ x: 50 * (i - 2), y: y[i], z: 100 });
        if (trail.length > 100) {
            trail.shift();
        }
    }

    // Draw trail
    beginShape();
    for (let i = 0; i < trail.length; i++) {
        const { x, y, z } = trail[i];
        stroke(255, 192, 203); // Pink color
        vertex(x, y, z);
    }
    endShape();
}