Processing Evolved

    function setup() {
        let canvas = createCanvas(600, 600, WEBGL);
        canvas.parent('animation-holder');
    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;
            vertex(x, y);
        }
        endShape(CLOSE);

        push();
        translate(-100, 0, 0);
        rotateY(frameCount * 0.02);
        fill(255, 192, 203);
        beginShape();
        for (let i = 0; i < 360; i += 30) {
            let x = cos(radians(i)) * 80;
            let y = sin(radians(i)) * 80;
            vertex(x, y);
        }
        endShape(CLOSE);
        pop();

        push();
        translate(100, 0, 0);
        rotateY(-frameCount * 0.02);
        fill(255, 192, 203);
        beginShape();
        for (let i = 0; i < 360; i += 30) {
            let x = cos(radians(i)) * 80;
            let y = sin(radians(i)) * 80;
            vertex(x, y);
        }
        endShape(CLOSE);
        pop();
    }