​

let rotationSpeed = 1; 

​

function setup() {

    createCanvas(600, 850);

  angleMode(DEGREES)

}

​

function draw() {

  background(255);

  translate(10,250)

​

  circle()

  // for (let i = 0; i < 50; i++) {

  //    // translate(280, 255

  //     translate(i, 255*i)

  j()

    // j(i,90)

  // }

}

​

​

function circle(){

  // noStroke()

  strokeWeight(3)

  stroke(0)

    stroke(204,102,0)

  // noFill()

  // fill(0)

  ellipse(290,160,60)

}

​

​

function setup() {

    createCanvas(600, 850);

}

​

function draw() {

    // grid with scale of 20 px

    // comment function to remove grid, mouse position

  background(255);

    // displayMousePosition();

    // grid();

    // START YOUR DRAWING HERE!

  translate(10,250)

​

  circle()

  for (let i = 0; i < 50; i++) {

     // translate(280, 255

      translate(i, 255*i)

  j()

    j(i,90)

  }

}

​

​

function circle(){

  // noStroke()

  strokeWeight(3)

  stroke(0)

    stroke(204,102,0)

  // noFill()

  // fill(0)

  ellipse(290,160,60)

}

​

​

function j(){

  translate(width/2, height/2)

  for (let i = 0; i < 12; i++) {

  rotate(30)

  push()

  // rotate(radians(frameCount))

  // translate(-200*i,-10*i)

  translate(20,170);

  push()

  noFill();

stroke(255,frameCount%10,125);

  strokeWeight(3)

  // fill(0)

curve(300, -100, 240, 26, 300, 26, 200, -100);

  stroke(255,frameCount%10,125);

  strokeWeight(3)

//   fill(0)

curve(300, 0, 300, 220, 300, 26, 550, -150);

stroke(255,frameCount%10,125);

  strokeWeight(3)

  // fill(0)

curve(300, -100, 250, 120, 240, 26, 0, -100);

//    stroke(255, 102, 0);

// curve(400, -100, 220, 150, 249, 123, 0, -100);

   stroke(255,frameCount%10,125);

  strokeWeight(3)

  // fill(0)

curve(220, -300, 210, 150, 249, 123, 0, -100);

 stroke(255,frameCount%10,125);

  strokeWeight(3)

  // fill(0)

curve(1000, -200, 210, 150, 300, 220, 210, -190);

  pop()

​

}

}