Processing Evolved

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

function draw() {
  background(255, 255, 0);
  
  directionalLight(255, 255, 255, 0, 0, -1);
  
  drawFractal(0, 0, 200, 6);
  drawFractal(150, -150, 120, 5);
  drawFractal(-200, 100, 80, 4);
  
  push();
  translate(-100, 200);
  rotateX(frameCount * 0.01);
  rotateY(frameCount * 0.02);
  fill(200, 0, 0);
  cylinder(30, 80);
  pop();
  
  push();
  translate(100, -250);
  rotateX(frameCount * 0.015);
  rotateY(frameCount * 0.025);
  fill(0, 0, 200);
  cylinder(25, 60);
  pop();
  
  // Add faces in the back
  push();
  translate(0, 0, -300);
  drawFace(0, 0, 100);
  drawFace(-200, -100, 80);
  drawFace(150, 100, 60);
  pop();
}

function drawFractal(x, y, size, level) {
  if(level > 0) {
    push();
    translate(x, y);
    rotateX(frameCount * 0.01);
    rotateY(frameCount * 0.02);
    if (level % 2 == 0) {
      fill(255, 0, 0);
    } else {
      fill(0, 0, 255);
    }
    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();
  }
}

function drawFace(x, y, size) {
  push();
  translate(x, y);
  fill(255);
  ellipse(0, 0, size);
  fill(0);
  ellipse(-size/5, -size/8, size/8);
  ellipse(size/5, -size/8, size/8);
  arc(0, size/8, size/2, size/4, 0, PI);
  pop();
}