​

let border;

let scream;

let button;

​

let can;

​

let colours;

let s;

let b;

​

function preload() {

  back = loadImage('back-04.png');

  border = loadFont('Italiana-Regular.ttf');

  scream = loadFont('Jaan.ttf');

  button = loadFont('Button.ttf');

}

​

​

function setup() {

  createCanvas(1000, 1000);

  colorMode(HSB, 360, 100, 100, 100);

  textAlign(CENTER, CENTER);

  angleMode(DEGREES)

​

  image(back, 0, 0, 1000, 1000);

  colours = [50, 0, 290, 260, 240]

  s = 70;

  b = 100;

​

​

​

​

​

}

​

function draw() {

  // ////////redo: 

//       // background 

//   noStroke()

//   textFont(border);

//   textSize(72)

//   fill(210, 0, 70, 10)

//   text("THANKS NO THANKS 2020", 500 + 5, 65 + 5);

​

//   push()

//   translate(500, 935)

//   rotate(180)

//   textFont(border);

//   textSize(72)

//   fill(210, 0, 70, 10)

//   text("THANKS NO THANKS 2020", -5, -5);

//   pop()

  noStroke()

  fill(348, 12, 14)

  textFont(border);

  textSize(72)

  text("THANKS NO THANKS 2020", 500, 65);

​

​

​

  push()

  translate(500, 935)

  rotate(180)

  textFont(border);

  fill(348, 12, 14)

  textSize(72)

  text("THANKS NO THANKS 2020", 0, 0);

  pop()

​

​

​

  //buttons

  noStroke()

  fill(348, 12, 14)

  rect(125, 777, 102, 102)

  rect(235, 777, 102, 102)

​

  textSize(14)

  textFont(button);

​

  //#1

  fill(colours[0], s, b)

  text("fine i guess", 173.5, 863)

​

  beginShape()

  vertex(153, 852)

  vertex(153, 818)

  vertex(146, 818)

  vertex(175.5, 788.5)

  vertex(206, 818)

  vertex(198, 818)

  vertex(198, 852)

  vertex(181, 852)

  vertex(181, 837)

  vertex(171, 837)

  vertex(171, 852)

  endShape(CLOSE)

​

​

​

  //#2

  fill(colours[1], s, b)

  text("no", 287, 863)

​

  noFill()

  stroke(colours[1], s, b)

  strokeWeight(6.7)

  line(311, 800, 259, 852)

  line(259, 800, 311, 852)

​

​

​

}

​

​

​

class sass {

​

  constructor(trx, tay) {

    this.x = trx;

    this.y = tay;

  }

​

  show() {

​

  }

}

​

​

​

​

​

​

​

​

​

​

​

​

class goHome {

​

  constructor(tyx, tyy, tysc) {

    this.x = tyx;

    this.y = tyy;

    this.script = tysc;

  }

​

  show() {

    textSize(145)

    textFont(scream);

​

    noStroke()

    fill(210, 0, 40, 50)

    text(this.script, this.x + 20, this.y + 20);

​

​

    stroke(240, 0, 100)

    strokeWeight(2)

    for (let i = 0; i < 26; i = i + 5) {

      if (i < 5) {

        fill(colours[0], s, b)

      } else if (i >= 5 && i < 10) {

        fill(colours[1], s, b)

      } else if (i >= 10 && i < 15) {

        fill(colours[2], s, b)

      } else if (i >= 15 && i < 20) {

        fill(colours[3], s, b)

      } else if (i >= 20 && i < 25) {

        fill(colours[4], s, b)

      } else {

        fill(colours[4], 0, b)

      }

​

      text(this.script, this.x - i, this.y - i);

    }

  }

}

​

function mouseClicked() {

  console.log(colours[0])

  can = new goHome(mouseX, mouseY, "can")

  can.show();

​

  we = new goHome(mouseX, mouseY, "we")

  we.show();

​

  all = new goHome(mouseX, mouseY, "all")

  all.show();

​

  please = new goHome(mouseX, mouseY, "please")

  please.show();

​

  just = new goHome(mouseX, mouseY, "just")

  just.show();

​

  go = new goHome(mouseX, mouseY, "go")

  go.show();

​

  home = new goHome(mouseX, mouseY, "home")

  home.show();

​

  now = new goHome(mouseX, mouseY, "now")

  now.show();

}