let secndName;

let compyName;

​

var letters = "abcdefghijklmnopqrstuvwxyz";

​

var data = [{"compyName":"Addigy Inc","firstName":"Austin","secndName":"Nowak"},{"compyName":"ALPHA Facilities Solutions","firstName":"Keith","secndName":"Plummer"},{"compyName":"American Express","firstName":"Nitin","secndName":"Kabra"},{"compyName":"Bank of America","firstName":"Ravindra","secndName":"Bandaru"},{"compyName":"Bristol-Myers Squibb","firstName":"Kamayini","secndName":"Kaul"},{"compyName":"Citibank","firstName":"Sheldon","secndName":"Miller"},{"compyName":"Database USA","firstName":"Howard","secndName":"Alexander"},{"compyName":"Database USA","firstName":"Timothy","secndName":"Pinkerton"},{"compyName":"Datatron","firstName":"Rajendra","secndName":"Gangavarapu"},{"compyName":"Domino's Pizza LLC","firstName":"Fred","secndName":"De Letter"},{"compyName":"Duke University Health System","firstName":"Stephen","secndName":"Blackwelder"},{"compyName":"Fabuwood Corp.","firstName":"Eugene","secndName":"Kolker"},{"compyName":"Fitch Solutions","firstName":"Leith","secndName":"Chahed"},{"compyName":"Funding Circle UK","firstName":"Mahesh","secndName":"Bharadhwaj"},{"compyName":"GateHouse Media","firstName":"Marc","secndName":"Jenkins"},{"compyName":"GE Healthcare Life Sciences","firstName":"Uma","secndName":"Sridharan"},{"compyName":"Gramener Inc","firstName":"Ganes","secndName":"Kesari"},{"compyName":"Gramener Inc","firstName":"Zubin","secndName":"Dhingra"},{"compyName":"Gramener Inc","firstName":"Naveen","secndName":"Gattu"},{"compyName":"Guy Carpenter","firstName":"Chris","secndName":"Zumbrum"},{"compyName":"Highmark Health Solutions","firstName":"Morgan","secndName":"Templar"},{"compyName":"Horizon Blue Cross Blue Shield of New Jersey","firstName":"Vijay","secndName":"Venkatesan"},{"compyName":"HPE BlueData","firstName":"Amy","secndName":"Landsverk"},{"compyName":"HPE BlueData","firstName":"Chris","secndName":"Crawford"},{"compyName":"Huntington","firstName":"John","secndName":"Petty"},{"compyName":"IBM","firstName":"Julie","secndName":"Lockner"},{"compyName":"IBM","firstName":"Scott","secndName":"Buckles"},{"compyName":"IDT Telecom","firstName":"Charles","secndName":"Thibault"},{"compyName":"iHeartMedia","firstName":"Joey","secndName":"Jablonski"},{"compyName":"Kochava","firstName":"Trevor","secndName":"Hamilton"},{"compyName":"Kochava","firstName":"Steve","secndName":"Bair"},{"compyName":"Laurentian Bank","firstName":"Sharon","secndName":"Mathew"},{"compyName":"Long Term Care Group (LTCG)","firstName":"Joseph","secndName":"Rothbauer"},{"compyName":"Looker","firstName":"Doug","secndName":"Berscak"},{"compyName":"Looker","firstName":"Alyssa","secndName":"Freitas"},{"compyName":"Looker","firstName":"Ethel","secndName":"Anderson"},{"compyName":"Marriott Vacations Worldwide","firstName":"Greg","secndName":"Bucko"},{"compyName":"MEDiSTRAVA","firstName":"Matt","secndName":"Lewis"},{"compyName":"Metric Insights","firstName":"Marius","secndName":"Moscovici"},{"compyName":"Metric Insights Inc","firstName":"Mike","secndName":"Smitheman"},{"compyName":"Mondelez International","firstName":"Vishal","secndName":"Jain"},{"compyName":"MUFG","firstName":"Devanshu","secndName":"Mehrotra"},{"compyName":"Outlier","firstName":"Doug","secndName":"Mitarotonda"},{"compyName":"Outlier","firstName":"Brandon","secndName":"Russell"},{"compyName":"Performics","firstName":"Ramendra","secndName":"Singh"},{"compyName":"Predix1labs","firstName":"Kumar","secndName":"Pratyush"},{"compyName":"Predix1labs","firstName":"Amit","secndName":"Das"},{"compyName":"Regions Bank","firstName":"Lakshmanan","secndName":"Meyyappan"},{"compyName":"Rising Stars Foundation","firstName":"Larry","secndName":"Shiller"},{"compyName":"Stanley Black & Decker","firstName":"Aleksandar","secndName":"Lazarevic"},{"compyName":"Synergy Credit Union","firstName":"Jason","secndName":"Wang"},{"compyName":"Tiger Analytics","firstName":"Kamlesh","secndName":"Vikram Singh"},{"compyName":"Tiger Analytics","firstName":"Sam","secndName":"Ramachandran"},{"compyName":"Tiger Analytics","firstName":"Ed","secndName":"Meehan"},{"compyName":"Tower Health","firstName":"David","secndName":"Schlappy"},{"compyName":"Ultimate Software","firstName":"Jason","secndName":"Tokayer"},{"compyName":"Ultranauts","firstName":"Nicole","secndName":"Radziwill"},{"compyName":"Ultranauts","firstName":"Denise","secndName":"Lubaway"},{"compyName":"US Bank","firstName":"Srini","secndName":"Nallasivan"},{"compyName":"Verizon Communications","firstName":"Tunde","secndName":"Akindele"},{"compyName":"Webster Bank","firstName":"Grace","secndName":"Duggar"},{"compyName":"Wells Fargo","firstName":"Wenbo","secndName":"Zhang"},{"compyName":"Wells Fargo Capital Finance","firstName":"Alexander","secndName":"Kleyman"},{"compyName":"Westfield","firstName":"Dan","secndName":"Mazur"},{"compyName":"Winston & Strawn LLP","firstName":"Peter","secndName":"Geovanes"},{"compyName":"Yeshiva University","firstName":"Paul","secndName":"Russo"}]

