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

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

14.1.4 在浏览器中查看动画

《javascript-少儿编程》第14章在画布上让物体移动之在浏览器中查看动画

  当在浏览器中加载该页面的时候,setInterval将每30毫秒把所提供的函数调用一次,或者说一秒钟调用33次左右(时间间隔是通过❺处的setInterval的第2个参数来设置的)。每次调用所提供的函数时,它都会清除画布,在(position,0)绘制一个方块,并且递增position变量。结果,方块在画布上逐渐移动。当方块到达了画布的边缘时(右边的200像素),其位置重新设置为0.

  图14-1展示了动画的前4个步骤,特别放大显示出画布的左上角。

《javascript-少儿编程》第14章在画布上让物体移动之在浏览器中查看动画

  图14-1 动画的前4步中画布左上角的一个特定。在每个步骤中,position都增加1并且方块向右移动1个像素

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