//2data visualisation

//3generative typography - fonts

//manipulation of this

​

let myString = "hello class!";

​

function setup() {

  createCanvas(400, 400);

  textAlign(CENTER);

  //font type and size

  textFont("courier", 50);

  //get a character at index

  let myChar = myString.charAt(4);

}

​

function draw() {

  background(110);

  let angle = PI;

  let radius = 100;

  //line 1

​

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

    let myChar = myString.charAt(i);

    // let startX = width/2 - textWidth(myString)/2;

​

    let x = cos(angle) * radius + width / 2;

    let y = sin(angle) * radius + height / 2;

    //line 2

    text(myChar, x, y);

    angle += TWO_PI / myString.length;

  }

​

  // //line 3

  // let noiseValue = noise(frameCount * 0.02, i * 0.5);

  //   let scaledNoise = (noiseValue - 0.5) * 100;

  //    text(myChar, x, height*0.74 + scaledNoise)

}

​