官术网_书友最值得收藏!

Time for action – auto moving the left paddle

Perform the following set of actions for automoving our paddle:

  1. 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;
    }
  2. Then, inside the game loop function, we call our autoMovePaddleA function.
    autoMovePaddleA();

What just happened?

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 player can never win against the computer, because the computer-controlled paddle can always catch the ball and bounce it back if they have the same speed.

主站蜘蛛池模板: 临武县| 南宁市| 新田县| 福海县| 都江堰市| 怀化市| 凤凰县| 罗田县| 钟山县| 万年县| 宿州市| 古田县| 衢州市| 黄骅市| 新余市| 班玛县| 余干县| 大姚县| 泰和县| 革吉县| 瑞丽市| 姚安县| 长汀县| 安多县| 大安市| 红安县| 岑溪市| 股票| 克东县| 郎溪县| 弋阳县| 清远市| 兴海县| 鄂托克前旗| 雷波县| 大姚县| 肇东市| 镇江市| 平陆县| 宁武县| 沧源|