function setup() {

  createCanvas(400, 600);

}

​

function draw() {

  background(220);

  for (let i = 0; i<1000; i+=10) {

  noFill()

  stroke(0,149,199)

  strokeWeight(4)

  ellipse(200,300,i,i)

  stroke(217, 24, 165)

  strokeWeight(3)

  ellipse(200,x,500-i,500-i)

    stroke(15, 5, 252)

  strokeWeight(3)

  ellipse(x,300,500-i,500-i)

        stroke(217, 24, 165)

  strokeWeight(3)

  ellipse(200,-x,500-i,500-i)

      stroke(15, 5, 252)

  strokeWeight(3)

  ellipse(-x,300,500-i,500-i)

 }

  if(x>width){

    x=0

  }else{

  x=x+3

  }

  // dotz

   // going up x2

push();

  translate(200 + sin(frameCount * 0.02)*100,

            100 + sin(frameCount * 0.01)*10);

  rotate(frameCount * 0.08);

  fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200-150,300-200,+ sin(frameCount*0.08)*50,50)

​

   fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(200-55,+ sin(frameCount*0.08)*300-200,50,50)

     fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200+55,300-200,+ sin(frameCount*0.08)*50,50)

       fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(200+150,+ sin(frameCount*0.08)*300-200,50,50)

  // going up

  fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(200-150,+ sin(frameCount*0.08)*300-100,50,50)

   fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200-55,300-100,+ sin(frameCount*0.08)*50,50)

     fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(200+55,+ sin(frameCount*0.08)*300-100,50,50)

       fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200+150,300-100,+ sin(frameCount*0.08)*50,50)

  // middle

  fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200-150,300,+ sin(frameCount*0.08)*50,50)

   fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(200-55,+ sin(frameCount*0.08)*300,50,50)

     fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200+55,300,+ sin(frameCount*0.08)*50,50)

       fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(200+150,+ sin(frameCount*0.08)*300,50,50)

  // going down

  fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(+ sin(frameCount*0.08)*200-150,300+100,50,50)

   fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200-55,300+100,+ sin(frameCount*0.08)*50,50)

  fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(+ sin(frameCount*0.08)*200+55,300+100,50,50)

fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200+150,300+100,+ sin(frameCount*0.08)*50,50)

​

  // going down x2

   fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200-150,300+200,+ sin(frameCount*0.08)*50,50)

   fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(+ sin(frameCount*0.08)*200-55,300+200,50,50)

  fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  square(200+55,300+200,+ sin(frameCount*0.08)*50,50)

  fill(245, 228, 0)

 noStroke()

  strokeWeight(3)

  ellipse(+ sin(frameCount*0.08)*200+150,300+200,50,50)

  pop()

}

​