您的位置: 主页>机器人编程>Javascript编程>《javascript-少儿编程》第14章在画布上让物体移动
加盟酷吧机器人 培养孩子核心能力

《javascript-少儿编程》第14章在画布上让物体移动

14.5 本章小结

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

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

欧美思机器人教育加盟 赚钱好项目
上一篇:《javascript-少儿编程》第14章在画布上让物体移动
下一篇:《javascript-少儿编程》第14章在画布上让物体移动
您可能喜欢
回到顶部