sketch.js

// score displayed in message
var scoreMessage;
var alertMessage;

// game parameters
var endGame = false;
var alertCond=false;
var run = true;
var pause = false;
var gameSize = 600;

// snake parameters
var snake;
var snakeSize = 20;
var foods = [];

// initial setup
function setup(){

  // highscore display
  if (localStorage.getItem("highscore") === null){
    localStorage.setItem("highscore", "0");
  }

  // create game board
  createCanvas(gameSize, gameSize);
  frameRate(10);

  // create snake
  snake = new Snake();
  score = new Score();
  foods=[];
  skins=[];

  // start with 5 foods
  for(i = 0; i < 5; i++){
    foods.push(new Food());
  }

}

//display the functions of the powerups 


// display game board and elements
function draw(){
  // background color
  background(30);

  if (!endGame){
    if (pause){
      fill(200);
      textSize(50);
      text("PAUSED", 200, 300);
    }

    if(alertCond){
      fill(200);
      textSize(30);
      text(alertMessage, 50, 250);
      setTimeout(resetAlert,1200);
    }

    snake.update(run);
    snake.show();
    for(i = 0; i < foods.length; i++){
      foods[i].show();
      snake.eat(foods[i],i);
    }

    for(i=0;i<skins.length;i++){
      skins[i].show();
      snake.touchSkin(skins[i]);
    }

    fill(255);
    textSize(14);
    text("Score: " + score.getScore(), Math.floor(gameSize*0.85), Math.floor(gameSize*0.93));
  }else{
    background(20);
    fill(240);
    textSize(26);
    text(scoreMessage, 215, 300);
  }
}

function keyPressed() {
 var PAUSE = 80;
 var RESTART = 82;

 if (endGame){
   score.score = 0;
 }
 endGame = false;

 if (keyCode === UP_ARROW) {
   snake.changeDir(0, -1);
 } 
 else if (keyCode === DOWN_ARROW) {       
   snake.changeDir(0, 1);
 } 
 else if (keyCode === RIGHT_ARROW) {
   snake.changeDir(1, 0);
 } 
 else if (keyCode === LEFT_ARROW) {
   snake.changeDir(-1, 0);
 } 
 else if (keyCode === PAUSE) {
   var resume_xspeed;
   var resume_yspeed;
   if(snake.xspeed != 0 || snake.yspeed != 0){
     console.log('Pause');
     run = false;
     pause = true;
     resume_xspeed = snake.xspeed;
     resume_yspeed = snake.yspeed;

     snake.xspeed = 0;
     snake.yspeed = 0;
   } 
   else {
     console.log('Resume');
     run = true;
     pause = false;
     snake.xspeed = resume_xspeed;
     snake.yspeed = resume_yspeed;
   }
 } 
 else if (keyCode === RESTART) {
   console.log('Restart');
   snake = new Snake();
 }
}