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

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

14.3.3 更新蜜蜂的位置

  我们创建了一个update函数,来随机地修改蜜蜂的x和y坐标,以随机地移动蜜蜂的x坐标和y坐标,表现出它好象在画布上嗡嗡地飞的样子。这个update函数接受一个单个的coordinate,我们更新x和y坐标一致,以便蜜蜂将随机地向左或向右以及向上或向下移动。update函数如下所示:

《javascript-少儿编程》第14章在画布上让物体移动之更新蜜蜂的位置

  使用一个offset值来修改坐标

  在❶处,创建了一个名为offset的变量,它将会确定对当前坐标修改多少。通过计算Math.random()*4-2,生成了offset值。这将会给出一个在-2到2之间的随机值。这是通过如下方式做到的:在其自身上调用Math.random(),得到0到1之间的一个随机数;因此,Math.random()*4会得到0到4之间的一个随机数。然后再减去2,得到-2和2之间的一个随机数。

  在❷处,使用coordinate+=offset,用offset来修改坐标。如果offset是一个正数,coordinate将会增加;如果它是一个负数,coordinate将会减少。例如,如果coordinate设置为100而offset是1,那么,当运行位于❷处的代码行的时候,coordinate将会是101,然而,如果coordinate是100而offset是-1,这将会把coordinate修改为99.

检查蜜蜂是否到达边界

  在❸和❹处,我们通过确保coordinate不会增加到200以上或者减少到0以下,从而防止蜜蜂离开画布。如果coordinate大于200,将其设置回200;如果coordinate小于0,将其设置回0.

返回更新后的坐标

  最后,在❺处,返回了coordinate,返回了新的coordinate值,这使得我们能够在剩余的代码中使用该值。稍后,将通过update方法使用这个返回值,来修改x和y值,如下所示:

x = update(x);y = update(y);

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