Processing Evolved

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

    let squares = [];
    let gridSize = 2;

    function draw() {
        background(255, 204, 0);
        strokeWeight(5);

        gridSize = map(mouseY, 0, height, 2, 16);

        for (let i = 0; i < gridSize * gridSize; i++) {
            let x = (i % gridSize) * (600 / gridSize) - 300;
            let y = Math.floor(i / gridSize) * (600 / gridSize) - 300;
            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(255, colorValue * 0.8, 0);
            square(-(600 / gridSize) / 2, -(600 / gridSize) / 2, 600 / gridSize);
            push();
            fill(255, 0, 0);
            ellipse(0, 0, 20 + noise(frameCount * 0.01 + i * 0.1) * 40);
            pop();
            pop();
        }
    }