《HTML5 2D游戏编程核心技术》——第3章，第3.8节绘制动画帧

本节书摘来自华章出版社《html5 2d游戏编程核心技术》一书中的第3章，第3.8节绘制动画帧，作者［美］　戴维·吉尔里，更多章节内容可以访问云栖社区“华章计算机”公众号查看。

3.8　绘制动画帧

3.3节介绍了snail bait游戏的主循环。该循环包含了一个animate()函数，浏览器会在绘制下一个动画帧时调用这个函数。animate()函数会依次调用draw()函数绘制下一个动画帧。在本开发阶段中，draw()函数的代码如程序清单3.17所示。

程序清单3.17　draw()函数

draw()函数首先设置背景的偏移量，然后绘制背景、跑步小人和平台。draw()函数调用的所有方法都已经在本章中介绍过。

既然我们已经了解了snail bait游戏是如何使用基于时间的运动来滚动背景的，接下来就让我们看一看它如何滚动游戏中的平台。