14.5 本章小结

  在本章中,我们将第11章的动画的知识和canvas元素的知识组合起来,来创建各种基于canvas的动画。首先,简单地在画布上移动方块并改变其大小。接下来,我们制作了在屏幕上随机地嗡嗡飞舞的一只蜜蜂,最后,我们实现了弹跳的球的动画。

  所有这些动画,基本上以相同的方式工作:在特定位置绘制特定大小的一个形状,然后,更新大小或位置,然后,清除画布并再次绘制。对于在一个2D画布上移动的元素,我们通常必须记录元素的x坐标和y坐标。对于蜜蜂动画,我们从x和y坐标加上或减去一个随机数字。对于弹跳的球,我们给x坐标和y坐标加上当前的xSpeed或ySpeed。在下一章中,我们将给画布添加交互,这允许我们使用键盘控制在画布上绘制什么。



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