var identity = "developer"

var len = name.length;

var a = "a".charCodeAt();

var radiusA = 175;

var radiusB = (0.90) * radiusA

var totalAlphabets = 26;

​

​

function setup() {

  noLoop();

  createCanvas(400, 400);

  name = name.toLowerCase();

}

​

function draw() {

  background(0);

  if (identity === "developer") {

    fill(252, 3, 69, 255);

    stroke(252, 3, 69, 255)

  } else if (identity === "designer") {

    fill(0, 166, 255, 255);

    stroke(0, 166, 255, 255);

  }

​

  beginShape();

    for (var i = 0; i < 2*len; i++) {

      var posCurr = name[i%len].charCodeAt() - a + 1;

      var proportion = radiusB - ((radiusB * posCurr)) / totalAlphabets

      var xCurr = width / 2 + proportion * cos(i * TWO_PI / len - PI / 2);

      var yCurr = height / 2 + proportion * sin(i * TWO_PI / len - PI / 2);

      curveVertex(xCurr, yCurr);

    }

  endShape(CLOSE);

​

  fill(255);

  ellipse(width / 2, height / 2, 5, 5);

​

  stroke(255);

  strokeWeight(3);

  noFill();

  for (var i = 0; i < len; i++) {

    var posCurr = name[i].charCodeAt() - a + 1;

    var proportion = radiusB - ((radiusB * posCurr)) / totalAlphabets

    var xCurr = width / 2 + proportion * cos(i * TWO_PI / len - PI / 2);

    var yCurr = height / 2 + proportion * sin(i * TWO_PI / len - PI / 2);

​

    var distance = dist(width/2, height/2, xCurr, yCurr);

    var cpx1 = dist*cos(i * TWO_PI / len - PI / 2);

    bezier(width/2, height/2, width/2, height/2, xCurr, yCurr, xCurr, yCurr);

​

    fill(255);

    ellipse(xCurr, yCurr, 10, 10);

  }

}

​

function keyPressed() {

  console.log(key);

  if (key == ' ') {

    saveCanvas((name + '-' + (floor(random(100)))), 'png');

    draw();

  }

}

​