15.2 用键盘移动一个球

  既然可以确定按下哪一个键,我们可以编写一个程序来使用键盘控制一个球的移动。程序将会绘制一个球,并且将其向右移动。按下箭头键,将会改变球的方向,按下空格键,将会停止它。如果球跑出了画布的边界,它将会从相反的方向折返。例如,如果球跑出了画布的右边界,它将会再次出现在左边界,并且继续朝着相同的方向动,如图15-1所示。

《javascript-少儿编程》第15章用键盘控制动画之用键盘移动一个球

图15-1 如果球移动出了画布的右边,它将会在左边重新出现

  我们将使用一个名为keyActions的对象来搞清楚按下哪个键,然后使用这一信息来设置球移动的方向。我们将使用setInterval来持续更新球的位置并在其新的位置重新绘制它。

《javascript-少儿编程》第15章用键盘控制动画之用键盘移动一个球


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