Processing Evolved

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

    function draw() {
        background(255, 228, 225);
        translate(0, 0, 60);
        rotateY(frameCount * 0.01);
        fill(255, 182, 193);
        beginShape();
        for (let i = 0; i < 360; i += 30) {
            let x = cos(radians(i)) * 100;
            let y = sin(radians(i)) * 100;
            let z = sin(frameCount * 0.05 + i * 0.1) * 20;
            vertex(x, y, z);
        }
        endShape(CLOSE);
        
        push();
        translate(0, 0, 0);
        rotateY(frameCount * 0.02);
        fill(50);
        sphere(50);
        pop();
        
        push();
        translate(0, 0, -100);
        rotateY(frameCount * 0.03);
        fill(255, 99, 71);
        beginShape();
        for (let i = 0; i < 360; i += 20) {
            let x = cos(radians(i)) * 150;
            let y = sin(radians(i)) * 150;
            let z = sin(frameCount * 0.07 + i * 0.15) * 30;
            vertex(x, y, z);
        }
        endShape(CLOSE);
        pop();
    }