​

let font;

let points = [];

let r = 25;

let angle = 0;

let rmore = 50;

​

function preload() {

  font = loadFont("Fonts/PPNeueMachina-InktrapRegular.otf");

}

​

function setup() {

  createCanvas(1920, 1080);

​

  points = font.textToPoints("BLEND", 550, 550, 180, {

    sampleFactor: 0.2,

​

    simplifyThreshold:0.2

  });

  angleMode(DEGREES);

}

​

function draw() {

  background(57, 47, 54);

​

  //for the rotation

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

    //Blend first instance

    {

      ellipse(points[i].x + r * sin(angle + i * 5), points[i].y, 4, 4);

​

      fill(255, 155, 210);

      stroke("white");

      noStroke();

    }

​

    //blend second instance bigger

​

    /* {

    ellipse(points[i].x + + rmore*sin(angle + i*2) , points[i].y, 4,4);

    fill(241,160,208);

    //stroke("black")

    noStroke();

    }

    */

  }

​

  //frequency of the animation

  angle += 2;

}

​