​

let WIDTH = 1000;

let HEIGHT = 500;

let colorsArray;

​

const RED = 0;

const GREEN = 1;

const BLUE = 2;

const YELLOW = 3;

const TURQUOISE = 4;

const BLACK = 5;

​

let canvas;

let port;

​

let highScores = [];

​

​

​

​

function generateCode() { 

  let code = [];

  let array = [0, 1, 2, 3, 4, 5];

  //select random subset of 4 colorsArray

  let colorsArray = shuffleArray(array);

​

  for (let i = 0; i < 4; i++) { // select only 4 colorsArray

    code.push(colorsArray[i]);

  }

​

  return code;

}

​

// Helper function to shuffle an array

function shuffleArray(array) {

  //copy the array

  array_copy = array.slice();

​

  for (let i = array_copy.length - 2; i > 0; i--) {

    const j = Math.floor(Math.random() * (i + 1));

    [array_copy[i], array_copy[j]] = [array_copy[j], array_copy[i]];

  }

  return array_copy;

}

​

​

function calculateScore(numGuesses) {

  return 1500 - 100 * numGuesses;

}

​

let r, g, b, y, t, bl;

​

​

let currentGuess;

let numberOfGuesses;

let lastButtonPressed;

let isButtonPressed;

let buttonClock;

let board_score;

let state;

​

​

function setup() {

  canvas = createCanvas(WIDTH, HEIGHT);

  board = new Board();

​

  r = color(200, 50, 80);

  g = color(20, 255, 20);

  b = color(50, 20, 255);

  y = color(255, 255, 20);

  t = color(20, 255, 255);

  bl = color(0, 0, 0);

​

​

  // colorsArray are red, green, blue, yellow, turquoise, black

  colorsArray = [r, g, b, y, t, bl];

​

  //generate the code

  code = generateCode();

​

  port = createSerial();

​

  //initialize important variables

  numberOfGuesses = 0;

  lastButtonPressed = 0;

  isButtonPressed = 0;

  buttonClock = 0;

​

  board_score = [0, 0];

​

  state = "AUTH_STATE";

​

}

​

function resetGame() {

  board.reset();

  numberOfGuesses = 0;

  score = 0;

  state = "AUTH_STATE";

  code = generateCode();

​

}

​

​

function getNameInput() {

  let name = prompt("Please enter your name ");

  if (name == null || name == "") {

    name = "Anonymous";

  }

  return name;

}

​

​

let delayClock = 0;

function draw() {

​

  if (state == "GAME_STATE") {

    background(220);

​

    board_score = board.score;

    print("score: " + board_score);

​

    if (board_score[0] == 4) {

      print("GAME WON")

      state = "GAME_WON_STATE";

​

      delayClock = millis();

    }

​

    if (board.currentRow == 15) {

      print("GAME LOST")

      state = "GAME_LOST_STATE";

      delayClock = millis();

​

    }

​

    // if the port is open, read the data

    if (port.available() > 0) {

      let data = port.readUntil("\n");

​

      split_data = int(data.split(","));

​

      // first 4 are the current guess

      // last is the button press

      currentGuess = split_data.slice(0, 4);

      isButtonPressed = split_data[4];

      board.update(currentGuess);

    }

​

​

    //if the button is pressed, finalize the guess

    if (isButtonPressed == 1 && lastButtonPressed == 0) {

      if (board.finalizeChoices(code)) {

        numberOfGuesses++;

      };

      lastButtonPressed = 1;

    }

​

​

    else if (isButtonPressed == 0 && lastButtonPressed == 1) {

      lastButtonPressed = 0;

    }

​

​

​

    board.show();

​

    //show the score at the top right

    fill(0);

    textSize(35);

    push();

    textStyle(BOLD);

    text("SCORE: " + calculateScore(numberOfGuesses), width - 300, 100);

    pop();

​

    // print instructions to the side 

    fill(0);

    textSize(25);

​

    push();

    textStyle(BOLD);

    text("Instructions", 50, 100);

    pop();

​

    textSize(14);

​

    push();

    fill(y);

    circle(50, 162, 20);

    pop();

    text(": right color, wrong position", 80, 170);

​

    // red circle 

    push();

    fill(r);

    circle(50, 222, 20);

    pop();

​

    text(": right color, right position", 80, 230);

​

    text("Guess the code in as few guesses as possible!", 40, 300);

​

​

​

  }

​

  else if (state == "GAME_WON_STATE") {

    background(220, 200);

    fill(0);

    textSize(60);

    textStyle(BOLD);

    text("YOU WON!", width / 2 - 200, height / 2);

​

    //SHOW SCORE

    fill(0);

    textSize(20);

    push();

    textStyle(BOLD);

    text("SCORE: " + calculateScore(numberOfGuesses), width / 2 - 200, height / 2 + 100);

    pop();

​

​

    if (millis() - delayClock < 2000) {

      return;

    }

​

​

    //read input from the serial port

    if (port.available() > 0) {

      let data = port.readUntil("\n");

​

      data = int(data.split(","));

​

      let buttonval = data[4];

      if (buttonval == 1) {

        print("resetting");

        board.reset();

        numberOfGuesses = 0;

        state = "GAME_STATE";

        board_score = [0, 0];

      }

    }

  }

​

  else if (state == "GAME_LOST_STATE") {

    background(220, 200);

    fill(0);

    textSize(60);

    textStyle(BOLD);

    text("YOU LOST!", width / 2 - 200, height / 2);

​

    text("The code was: ", width / 2 - 600, height / 2 + 200);

    //print the right code

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

      push();

      fill(colorsArray[code[i]]);

      circle(width / 2 - 100 + i * 100, height / 2 + 185, 50);

      pop();

    }

​

    //push the button to reset

    push();

    textSize(30);

    text("Press the button to reset", width / 2 - 200, height / 2 + 400);

    pop();

​

​

    if (millis() - delayClock < 2000) {

      return;

    }

​

    //read input from the serial port

    if (port.available() > 0) {

      let data = port.readUntil("\n");

​

      data = int(data.split(","));

​

      let buttonval = data[4];

      if (buttonval == 1) {

        print("resetting");

        resetGame();

      }

    }

  }

​

​

​

  else if (state == "AUTH_STATE") {

​

    //ask to connect to the device

    background(220, 200);

    fill(0);

    textSize(30);

    textStyle(BOLD);

    text("PRESS SPACE TO START", width / 2 - 300, height / 2);

​

    if (port.opened()) {

      state = "GAME_STATE";

    }

​

  }

​

​

​

}

​

​

/**

 * Handles key press events and performs corresponding actions.

 */

function keyPressed() {

  /**

   * If the key pressed is "c" and the state is "GAME_STATE",

   * finalize the choices on the board using the provided code.

   *

   * @returns {void}

   */

  if (key == "c") {

    if (state != "GAME_STATE") {

      return;

    }

    board.finalizeChoices(code);

  }

​

​

  /**

   * If the key pressed is " " (space) and the state is "AUTH_STATE",

   * open a port at 9600 baud using the port object.

   *

   * @returns {void}

   */

  if (key == " ") {

    state = "GAME_STATE"

    if (state != "AUTH_STATE") {

      return;

    }

    port.open(9600);

  }

​

  /**

   * If the key pressed is "r", reset the game.

   *

   * @returns {void}

   */

  if (key == "r") {

    resetGame();

  }

  if (key == "s")

    {

      state = "GAME_STATE";

    }

​

}

​

​

​

​