nyapal / breakout Goto Github PK

class Game {
   constructor() {
    this.canvas = document.getElementById('myCanvas');
    this.ctx = this.canvas.getContext('2d');
    this.ball = new Ball(this.canvas.width / 2, this.canvas.height - 30);
    this.paddle = new Paddle(this.canvas.width / 2, this.canvas.height - 10);
    this.bricks = new Bricks();
    this.lives = new Life(this.canvas.width - 75);
    this.score = new Score();

    // let rightPressed = false;
    // let leftPressed = false;

    console.log(this.keyDownHandler)

    document.addEventListener('keydown', (e) => {  // Use Arraow function here
      console.log(this)
      this.keyDownHandler(e) 
    }, false);

    document.addEventListener('keyup', (e) => { // Use Arraow function here
      this.keyUpHandler(e) 
    }, false);

    document.addEventListener('mousemove', (e) => { // Use Arraow function here
      this.mouseMoveHandler(e) 
    }, false);
  }
...

 if(rightPressed && paddleX < canvas.width-paddleWidth) {
    paddleX += 7;
  }
  else if(leftPressed && paddleX > 0) {
    paddleX -= 7;
  }