第15章 用键盘控制动画

  既然知道了如何使用画布,绘制对象并为其设置颜色,以及让对象移动、弹跳和变大,就让我们来添加一些互动以增添一些生气。

  在本章中,你将学习当用户按下键盘的一个键的时候,如何让画布动画做出响应。通过这种方式,玩家可以按下键盘上的一个箭头键或者指定的几个字母之一(例如,经典的W、A、S、D游戏控制键)来控制一个动画。例如,我们让玩家使用箭头键来控制球的移动,而不只是让球在屏幕上来回弹跳。

15.1 键盘事件

  JavaScript可以通过键盘事件来监控键盘。每次用户按下键盘上的一个键,它们都会产生一个键盘事件,这和我们在第10章中见到过的鼠标事件很像。通过鼠标事件,我们使用jQuery来确定事件发生的时候光标位于何处,然后在代码中使用这一信息。例如,在本章中,当用户按下向左、向右、向上或向下箭头键的时候,我们让一个球分别向左、向右、向上和向下移动。

  我们使用了keydown事件,当用户按下一个按键的时候,就会触发该事件,并且我们使用jQuery给keydown事件添加一个事件处理程序。通过这种方式,每次发生一个keydown事件,事件处理函数都能够发现是哪一个键按下并且做出相应的响应。


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