Processing Evolved

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

    let squares = [];
    let beziers = [];

    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);
            fill(255, 0, 0);
            square(-50, -50, 100);
            push();
            fill(255);
            ellipse(0, 0, 20 + noise(frameCount * 0.01 + i * 0.1) * 40);
            pop();
            pop();
        }

        for (let i = 0; i < 6; i++) {
            let x1 = random(-300, 300);
            let y1 = random(-300, 300);
            let x2 = random(-300, 300);
            let y2 = random(-300, 300);
            let x3 = random(-300, 300);
            let y3 = random(-300, 300);
            let x4 = random(-300, 300);
            let y4 = random(-300, 300);
            let hue = map(noise(frameCount * 0.01 + i * 0.1), 0, 1, 0, 360);
            push();
            translate(0, 0, -200);
            stroke(hue, 100, 100);
            noFill();
            bezier(x1, y1, x2, y2, x3, y3, x4, y4);
            pop();
        }
    }