[OOP] Player movement (p5.js) wip

sketch
Player
xxxxxxxxxx
 
var left, right, up, down;
var player;
​
function setup() {
  createCanvas(550, 300);
  left = right = up = down = false;
  player = new Player();
}
​
function draw() {
​
  if (left == true) {
    player.moveLeft();
  }
  if (right == true) {
    player.moveRight();
  }
  if (up == true) {
    player.moveUp();
  }
  if (down == true) {
    player.moveDown();
  }
  if (left && up || right && up || right && down || left && down) {
    background('#D08569');
  } else {
    background('#E49273');
  }
​
  player.display();
​
  bordes();
}
​
function keyPressed() {
  if (keyCode == LEFT_ARROW) {
    left = true;
  }
  if (keyCode == RIGHT_ARROW) {
    right = true;
  }
  if (keyCode == UP_ARROW) {
    up = true;
  }
  if (keyCode == DOWN_ARROW) {
    down = true;
  }
​
}
​
function keyReleased() {
  if (keyCode == LEFT_ARROW) {
    left = false;
  }
  if (keyCode == RIGHT_ARROW) {
    right = false;
  }
  if (keyCode == UP_ARROW) {
    up = false;
  }
  if (keyCode == DOWN_ARROW) {
    down = false;
  }
}
​
function bordes() {
  noFill();
  stroke('#7180AC');
  strokeWeight(2);
  rect(0, 0, width - 1, height - 1, 15);
}