Processing Evolved

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

    let squares = [];

    function draw() {
        background(150);
        strokeWeight(5);

        for (let i = 0; i < 9; i++) {
            let x = (i % 3) * 100 - 100;
            let y = Math.floor(i / 3) * 100 - 100;
            let z = noise(frameCount * 0.01 + i * 0.1) * 200 - 100;
            push();
            translate(x, y, z);
            rotateY(frameCount * 0.03 * map(mouseX, 0, width, 0.5, 2) + i * 0.1 + noise(frameCount * 0.01 + i * 0.1, mouseY * 0.01) * 10);
            rotateX(frameCount * 0.02 * map(mouseX, 0, width, 0.5, 2) + i * 0.1 + noise(frameCount * 0.01 + i * 0.2, mouseY * 0.01) * 10);
            let colorValue = sin(frameCount * 0.05 + i * 0.1) * 127 + 128;
            fill(colorValue, colorValue * 0.8, 0);
            square(-50, -50, 100);
            push();
            fill(255);
            ellipse(0, 0, 20 + noise(frameCount * 0.01 + i * 0.1) * 40);
            pop();
            pop();
        }
    }