//https://erraticgenerator.com/blog/p5js-texttopoints-function/

​

let txt = [

  "Yes, it is possible to sabotage the things that can destroy us, but not without non-locality on our side.",

  "Yearning is the antithesis of energy.",

  "The complexity of the present time seems to demand a blossoming of our auras if we are going to survive.",

];

let pts;

let font;

​

function preload() {

  font = loadFont('m5x7.ttf');

}

function setup() {

  createCanvas(800, 800);

​

  pts = [];

  fSize = 256;

  textFont(font);

  textSize(fSize);

  // msg = 'yearning';// txt[1];

  // pts = font.textToPoints(msg, 0, 0, fSize, {

  //   sampleFactor: 0.1, // increase for more points

  //   simplifyThreshold: 0.0, // increase to remove collinear points

  // });

}

​

function draw() {

  noLoop();

  background(220);

​

  // drawShadow(random(2,20),null);

//   noFill();//fill(0);

//   stroke(0.5);

  // myText(txt[0], width/2,height/2,width)

  // fill(color(random(200,255),random(200,255),0));

  myText(txt[1], width/2,height/2+48,width)

  // fill(0);

  // myText(txt[2], width/2,height/2+2*48,width)

​

  // 2. animate on its own

//   const d = 10 + sin(frameCount / 50) * 50;

//   const angle = frameCount / 100;

​

//   push();

//   translate(60, (height * 5) / 8);

​

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

//     const p = pts[i];

//     push();

//     translate(p.x, p.y);

//     rotate(angle);

//     line(-d, -d, +d, +d);

//     pop();

//   }

//   pop();

}

​

// thanks to fxhash discord user cables.and.pixels for this!

function myText(t, x, y, width) {

  textSize(24);

  // textFont('serif');

  // textFont("monospace");

  let w = textWidth(t);

  textSize((20 * (width - width * 0.1)) / w);

  textAlign(CENTER, CENTER);

  text(t, x, y);

}

​

function drawShadow(b, g) {

  if (g == null) {

    if (b == 0) {

      drawingContext.shadowOffsetX = 0;

      drawingContext.shadowOffsetY = 0;

      drawingContext.shadowBlur = 0;

      drawingContext.shadowColor = color(0); //"black";

    } else {

      let off = 3;

      let off2 = 0;

      let col = 0;

      drawingContext.shadowOffsetX = random(-off, off);

      drawingContext.shadowOffsetY = random(-off, off);

      drawingContext.shadowBlur = b + off2;

      if (random() > 0.9)

        drawingContext.shadowColor = color(

          random(255),

          random(255),

          random(255)

        );

      else drawingContext.shadowColor = color(col); //"black";

    }

  } else {

    if (b == 0) {

      g.drawingContext.shadowOffsetX = 0;

      g.drawingContext.shadowOffsetY = 0;

      g.drawingContext.shadowBlur = 0;

      g.drawingContext.shadowColor = color(0); //"black";

    } else {

      g.drawingContext.shadowOffsetX = 3;

      g.drawingContext.shadowOffsetY = 3;

      g.drawingContext.shadowBlur = b;

      g.drawingContext.shadowColor = curr_color; //color(0); //"black";

    }

  }

}

​