let points = []; 

let msg = "SPIN";

let size = 200;

let r = 20; 

let t = 0;

let angle = 0; 

​

function preload() {

  //font = loadFont("fonts/Roboto-BlackItalic.ttf");

  font = loadFont("fonts/Roboto-Black.ttf");

  //font = loadFont("fonts/KodeMono-Bold.ttf")

}

​

function setup() {

  createCanvas(600, 400);

  points = font.textToPoints(msg, 0, 0, size, {

    sampleFactor: 0.5,

    simplifyThreshold: 0.0

  });

  angleMode(DEGREES);

}

function draw() {

  background("black");

  stroke(425);

  let x = r*cos(angle);

  let y = r*sin(angle);

  translate(60, 280);

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

    line(points[i].x, points[i].y, points[i].x + x, points[i].y + y);

  }

  let increment = 9*sin(t);

  t++;

  angle += increment;

  fill("pink");

  textSize(size);

  textFont(font);

  text(msg, x, y);

}

function keyPressed() {

  if (key === 's') {

    saveGif('SPIN', 5);

  }

  }