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(66, 5);

  strokeWeight(0.2);

  textSize(100);

  noStroke();

  fill(100,2);

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

​

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

  stroke(255);

  textSize(cS);

  strokeWeight(0.5);

  noFill();

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

​

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

  textSize(oS);

  stroke(66, 5);

  fill(250);

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

​

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

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

  textSize(200);

  strokeWeight(0.5);

  stroke(255);

  noFill();

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

  textSize(195);

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

  textSize(190);

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

  textSize(185);

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

  textSize(180);

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

  textSize(175);

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

​

  noStroke();

  fill(42,190);

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

  textSize(150);

  eX = 2;

  noStroke();

  fill(66,20);

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

  strokeWeight(5);

  stroke(255);

  text("3", width / eX, height / eY);

​

  noFill();

  strokeWeight(0.2);

  stroke(255);

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

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

​

  angle += frequency;

}

​