Processing Evolved

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

function draw() {
  background(0);
  drawCircularFractal(0, 0, 300, 6);
  
  push();
  translate(0, sin(frameCount * 0.025) * 100);
  rotateX(frameCount * 0.015);
  rotateY(frameCount * 0.02);
  fill(255, 0, 0);
  square(-50, -50, 100);
  pop();
  
  push();
  translate(100, cos(frameCount * 0.03) * 80);
  rotateX(frameCount * 0.01);
  rotateZ(frameCount * 0.025);
  fill(255, 128, 0);
  square(-40, -40, 80);
  pop();

  for (let i = 0; i < 10; i++) {
    push();
    let x = random(-width/2, width/2);
    let y = random(-height/2, height/2);
    let h = (sin(frameCount * 0.025 + i) + 1) * 50;
    translate(x, y);
    fill(0, 200, 0);
    box(10, h, 10);
    translate(0, -h/2);
    fill(200, 0, 200);
    sphere(15);
    pop();
  }
  
  drawFractal(0, 0, 200, 6);
}

function drawCircularFractal(x, y, size, level) {
  if(level > 0) {
    push();
    translate(x, y);
    rotateX(frameCount * 0.01); // Slowed down rotation
    rotateY(frameCount * 0.02); // Slowed down rotation
    fill(sin(frameCount * 0.02) * 255, cos(frameCount * 0.03) * 255, sin(frameCount * 0.04) * 255);
    torus(size, size/4);
    
    level--;
    drawCircularFractal(0, 0, size/2, level);
    pop();
  }
}

function drawFractal(x, y, size, level) {
  if(level > 0) {
    push();
    translate(x, y);
    rotateX(frameCount * 0.01);
    rotateY(frameCount * 0.02);
    fill(255, 200, 100);
    box(size);
    
    level--;
    drawFractal(0, size/2, size/2, level);
    drawFractal(0, -size/2, size/2, level);
    drawFractal(size/2, 0, size/2, level);
    drawFractal(-size/2, 0, size/2, level);
    pop();
  }
}