listeners.js

canvas.addEventListener("mousemove", event => { //rotate cannon
    mousePos = {
        x: event.clientX - canvas.offsetLeft,
        y: event.clientY - canvas.offsetTop
    }
});

canvas.addEventListener("click", event => { //shoot from cannon
    //We dont want to be able to shoot player at this angle
    if(angle < -1.5 || angle > 0.5) return;

    if(!canShoot) return;
    canShoot = false;

    player = new Player();
    cannon = new Cannon();
    Xdiff = Math.cos(angle) * 7;
    Ydiff = Math.sin(angle) * 7;

    playerShooted = true;
    boostAvailable = true;
    restartAvailable = true;
})

canvas.addEventListener("click", event => { //flush
    if (playerShooted) {
        const rect = canvas.getBoundingClientRect();
        const x = event.clientX - rect.left;
        const y = event.clientY - rect.top;
        if (flushes > 0) {
            player.clicked(x,y);
        }
    }
});