Snake1

/* Snake by Thoe
 * @Author:  Allen Thoe
 * 3/12/2021
 */
var mySnake;
var w;
var value;

function setup() {
  createCanvas(400, 400);
  mySnake = new Snake();
  w = width/10;
  value = 220;
}

function draw() {
  background(value);
  grid();
  mySnake.show();
}

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

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

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


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