Processing Evolved

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

    let angle = 0;
    let radius = 150;
    let x, y;

    function draw() {
        background(150);
        fill(255, 0, 0);

        x = radius * cos(angle);
        y = radius * sin(2 * angle);
        translate(x, y);
        
        for (let i = 0; i < 80; i++) {
            let shapeSize = random(20, 80);
            let shapeType = floor(random(3));
            push();
            rotate(i * TWO_PI / 80);
            translate(100, 0);
            if (shapeType === 0) {
                square(-shapeSize / 2, -shapeSize / 2, shapeSize);
            } else if (shapeType === 1) {
                triangle(-shapeSize / 2, shapeSize / 2, shapeSize / 2, shapeSize / 2, 0, -shapeSize / 2);
            } else {
                ellipse(0, 0, shapeSize, shapeSize);
            }
            
            push();
            scale(0.5);
            for (let j = 0; j < 80; j++) {
                let subShapeSize = random(10, 40);
                let subShapeType = floor(random(3));
                push();
                rotate(j * TWO_PI / 80);
                translate(50, 0);
                if (subShapeType === 0) {
                    square(-subShapeSize / 2, -subShapeSize / 2, subShapeSize);
                } else if (subShapeType === 1) {
                    triangle(-subShapeSize / 2, subShapeSize / 2, subShapeSize / 2, subShapeSize / 2, 0, -subShapeSize / 2);
                } else {
                    ellipse(0, 0, subShapeSize, subShapeSize);
                }
                pop();
            }
            pop();
            
            pop();
        }

        angle += 0.01;
    }