<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.js"></script>
    
    <meta charset="utf-8" />

  </head>
  <body>
    <main>
    </main>
    </body>
</html>


  x=0;
  a=3;
  function setup(){
  createCanvas(720,400);
  }
  function draw(){
  background(0,0,20);
  
    translate(280,200);
    noStroke();
  
   for (let i=0;i<40;i++){
   ellipse(0,30,20,60)
    fill(204,100,192,127);
    rotate(PI/7);
    
    ellipse(a+40,80,60,120);
    fill(150,100,180,120);
    rotate(PI/2)
    
    ellipse(x+80,120,60,100);
    fill(200,100,190,125);
    rotate(PI/7);
    
    ellipse(x+40,40,40,40);
    fill(220,0,0,0);
    rotate(PI/4);
    
    ellipse(30,30,30,30)
    fill(220,30,20,20);
    x+=0.05;
    a-=0.03;
  
   
      }
   }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.