1、首先请看关卡帮助信息,要求按折现移动圆。折现路径作者已经给出。我们可以把折线的每一条直线分开看,分别是“横线”、“竖线”和“斜线”,而圆运动的路线和时间是关联的,所以我们可以利用“如果”语句根据time的值决定圆的移动。根据时间,整个动画由三个阶段组成,分别是0-20,21-40,41-100.


4、从“动画”中拖出time控件,放到圆的x轴,这样动画的第一阶段完成,点击播放可以看到圆是沿着横线跑的。

6、添加第二阶段的圆,x轴固定20,y轴移动路线为“40 + (time - 20)x2”。

7、第三阶段:圆沿斜线移动,x轴移动路线为“time-20”,y轴为“80 - (time - 40)”当然你也可以简化一下写成y = 40 + time。

9、第9关通过!这次的JavaScript代码感觉还是有点意思,有兴趣可以研究研究。penColour('#999999');line(0, 40, 20, 40, 1);line(20, 40, 20, 80, 1);line(20, 80, 80, 20, 1);if (time() <= 20) { circle(time(), 40, 10);} else { if (time() <= 40) { circle(20, 40 + (time() - 20) * 2, 10); } else { circle(time() - 20, 80 - (time() - 40), 10); }}
