let mytype;

​

function preload() {

  mytype = loadFont("GraphikBold.otf");

}

​

function setup() {

  createCanvas(800, 800);

​

  pts = mytype.textToPoints("bandcamp", 0, 0, 90, {

    sampleFactor: 0.25,

    simplifyThreshold: 0,

  });

​

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

}

​

function draw() {

  background(255);

​

  translate(20, 140);

  fill(255, 0, 0);

  noStroke();

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

    fill(i % 255);

    ellipse(pts[i].x, pts[i].y, 2, 2);

  }

​

  translate(0, 100);

  beginShape(POINTS);

  stroke(0);

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

    vertex(pts[i].x + sin(frameCount * 0.05 + pts[i].y * 0.1) * 5, pts[i].y);

  }

  endShape();

​

  translate(20, 200);

  noFill();

  let rotX = sin(mouseX) * 15;

  let rotY = cos(mouseY) * 15;

  // let rotX = sin(frameCount / 20) * 15;

  // let rotY = cos(frameCount / 20) * 15;

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

    line(pts[i].x, pts[i].y, pts[i].x - rotX, pts[i].y - rotY);

  }

​

  textFont(mytype);

  textSize(90);

  text("bandcamp", 0, 0);

  fill(54,191,184, 50);

  text("bandcamp", -rotX, -rotY);

​

  // translate(0, 100);

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

  //   line(

  //     pts[i].x,

  //     pts[i].y,

  //     pts[i].x + random(-15, 15),

  //     pts[i].y + random(-15, 15)

  //   );

  // }

}

​