Processing Evolved

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

function draw() {
  background(135, 159, 237); // Periwinkle color
  
  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(255, 0, 255); // Magenta
  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 Lichtenstein-style face in the back
  push();
  translate(0, 0, -300);
  drawLichtensteinFace(0, 0, 400);
  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, 255); // Magenta
    } 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 drawLichtensteinFace(x, y, size) {
  push();
  translate(x, y);
  fill(255);
  ellipse(0, 0, size);
  
  fill(0);
  stroke(0);
  strokeWeight(8);
  
  // Eyes
  ellipse(-size/5, -size/8, size/10);
  ellipse(size/5, -size/8, size/10);
  
  // Nose
  line(0, 0, 0, size/8);
  
  // Mouth
  arc(0, size/4, size/2, size/4, 0, PI);
  
  // Ben-Day Dots
  drawBenDayDots(0, 0, size);
  
  pop();
}

function drawBenDayDots(x, y, size) {
  let dotSize = size/30;
  let dotSpacing = size/20;
  
  for (let i = -size/2; i < size/2; i+= dotSpacing) {
    for (let j = -size/2; j < size/2; j+= dotSpacing) {
      fill(255, 0, 255); // Magenta
      ellipse(i, j, dotSize, dotSize);
    }
  }
}