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;
    let ruleChange = 0;

    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);
            }
            pop();
        }

        angle += 0.01;
        ruleChange++;
        if (ruleChange > 100) {
            ruleChange = 0;
            radius = random(50, 200);
        }
    }