let str = "I dunk a skunk in a trunk full of gunk.";

​

// string data stored with ''.

//console.log(str.length);

​

//charAt to grab at 'index' value

//console.log(str.charAt(2));

​

let x = 0;

let y = 0;

let c = 0;

​

function setup() {

  createCanvas(400, 400);

  textSize(36);

  //alignment

  textAlign(LEFT, TOP);

}

​

function draw() {

  //background(220);

​

  /*

  //call the entire length of string

  for (let c =0; c < str.length; c++){

    let ch = str.charAt(c);

    x += textWidth(ch);

    text(ch,x,y);

    //once x reaches width, new line at y

    if(x > width) {

      x = 0;

      y += textAscent() + textDescent();

    }

  }

  */

​

  let ch = str.charAt(c);

  text(ch, x, y);

​

  x += textWidth(ch);

  //once x reaches width, new line at y

  if (x > width) {

    x = 0;

    y += textAscent() + textDescent();

  }

}

​