- HTML5 Game Development by Example:Beginner's Guide(Second Edition)
- Makzan
- 177字
- 2021-07-16 14:09:58
Time for action – auto moving the left paddle
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();
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.
推薦閱讀
- Node.js 10實戰
- 案例式C語言程序設計
- 零起步玩轉掌控板與Mind+
- Magento 2 Theme Design(Second Edition)
- BeagleBone Media Center
- SQL for Data Analytics
- Learning AndEngine
- Learning Unity 2D Game Development by Example
- C# and .NET Core Test Driven Development
- Mastering Elasticsearch(Second Edition)
- 3ds Max 2018從入門到精通
- Visual Basic語言程序設計上機指導與練習(第3版)
- Python計算機視覺與深度學習實戰
- Java 9:Building Robust Modular Applications
- Puppet Cookbook(Third Edition)