Perform the following set of actions for automoving our paddle:
Let's continue with our
pingpong.js
JavaScript file. We create a function that follows the ball's y position.function autoMovePaddleA() { var speed = 4; var direction = 1; var paddleY = pingpong.paddleA.y + pingpong.paddleA.height/2; if (paddleY > pingpong.ball.y) { direction = -1; } pingpong.paddleA.y += speed * direction; }
Then, inside the game loop function, we call our
autoMovePaddleA
function.autoMovePaddleA();
We created a logic that moves the left paddle based on the ball's y position. You may try the game with its current progress at http://makzan.net/html5-games/pingpong-wip-step6/.
Since we have already implemented the view rendering in the renderPaddles
function, in this section, we only need to update the paddle's data and the view will get updated automatically.
We make the paddle speed slower than the ball's speed. Otherwise, the...