1

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;
    }
}
  • 1
    Please see [ask]. Your question isn't clear. Also take the [tour]. – isherwood Feb 24 '23 at 22:03
  • You will need to use touch events. https://developer.mozilla.org/en-US/docs/Web/API/Touch_events If you have a specific problem after trying this, then that would make for a much better question – Andrew Parks Feb 25 '23 at 07:58

0 Answers0