font = loadFont('/Millimetre-Regular.otf');

}

​

function setup() {

  createCanvas(600, 600);

  textFont(font);

  textSize(125);

}

​

​

let width = 600

let ypos = 300;

let xpos = 180;

let xstep = 105;

let hstep = 45;

let fillstep = 20;

let y = 160;

​

function draw() {

  background(0);

​

  // red ellipse

  fill(241, 38, 14);

  noStroke();

  ellipse(300, 300, 500, 380);

​

   // random shape 1

  fill(0);

  beginShape();

  vertex(45, 250);

  vertex(138, 178);

  vertex(262, 267);

  vertex(361, 205);

  vertex(480, 267);

  vertex(570, 230);

  vertex(570, 267);

  vertex(508, 307);

  vertex(368, 250);

  vertex(262, 307);

  vertex(138, 222);

  vertex(19, 290);

  endShape(CLOSE);

​

  // random shape 2

  fill(0);

  beginShape();

  vertex(44, 331);

  vertex(191, 381);

  vertex(233, 356);

  vertex(320, 420);

  vertex(382, 398);

  vertex(428, 314);

  vertex(508, 380);

  vertex(556, 358);

  vertex(556, 385);

  vertex(508, 409);

  vertex(435, 373);

  vertex(389, 409);

  vertex(340, 459);

  vertex(233, 384);

  vertex(191, 409);

  vertex(26, 381);

  endShape(CLOSE);

​

​

  // ellipse

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

    fill(25, 155 - fillstep * i, 246);

    ellipse(xpos + xstep * i, ypos, 60, 20 + hstep * i);

  }

  // Moving horizontally and snapping back

   xstep = xstep - 25;

  if (xstep < 0){

    xstep = 105;

  }

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

    fillstep = fillstep -3 * i;

  }

  // text

  textAlign(LEFT);

  drawWords(width * 0.75);

​

  filter(BLUR, 2);

}

​

​

function drawWords(x){

  fill(255);

  text('mary', 20, y);

​

  fill(255);

  text('bute', 270, y+300);

  fill(246, 239, 58);

  text('ellen', 310, y);

  y = y + random(-1,1);

​

}