​

var counter = 0;

​

function preload() {

  font = loadFont("NotoSans-Regular.ttf")

}

​

function setup() {

  // Original

  // createCanvas(595, 420);

​

  // Width: 5.5in

  // Height: 4.25in

  createCanvas(528, 408);

​

  angleMode(DEGREES);

  textAlign(CENTER, CENTER);

​

  pixelDensity(2)

  frameRate(1)

}

​

function draw() {

  background("#050404");

  console.log(counter);

  if (counter >= data.length) return

​

  var row = data[counter]

​

  firstName = row.firstName.toLowerCase().replace(/[^a-z]/g, "")

  secndName = row.secndName.toLowerCase().replace(/[^a-z]/g, "")

  compyName = row.compyName

​

  translate(60, 0)

  xWidth = width - 100

​

  noFill()

  stroke(0, 255, 0)

  strokeWeight(0.25)

  drawName(firstName)

  stroke(218, 62, 82)

  strokeWeight(0.25)

  drawName(secndName)

​

  fill("#DB995A")

  noStroke()

  for (var i = 0; i < letters.length; i++) {

    var letter = letters[i];

    if (firstName.indexOf(letter) !== -1 ||

      secndName.indexOf(letter) !== -1) {

      fill(237, 247, 210, 255)

      textStyle(BOLD)

      text(letter, (xWidth / 26) * i, height / 2)

    } else {

      fill(237, 247, 210, 70)

      textStyle(BOLD)

      text(letter, (xWidth / 26) * i, height / 2)

    }

  }

​

  push()

  textFont(font)

  textSize(25)

  textAlign(RIGHT, CENTER)

  textStyle(NORMAL)

  noStroke()

  fill(237, 247, 210);

  text(row.firstName + " " + row.secndName, 450, 40)

  textSize(17)

  fill(237, 247, 210, 190);

  text(compyName, 450, 70)

  pop()

​

  saveImage()

  counter += 1

}

​

function drawWaves(centerX, centerY, w, h, startAngle, endAngle) {

  for (var arcH = h - 24; arcH <= h + 24; arcH += 2) {

    beginShape()

    curveVertex(centerX + w / 2 * cos(startAngle),

      centerY + arcH / 2 * sin(startAngle))

    for (var angle = startAngle; angle <= endAngle; angle += 10) {

      if (angle == startAngle || angle == endAngle) {

        var x = centerX + w / 2 * cos(angle)

        var y = centerY + arcH / 2 * sin(angle)

​

        curveVertex(x, y)

      } else {

        var nangle = map(angle, startAngle, endAngle, 0, 10)

        var nheight = map(arcH, h - 30, h + 30, 0, 10)

​

        var nx = map(centerX + w / 2, 0, width, 0, 10)

        var ny = map(centerY + h / 2, 0, height, 0, 10)

​

        var n = noise(nangle, nheight)

​

        var x = centerX + (w / 2 + 10 * n) * cos(angle)

        var y = centerY + (arcH / 2 + 10 * n) * sin(angle)

​

        curveVertex(x, y)

      }

    }

    curveVertex(centerX + w / 2 * cos(endAngle),

      centerY + arcH / 2 * sin(endAngle))

    endShape()

  }

}

​

function drawName(name) {

  var direction = -1

  for (var i = 0; i < name.length - 1; i++) {

    var currLetter = name[i];

    var currIndex = letters.split("").findIndex(char => char == currLetter);

    var currX = (xWidth / 26) * currIndex;

​

    var nextLetter = name[i + 1];

    var nextIndex = letters.split("").findIndex(char => char == nextLetter);

    var nextX = (xWidth / 26) * nextIndex;

​

    var centerX = currX + (nextX - currX) / 2;

    var centerY = height / 2;

    var radius = abs(nextX - currX) / 2;

    if (direction == 1) {

      drawWaves(centerX, height / 2 - 5, abs(nextX - currX), abs(nextX - currX), 180, 360);

    }

    if (direction == -1) {

      drawWaves(centerX, height / 2 + 5, abs(nextX - currX), abs(nextX - currX), 0, 180);

    }

​

    direction *= -1;

  }

}

​

function saveImage() {

  var count = counter < 10 ? `0${counter}` : `${counter}`

  save(`${count}-${firstName}-${secndName}.jpeg`)

}