Processing Evolved

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

    let rotationSpeed = 0.002;
    let isRotating = true;
    let resetTime = 0;

    function draw() {
        background(150);
        translate(0, 0, -100);
        if (millis() - resetTime < 1000) {
            isRotating = false;
            rotateY(0);
        } else {
            isRotating = true;
            rotateY(isRotating ? millis() * rotationSpeed : 0);
        }

        let noiseCoarseness = map(mouseX, 0, width, 0.001, 0.1);
        let noiseSpeed = map(mouseY, 0, height, 0.0001, 0.01);
        let numRings = map(mouseY, 0, height, 5, 20);

        let fov = PI / 3.0 + cos(millis() / 1000) * PI / 4.0;
        perspective(fov, width / height, 1, 1000);

        for (let i = 0; i < numRings; i++) {
            let radius = 50 + i * 20;
            let noiseVal = noise(millis() / 1000 * noiseSpeed, radius * noiseCoarseness);
            let circleRadius = radius + noiseVal * 50;
            let colorVal = map(i, 0, numRings - 1, 0, 1);
            let strokeColor1 = lerpColor(color(255, 0, 0), color(255, 255, 0), colorVal);
            let strokeColor2 = lerpColor(color(255, 0, 0), color(255, 255, 0), colorVal);
            let strokeColor3 = lerpColor(color(255, 0, 0), color(255, 255, 0), colorVal);
            stroke(strokeColor1, strokeColor2, strokeColor3);
            strokeWeight(2 + noise(millis() / 2000 * noiseSpeed, radius * noiseCoarseness) * 10);
            noFill();
            
            push();
            rotateX(sin(millis() / 1000 * noiseSpeed * radius * (numRings - i) / numRings) * PI / 4);
            rotateZ(sin(millis() / 1000 * noiseSpeed * radius * (numRings - i) / numRings) * PI / 2 + (millis() % mouseX) / 100);
            rectMode(CENTER);
            rect(0, 0, circleRadius * 2, circleRadius * 2);
            pop();

            push();
            rotateX(PI / 4 + sin(millis() / 1000 * noiseSpeed * radius * (numRings - i) / numRings) * PI / 4);
            rotateZ(sin(millis() / 1000 * noiseSpeed * radius * (numRings - i) / numRings) * PI / 2 + (millis() % mouseX) / 100);
            rectMode(CENTER);
            rect(0, 0, circleRadius * 2 * sqrt(2), circleRadius * 2 * sqrt(2));
            pop();
        }
    }

    function keyPressed() {
        if (key === ' ') {
            isRotating = !isRotating;
        }
    }

    function mousePressed() {
        resetTime = millis();
    }