​

let wordList = word.split("");

​

let wSquares = [];

let sSize = 50;

let margin = 60;

​

let guessed = [];

let guessing = [];

​

function setup() {

  createCanvas(430, 620);

  frameRate(30)

}

​

function draw() {

  background(220);

  keyboard();

  keyCheck();

​

}

​

function addStuff() {

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

    if (guessing[i]!=null) {

      wSquares.push(new square(guessing[i].toUpperCase(), margin+i*(10+sSize), margin, sSize, sSize))

      console.log(wSquares);

    } else {

      wSquares.push(new square(" ", margin+i*(10+sSize), margin, sSize, sSize))

    }

    wSquares[i].display();

  }

}

​

function keyCheck() {

    for (let i=0; i<letters.length; i++) {

      if (mouseX>=lSquares[i].x && mouseX<=lSquares[i].x+lSquares[i].s && mouseY>=lSquares[i].y && mouseY<=lSquares[i].y+lSquares[i].s) {

        lSquares[i].color = 245; //grey hover

        if (mouseIsPressed) {

          //console.log(lSquares[i].letter);

          if (!guessed.includes(lSquares[i].letter)) {

              guessed.push(lSquares[i].letter);

          }

          if (!guessing.includes(lSquares[i].letter)) {

              guessing.push(lSquares[i].letter);

          }

          console.log(guessing);

        }

      } else lSquares[i].color = 255; //normal color

  }

  addStuff();

}

​

class square {

  constructor(letter, x, y, s) {

    this.letter = letter;

    this.x = x;

    this.y = y;

    this.s = s;

    this.color = 255;

  }

  display() {

    fill(this.color);

    rect(this.x, this.y, this.s, this.s);

    fill(0);

    textSize(this.s*0.8);

    text(this.letter, this.x+this.s/4, this.y+this.s*0.8);

  }

}

​

let letters = ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p', 'a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l', 'z', 'x', 'c', 'v', 'b', 'n', 'm'];

​

let lSquares = [];

let lSize = 32;

let rowX = 0;

let rowY = 420;

let rowH = 40;

​

//makes a keyboard

function keyboard() {

  for (let i=0; i<letters.length; i++) {

    rowX +=36;

    if (i==19 || i==10) rowY=rowY+rowH;

    if (i==10) rowX = 50;

    else if (i==19) rowX = 80;

    lSquares.push(new square(letters[i], rowX, rowY, lSize, lSize))

    lSquares[i].display();

  }

}