Processing Evolved

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

    function draw() {
        background(150);
        translate(-width / 2, -height / 2);
        rotateY(frameCount * 0.01);
        for (let x = -width; x < width * 2; x += 100) {
            for (let y = -height; y < height * 2; y += 100) {
                push();
                translate(x, y);
                rotateZ(frameCount * 0.02);
                fill(255, random(255), random(255));
                square(-50, -50, 100);
                for (let i = 0; i < 4; i++) {
                    push();
                    translate(50, 50);
                    rotateZ(frameCount * 0.04 + i * PI / 2);
                    scale(0.5);
                    fill(random(255), random(255), 255);
                    square(-50, -50, 100);
                    pop();
                }
                pop();
            }
        }
    }