let alphabet = ["cuteee", "i love this", "😍","hbd💕", "u look so good", "sooooo", "same", ";(", "happy birthday!!!", "i love pretttyyy", "happy birthday❤️", "helllll yea", "👊🏽👊🏽👊🏽👊", "😍😍😍", "love", "WOW ❤️❤️", "nope", "omfgg", "omg", "YUP", "this is it", "lmao", "really?", "omg one year later", "loser", "DEREK", "👍🏼😃", "yer","i love it", "ily", "shit", "faves", "sumthn", "thisone", "OH", "yurr", "yes???", "??", "omg pretty", "wait i took this", "i miss this", "boys", "thatsme", "????", "wait i like this pic", "hbd!!!", "miss you", "holyshit", "YES", "i mean i guess", "biiiiig", "omg i wanna go there", "oc lgi", "aw","cute", "quirky", "😍😍", "engagement", "omg congrats!!!💛💙", "ftfo", "cap", "omg fr", "yay", "okayyy", "see u soon", "i miss u", "so long ago wtf", "YA", "lets go now", "what is this", "delete omfg", "LMAO", "HAHAHHA", "what is this", "!!!!!!", "uh what", "LOL"];

let groteskFont;

​

function preload() {

  groteskFont = loadFont('https://cdn.glitch.com/5dd99b18-3ebb-45c5-90fb-b4b67dc2e128%2Fgrotesk.otf?v=1580943594863sk.otf');

}

​

function setup() {

  createCanvas(600, 600);

​

  for (let i = 0; i < 51; i++) {

    letters[i] = new Letter();

  }

}

​

function osc(scale) {

  if (!scale) {

    scale = 10;

  }

  return abs(sin(frameCount * 0.01 * scale));

}

​

function draw() {

  background(255*osc, 255*osc, 255*osc,10);

​

​

  for (let i = 0; i < 50; i++) {

    letters[i].move(alphabet[i]);

  }

}

​

class Letter {

  constructor() {

    this.x = 300;

    this.y = 300;

    this.rx = random(-3, 3);

    this.ry = random(-3,3);

    this.color = color(random(255), random(255), random(255), random(255));

  }

  move(alphabet) {

    fill(this.color);

    textSize(25)

    text(alphabet, this.x, this.y);

    this.x += this.rx;

    this.y += this.ry;

    if (this.x >= width || this.x <= -10) {

      this.rx = -this.rx;

    }

    if (this.y >= height || this.y <= -10) {

      this.ry = -this.ry;

    }

  }

}