第15章 用键盘控制动画
既然知道了如何使用画布，绘制对象并为其设置颜色，以及让对象移动、弹跳和变大，就让我们来添加一些互动以增添一些生气。
在本章中，你将学习当用户按下键盘的一个键的时候，如何让画布动画做出响应。通过这种方式，玩家可以按下键盘上的一个箭头键或者指定的几个字母之一（例如，经典的W、A、S、D游戏控制键）来控制一个动画。例如，我们让玩家使用箭头键来控制球的移动，而不只是让球在屏幕上来回弹跳。
15.1 键盘事件
JavaScript可以通过键盘事件来监控键盘。每次用户按下键盘上的一个键，它们都会产生一个键盘事件，这和我们在第10章中见到过的鼠标事件很像。通过鼠标事件，我们使用jQuery来确定事件发生的时候光标位于何处，然后在代码中使用这一信息。例如，在本章中，当用户按下向左、向右、向上或向下箭头键的时候，我们让一个球分别向左、向右、向上和向下移动。
我们使用了keydown事件，当用户按下一个按键的时候，就会触发该事件，并且我们使用jQuery给keydown事件添加一个事件处理程序。通过这种方式，每次发生一个keydown事件，事件处理函数都能够发现是哪一个键按下并且做出相应的响应。
本站内容未经许可，禁止任何网站及个人进行转载。
