let x=40;

let a=1;

let v=50;

let b=0;

let angle=3.2;

let angle2=3.25;

let angle3=2;

let angle4=0;

let angle5=2.2;

let angle6=2;

let angle7=3;

let speed=0.04;

let l1=true;

let l2=false;

let r1=false;

let r2=false;

let r3=false;

let l3=false;

let e=false;

let l4=false;

let k=false;

let l5=false;

let r4=false;

let r5=false;

let A=false;

let l6=false;

let r6=false;

let s=false;

let r7=false;

let r8=false;

let l7=false;

let done=false;

let moonx=0,moonctr=1;

​

function setup() {

  createCanvas(500, 300);

  background(0);

}

​

function draw() {

  fill(0,0,255);

  strokeWeight(0);

  //R

  if(l1==true){

    circle(x,y,10);

    y-=a;

  if(y==100){

     a=0;

     b=1;

      }

    x+=b;

  if(x==90){

    l1=false;

    b=0;

    r1=true;

   }

  }

  if(r1==true){

    x=90+sin(angle)*40;

    y=140+cos(angle)*40;

    circle(x,y,10);

    angle-=speed;

    if(y==180){

      r1=false;

      l2=true;

    }

  }

  if(l2==true){

    b=-1;

    circle(x,y,10)

    x+=b;

    if(x<46){

      l2=false;

      r2=true;

    }

  }

  if(r2==true){

    a=49+sin(angle2)*80;

    b=260+cos(angle2)*80;

    circle(a,b,10);

    angle2-=speed;

  if(b>255){

    r2=false;

    e=true;

    l4=true;

    x=135;

    y=220;

    }

  }

  //e

  if(e==true){

    if(l4==true){

    circle(x,y,10);

    x++;

      if(x==205){

        l4=false;

        r3=true;

      }

    }

    if(r3==true){

      a=170+sin(angle2)*35;

      b=220+cos(angle2)*35;

      circle(a,b,10);

      angle2+=speed;

      if(a>=185&&b>=245){

        r3=false;

        k=true;

        l5=true;

        x=220;

        y=100;

      }

    }

  }

  if(k==true){

    if(l5==true){

      circle(x,y,10);

      y++;

      if(y==255){

        l5=false;

        r4=true;

        r5=true

      }

    }

    if(r4==true){

      a=220+sin(angle3)*55;

      b=290+cos(angle3)*80;

      circle(a,b,10);

      angle3+=speed;

      if(a<225){

        r4=false;

      }

    }

    if(r5==true){

      x=220+sin(angle4)*50;

      y=160+cos(angle4)*50;

      circle(x,y,10);

      angle4+=speed;

      if(y<170){

        r5=false;

        A=true;

        r6=true;

        l6=true;

      }

    }

 }

  if(A==true){

    if(r6==true){

      x=310+sin(angle5)*35;

      y=220+cos(angle5)*35;

      circle(x,y,10);

      angle5+=speed;

      a=340;

      b=195;

      if(x>340&&y>182){

        r6=false;

      }

    }

    if(l6==true){

      circle(a,b,10);

      b++;

      if(b==255){

        l6=false;

        r7=true;

        s=true;

      }

    }

  }

  //s

  if(s==true){

    if(r7==true){

      x=390+sin(angle6)*30;

      y=210+cos(angle6)*20;

      circle(x,y,10);

      angle6+=speed;

      if(x>=390&&y>=225){

        r7=false;

        r8=true;

      }

    }

    if(r8==true){

      x=390+sin(angle7)*30;

      y=250.5+cos(angle7)*20;

      circle(x,y,10);

      angle7-=speed;

      if(x<390&&y>=270.5){

        r8=false;

        l7=true;

        x=390;

        y=270.5;

        a=450;

        b=100;

      }

    }

      if(l7==true){

        circle(x,y,10);

        x--;

        if(x<=40){

          l7=false;

          done=true;

        }

        circle(a,b,10);

        b++;

        if(b>=250){

          b--;

          circle(a,y,10)

        }

      }

    }

  if(done==true){

    if(mouseIsPressed){

      fill(255);

      v=10;

    }

      fill(0);

      circle(mouseX,mouseY,v)

  }

}