let angle = 0;

let amplitude = 20;

let frequency = 0.03;

​

let cX, cY, oX, oY, dX, dY, eX, eY;

​

function setup() {

  createCanvas(400, 600);

  textFont("Nova Square");

  textAlign(CENTER, CENTER);

  cX = 2;

  cY = 5;

  oX = 3;

  oY = 2.5;

  dX = 1.4;

  dY = 1.7;

  eX = 2;

  eY = 1.2;

}

​

function draw() {

  noFill();

  stroke(255);

  background(255, 228, 94, 55);

  strokeWeight(0.2);

  textSize(100);

​

  // C

  let cS = height / 5 + (amplitude / 4) * sin(angle);

  stroke(127, 200, 248);

  textSize(cS);

  strokeWeight(5);

  noFill();

  text("C", width / 1.75, height / 5);

​

  // bottom rect

  eX = 2;

  noStroke();

  fill(255, 99, 146);

  rect(0, height / 1.67, width, height / 2);

​

  // Ghost 3s

  noFill();

  strokeWeight(0.2);

  stroke(255);

  textSize(180);

  eX = width / 2.1 + amplitude * sin(angle) * 10;

  text("3", eX, height / 1.16);

​

  // vertical rect top to bottom

  noStroke();

  fill(127, 200, 248);

  rect(width / 3.78, 0, 55, height);

​

  // 0

  let oS = height / 7 + (amplitude / 2) * sin(angle * 0.2);

  textSize(oS);

  noStroke();

  fill(255, 99, 146);

  text("O", width / 3, height / 2.5);

  noFill();

  strokeWeight(1);

  stroke(255, 99, 146, 200);

  text("O", width / 3, height / 2.4);

  stroke(255, 99, 146, 110);

  text("O", width / 3, height / 2.3);

  stroke(255, 99, 146, 80);

  text("O", width / 3, height / 2.2);

  stroke(255, 99, 146, 50);

  text("0", width / 3, height / 2.1);

​

  // middle rect across

  noStroke();

  fill(90, 169, 230);

  rect(0, height / 2, width, 60);

​

  // D

  let oD = height / 1.7 + amplitude * sin(angle);

  let oX = height / 2.1 + (amplitude / 6) * sin(angle);

  textSize(200);

  strokeWeight(1);

  stroke(255);

  fill(255, 20);

  text("D", oX, height / 1.75);

  textSize(205);

  text("D", oX, height / 1.75);

  textSize(185);

  text("D", oX, height / 1.75);

  textSize(165);

  text("D", oX, height / 1.75);

  textSize(145);

  text("D", oX, height / 1.75);

  textSize(125);

  text("D", oX, height / 1.75);

​

  // 3 solid

  textSize(180);

  strokeWeight(5);

  stroke(255);

  eX = width / 2 + amplitude * sin(angle) * 15;

  text("3", width / 2.1, height / 1.16);

​

  angle += frequency;

}

​