let letters = "abcdefghijklmnopqrstuvwxyz";

let letterArray = letters.split("");

let degree = 360;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  angleMode(DEGREES);

  colorMode(HSB);

  textAlign(CENTER);

  spiroRadius = createSlider(100, 500, 200, noise(10));

  spiroRadius.position(width / 2 - 200, 50);

  spiroCount = createSlider(0, letterArray.length - 1, 0, 1);

  spiroCount.position(width / 2, 50);

  spiroSize = createSlider(50, 100, 30, noise(10));

  spiroSize.position(width / 2 + 200, 50);

​

  frameRate(5);

}

​

function draw() {

  background(0);

  translate(width / 2, height / 2);

  textCircle(spiroRadius.value(), spiroCount.value(), spiroSize.value());

}

​

function textCircle(r, a, size) {

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

    let angle = (i / a) * degree;

    let cr = r;

    let cx = cr * cos(angle);

    let cy = cr * sin(angle);

    fill(i, 100, 100);

    textSize(size);

    text(letterArray[i], cx, cy);

  }

}

​