Processing Evolved

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

    let cubes = [];

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

        for (let i = 0; i < 36; i++) {
            let x = (i % 6) * 100 - 300;
            let y = Math.floor(i / 6) * 100 - 300;
            let z = noise(frameCount * 0.01 + i * 0.1) * 200 - 100;
            let displacement = noise(frameCount * 0.01 + i * 0.2) * 100 - 50;
            push();
            translate(x + displacement, y + displacement, z + displacement);
            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);
            let boxSize = 75 + noise(frameCount * 0.01 + i * 0.2) * 25 + sin(frameCount * 0.05 + i * 0.1) * 25;
            box(-boxSize / 2, -boxSize / 2, boxSize * 2);
            push();
            fill(255, 0, 0);
            ellipse(0, 0, 20 + noise(frameCount * 0.01 + i * 0.1) * 40);
            pop();

            // Draw lines at intersecting faces
            for (let j = 0; j < 36; j++) {
                if (i !== j) {
                    let x2 = (j % 6) * 100 - 300;
                    let y2 = Math.floor(j / 6) * 100 - 300;
                    let z2 = noise(frameCount * 0.01 + j * 0.1) * 200 - 100;
                    let displacement2 = noise(frameCount * 0.01 + j * 0.2) * 100 - 50;
                    let dx = x2 + displacement2 - (x + displacement);
                    let dy = y2 + displacement2 - (y + displacement);
                    let dz = z2 + displacement2 - (z + displacement);
                    let distance = sqrt(dx * dx + dy * dy + dz * dz);
                    if (distance < boxSize) {
                        stroke(255, 0, 0);
                        line(-boxSize / 2, -boxSize / 2, -boxSize / 2, boxSize / 2, boxSize / 2, boxSize / 2);
                    }
                }
            }

            pop();
        }
    }