Processing Evolved

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

let appleGrowth = 0;
let appleDropped = false;

function draw() {
    background(76, 153, 0);
    noStroke();
    fill(139, 69, 19);
    rect(-50, 200, 100, 300);

    if (!appleDropped) {
        fill(0, 100 + appleGrowth, 0);
        ellipse(-150, 100, 200, 300);
        ellipse(150, 100, 200, 300);
        appleGrowth += 0.5;
        if (appleGrowth >= 100) {
            appleDropped = true;
        }
    } else {
        fill(255, 0, 0);
        ellipse(-150, 100 + appleGrowth * 5, 200, 300);
        ellipse(150, 100 + appleGrowth * 5, 200, 300);
        appleGrowth += 2;
    }

    fill(255, 0, 0);
    circle(0, -100, 100);
    circle(-150, -50, 80);
    circle(120, -150, 60);
    circle(-80, -200, 70);
    fill(0, 100, 0);
    ellipse(-200, 150, 150, 200);
    ellipse(200, 150, 150, 200);
}