Snake 4

/* Snake by Thoe
 * @Author:  Allen Thoe
 * 3/12/2021
 */
var mySnake;
var w;
var value;
var num;
var apple = [];

function setup() {
  createCanvas(400, 400);
  mySnake = new Snake();
  num = 10;
  w = width/num;
  value = 220;
  frameRate(5);  //Times per second
  for(var i = 0; i < 1; i++){
    apple.push(new Apple());
  }
}

function draw() {
  background(value);
  grid();
  mySnake.show();
  for(var i = 0; i < apple.length; i++){
    apple[i].show();
  }
  eat();
}

function grid(){
  for(var i = 0 ; i < num; i++){
    line(0, i*w, height, i*w);
    line(i*w, 0, i*w, width);
  }
}


function eat(){

  for(var i  =0 ; i < apple.length; i++){
    if(mySnake.x[0] == apple[i].x  && mySnake.y[0] == apple[i].y){
      mySnake.eatApple(apple[i].x, apple[i].y);
      apple[i] = new Apple();  //RESPAWN
    }
  }

}



function keyPressed() {
  if (keyCode === LEFT_ARROW && mySnake.dir != "RIGHT") {
    mySnake.dir = "LEFT";
  } else if (keyCode === RIGHT_ARROW && mySnake.dir != "LEFT") {
    mySnake.dir = "RIGHT";
  } else if (keyCode === UP_ARROW && mySnake.dir != "DOWN") {
    mySnake.dir = "UP";
  } else if (keyCode === DOWN_ARROW && mySnake.dir != "UP") {
    mySnake.dir = "DOWN";
  }
}

//Class Snake
class Snake{
  //Constructor (make a snake)
  constructor(){
    this.x = [];
    this.y = [];
    this.x.push(1);
    this.y.push(5);
    this.dir = "";
  }

  //Methods (as many as you want-- this.etc)
  show(){
    this.move();
    fill(255,0,0);
    for(var i = 0; i < this.x.length; i++){
      rect(this.x[i]*w, this.y[i]*w, w, w);
    }
  }

  //TODO  -- FINISH THE OTHER 3 CASES
  eatApple(x, y){
    switch(this.dir){
      case "LEFT":
        this.x.push(x-1);
        this.y.push(y);
        break;
      case "RIGHT":
        this.x.push(x+1);
        this.y.push(y);
        break;
      case "UP":
        this.x.push(x);
        this.y.push(y-1);
        break;
      case "DOWN":
        this.x.push(x);
        this.y.push(y+1);
        break;
    }
  }

  move(){
    //MOVE THE BODY --> Piece by piece
    for(var i = this.x.length-1; i > 0; i--){
      this.x[i] = this.x[i-1];
      this.y[i] = this.y[i-1];
    }

    //MOVES THE HEAD
    switch(this.dir){
      case "LEFT":
        if(this.x[0]>0){
          this.x[0]--;
        } // else { this.gameState = false;}
        break;

      case "RIGHT":
          if(this.x[0] < num-1){
            this.x[0]++;
          }
        break;

      case "UP":
        if(this.y[0] > 0){
          this.y[0]--;
        }
        break;

      case "DOWN":
        if(this.y[0] < num-1){
          this.y[0]++;
        }
        break;
    }
  }
}


class Apple{
  constructor(){
    this.x = int(random(0,num));
    this.y = int(random(0,num));
  }

  show(){
    fill(0,255,0);  //GREEN
    rect(this.x*w, this.y*w, w, w);
  }
}