let r = 40; // radius

let theta = 0;

let letterArray = ["U", "M", "G", "E", "R", "A", "N", "I"];

let innerArrray = ["UMBELLAR", "MEASURES", "GODS", "EXIT", "RESOUNDS", "ACAPELLA", "NO ONE", "INTERPRETS"];

let outerArray = ["SILENCE", "SUMMER", "TIMES", "SUMMER", "ANSWERS", "EACH", "SEEN", "RED"];

​

function setup() {

  createCanvas(1000, 1000);

  textFont('Georgia');

  textAlign(CENTER);

  // angleMode(DEGREES);

  textSize(30);

}

​

function draw() {

  push();

    translate(width/2, height/2);

    textSize(15);

     textFont('Helvetica');

    textAlign(LEFT);

      for (let i = 0; i < innerArrray.length; i++) {

      rotate(QUARTER_PI/1.05); // rotation for the group of letters, which affects the spacing between letters

      push();

      translate(20*sin(4.5) , 20*cos(4.5));

      rotate(PI); // rotation for individual letter

      text(innerArrray[i], 0, 0);

      pop();

    }

    for (let i = 0; i < outerArray.length; i++) {

      rotate(QUARTER_PI/1.05); // rotation for the group of letters, which affects the spacing between letters

      push();

      // translate(r * sin(theta), r * cos(theta));

       translate(60*sin(300) , 60*cos(300));

      rotate(PI); // rotation for individual letter

      text(outerArray[i], 20, 0);

      pop();

    }

  pop();

  //U

  push();

    translate(525,200);

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

        rotate(QUARTER_PI/1.25);

        push();

        translate(r * sin(theta), r * cos(theta));

        rotate(PI);

        text(letterArray[0], 1, 2);

        pop();

​

       } 

    pop();

    push();

      translate(715,215);

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

          rotate(QUARTER_PI/1.25);

          push();

          translate(r * sin(theta), r * cos(theta));

          rotate(PI);

          text(letterArray[1], 1, 2);

          pop();

​

         } 

      pop();

      push();

      translate(850,380);

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

          rotate(QUARTER_PI/1.25);

          push();

          translate(r * sin(theta), r * cos(theta));

          rotate(PI);

          text(letterArray[2], 1, 2);

          pop();

​

         } 

      pop();

    push();

      translate(850,560);

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

          rotate(QUARTER_PI/1.25);

          push();

          translate(r * sin(theta), r * cos(theta));

          rotate(PI);

          text(letterArray[3], 1, 2);

          pop();

​

         } 

      pop();

  push();

      translate(685,720);

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

          rotate(QUARTER_PI/1.25);

          push();

          translate(r * sin(theta), r * cos(theta));

          rotate(PI);

          text(letterArray[4], 1, 2);

          pop();

​

         } 

      pop();

  push();

      translate(500,700);

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

          rotate(QUARTER_PI/1.25);

          push();

          translate(r * sin(theta), r * cos(theta));

          rotate(PI);

          text(letterArray[5], 1, 2);

          pop();

​

         } 

      pop();

    push();

      translate(360,550);

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

          rotate(QUARTER_PI/1.25);

          push();

          translate(r * sin(theta), r * cos(theta));

          rotate(PI);

          text(letterArray[6], 1, 2);

          pop();

​

         } 

      pop();

      push();

      translate(360,375);

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

          rotate(QUARTER_PI/1.25);

          push();

          translate(r * sin(theta), r * cos(theta));

          rotate(PI);

          text(letterArray[7], 1, 2);

          pop();

​

         } 

      pop();

​

  //inner circle

      push();

    translate(615, 300);

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

        rotate(QUARTER_PI/1.25);

        push();

        translate(r * sin(theta), r * cos(theta));

        rotate(PI);

        text(letterArray[0], 1, 2);

        pop();

​

       } 

    pop();

    push();

    translate(730, 350);

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

        rotate(QUARTER_PI/1.25);

        push();

        translate(r * sin(theta), r * cos(theta));

        rotate(PI);

        text(letterArray[1], 1, 2);

        pop();

​

       } 

    pop();

​

​

    push();

    translate(760, 475);

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

        rotate(QUARTER_PI/1.25);

        push();

        translate(r * sin(theta), r * cos(theta));

        rotate(PI);

        text(letterArray[2], 1, 2);

        pop();

​

       } 

    pop();

  push();

    translate(730, 600);

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

        rotate(QUARTER_PI/1.25);

        push();

        translate(r * sin(theta), r * cos(theta));

        rotate(PI);

        text(letterArray[3], 1, 2);

        pop();

​

       } 

    pop();

    push();

    translate(600, 625);

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

        rotate(QUARTER_PI/1.25);

        push();

        translate(r * sin(theta), r * cos(theta));

        rotate(PI);

        text(letterArray[4], 1, 2);

        pop();

​

       } 

    pop();

    push();

    translate(480, 580);

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

        rotate(QUARTER_PI/1.25);

        push();

        translate(r * sin(theta), r * cos(theta));

        rotate(PI);

        text(letterArray[5], 1, 2);

        pop();

​

       } 

    pop();

    push();

    translate(450, 460);

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

        rotate(QUARTER_PI/1.25);

        push();

        translate(r * sin(theta), r * cos(theta));

        rotate(PI);

        text(letterArray[6], 1, 2);

        pop();

​

       } 

    pop();

    push();

    translate(500, 350);

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

        rotate(QUARTER_PI/1.25);

        push();

        translate(r * sin(theta), r * cos(theta));

        rotate(PI);

        text(letterArray[7], 1, 2);

        pop();

​

       } 

    pop();

​

​

​

}

​