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条边。


本站内容未经许可,禁止任何网站及个人进行转载。

   口袋儿题库-青少儿编程自测题库