I am making a 2d breakout game in Javascript which will work on laptop and mobile both but I want help in moving paddle in Breakout game by touch.
let leftPressed = false;
let rightPressed = false;
// CONTROL THE PADDLE
document.addEventListener("keydown", keyDownHandler, false);
function keyDownHandler(event){
if(event.key === "Left" || event.key === "ArrowLeft"){
leftPressed = true;
}else if(event.key === "Right" || event.key === "ArrowRight"){
rightPressed = true;
}
};
document.addEventListener("keyup", keyUpHandler, false);
function keyUpHandler(event){
if(event.key === "Left" || event.key === "ArrowLeft"){
leftPressed = false;
}else if(event.key === "Right" || event.key === "ArrowRight"){
rightPressed = false;
}
};
// MOVE PADDLE
function movePaddle(){
if(rightPressed && paddle.x + paddle.width < cvs.width){
paddle.x += paddle.dx;
}else if(leftPressed && paddle.x > 0){
paddle.x -= paddle.dx;
}
}