本节书摘来自华章出版社《HTML5 2D游戏编程核心技术》一书中的第3章，第3.8节绘制动画帧，作者［美］ 戴维·吉尔里，更多章节内容可以访问云栖社区“华章计算机”公众号查看。
3.8 绘制动画帧
3.3节介绍了Snail Bait游戏的主循环。该循环包含了一个animate()函数，浏览器会在绘制下一个动画帧时调用这个函数。animate()函数会依次调用draw()函数绘制下一个动画帧。在本开发阶段中，draw()函数的代码如程序清单3.17所示。
程序清单3.17 draw()函数
draw()函数首先设置背景的偏移量，然后绘制背景、跑步小人和平台。draw()函数调用的所有方法都已经在本章中介绍过。
既然我们已经了解了Snail Bait游戏是如何使用基于时间的运动来滚动背景的，接下来就让我们看一看它如何滚动游戏中的平台。
