Processing Evolved

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

    function draw() {
        background(150);
        translate(0, 0, -100);
        rotate(millis() / 2000);

        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);

        for (let i = 0; i < numRings; i++) {
            let radius = 50 + i * 20;
            let noiseVal = noise(millis() / 1000 * noiseSpeed, radius * noiseCoarseness);
            let circleRadius = radius + sin(millis() / 500 + i * 0.5) * 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();
            ellipse(0, 0, circleRadius * 2, circleRadius * 2);

            push();
            rotate(PI / 4);
            rectMode(CENTER);
            let rectSize = circleRadius * 2 * sqrt(2) + sin(millis() / 1000 + i * 0.2) * 50;
            rect(0, 0, rectSize, rectSize);
            pop();
        }
    }