let dir = 1;

let noiseSeedX = 8776512;

let noiseSeedY = -2498945;

let scl = 0.2;

let nScl = 0.07;

​

let lines = [

  "ALL WE",

  "SEE IS",

  "PATTERNS"

];

​

let points = [];

​

function preload() {

  font = loadFont("SimplerPro_Alte-SemiBold.otf");

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  // fill(255,12);

  noFill();

  stroke(255,12);

  strokeWeight(2);

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

    let pointsTemp = font.textToPoints(lines[i], width/20, height/3+120*i, 125, {

    sampleFactor: 0.3,

  });

    points = points.concat(pointsTemp);

  }

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

    points[i].dX = 0;

    points[i].dY = 0;

  }

  // console.log(points);

}

​

function draw() {

  clearBG(2);  

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

    let pt = points[i];

    drawPt(pt);

  }

​

}

​

function drawPt(pt){

  // let x = lerp(pt.x, pt.dX, sin(frameCount*0.01));

  // let y = lerp(pt.y, pt.dY, sin(frameCount*0.01));

  // point(x, y);

  pt.dX += sin(random(-1,1));

  pt.dY += sin(random(-1,1));

  // point(pt.x+pt.dX, pt.y+pt.dY);

  circle(pt.x+pt.dX, pt.y+pt.dY, random(0.4, 7));

​

​

}

​

function mouseClicked(){

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

    let pt = points[i];

      pt.dX *= 0.5;

      pt.dY *= 0.5;

  }

}

​

function clearBG(val){

    loadPixels();

​

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

      pixels[i + 3] -= val;

    }

    updatePixels();

  }

​