您的位置: 主页>机器人编程>Javascript编程>《javascript-少儿编程》第15章用键盘控制动画之定
加盟酷吧机器人 培养孩子核心能力

《javascript-少儿编程》第15章用键盘控制动画之定

15.2.4 定义move方法

  在本小节中,我们将定义move方法。我们将把这个方法添加到Ball.prototype,以便根据球的当前位置、xSpeed和ySpeed,将其移动到一个新的位置。在Ball构造方法之后,添加如下的方法:

《javascript-少儿编程》第15章用键盘控制动画之定义move方法

  首先,使用this.xSpeed和this.ySpeed来更新this.x和this.y,就像我们在第14章中所做的一样(参见14.4.3小节)。在这之后的代码负责处理当球到达画布边界的情况。

  ❶处的if……else语句检查球的位置,看它是否移动出了画布的边界。如果是这样的话,代码会让球从画布的另一端折返。例如,如果球已经移动出了画布的左边界,它应该从画布的右边界重新出现。换句话说,如果this.x小于0,我们将this.x设置为width,这会将其放到画布的最右边。这条if……else语句剩下的部分以类似的方式来处理画布的其他3条边。

欧美思机器人教育加盟 赚钱好项目
上一篇:《javascript-少儿编程》第15章用键盘控制动画之定
下一篇:《javascript-少儿编程》第15章用键盘控制动画之
您可能喜欢
回到顶部