如果你还没有看过少儿编程ScratchJr教程(3)——缩小隧道（疑惑篇），请先看完疑惑篇后再来观看本篇文章。

---

和摔跤比赛一样，接下来，我就带你一起来完缩小隧道的动画制作。

第一步，添加动画场景

与之前的课程一样，首先我们来点击舞台上方的更换背景图按钮，选中需要的背景图片。

第二步，添加动画角色

在这个动画中用到了3个角色，小蓝人是默认角色，玩具汽车在角色库中，我们将它直接选中，添加到舞台上来。

缩小隧道在ScratchJr的角色库中没有，需要我们自己画一个出来。点击添加角色按钮后，点击右上角的画笔按钮，进入绘图编辑器。

我们可以分成两步来画出缩小隧道。

第一步，选中左边图形按钮中的线条，以及图形按钮下面的线条粗细，再在底部的配色区域选择隧道边框的颜色。接着，在中间的画板上画出一个隧道的外框。如果画的不满意，可以点击左上角的撤销按钮，重新画。如果不小心多点了几次撤销，还能点旁边的重做按钮，还原被撤销的部分。

第二步，选择右边的菜单最下面那个，长得像油漆桶一样的填充按钮，在重新选择一种颜色，用来填充隧道中间部分。选好后，点击外框内的任意一处，隧道将被这种颜色填满。最后，点击右上角的确认按钮添加角色。

需要注意的是，在第一步中用线条画外框时，线条需要接合在一起，最好能一笔将外框画好。如果线条间有缺口，点击外框内部，可能只能填充一部分图形。

绘图编辑器的详细使用说明，你可以进入帮助菜单中查看。

添加完角色后，还需要使用外观分类中的变大变小积木，将角色调整到合适的大小，再将它们放在各自初始的位置上。

第三步，通过积木块，还原动画

接下来，就该使用积木块，让角色在舞台中动起来。还记不记得，在摔跤比赛中学习的两种制作动画的方式，按照时间顺序来制作和按照角色来制作。在这里，我还是先完成每个角色各自的操作，再将它们合并起来调试。

首先来完成操作最多的小蓝人。

他先是说了一句话，“那边有个玩具车，我要用缩小隧道将自己变小，坐上去玩一玩”。是不是很简单，使用说话积木，输入需要说的文字。如果是一个还不识字的小朋友在做的话，可以用声音积木来代替。

第二步，小蓝人会走进隧道，身体缩小以后，走出隧道。用到哪些积木？走进和走出隧道，需要用到移动积木。身体变小需要用到变小积木。这里的难点是，你如何能让小蓝人从入口进入以后，从出口走出来。

有一个小技巧，可以观察小蓝人在隧道移动和变小的情况。还记不记得踢足球中足球和球门互相遮挡的关系？在你测试小蓝人时，可以拖拽一下小蓝人，让他遮挡在隧道前面，这样你就可以看见他通过隧道的过程。

等你调试完成后，再拖动一下隧道，让它挡在小蓝人前面，变成演示视频中的效果。

你用变小积木让小蓝人变小后，会发现小蓝人所在的位置会比出口高一些，所以在它走出隧道之前，你需要先让他往下移动几步，接着再朝右走出隧道。这样一来，要完成这一步，你需要分别做几件事。

向右走进隧道——>缩小——>向下移动到洞口相同高度——>走出隧道，来到玩具汽车旁边

第三步，坐进玩具汽车，用文字说“开车”。怎么样让小蓝人坐进玩具车？回想一下演示视频中你看见了什么？是不是小蓝人走到汽车旁边后消失了。接着用说话积木说一句“开车”。

最后一步，走出玩具汽车，用文字说“太棒了”，跳跃庆祝。是不是很简单了，使用显示积木走出汽车，用说话积木说“太棒了”，最后使用跳跃积木跳跃2次。

完成了小蓝人，接下来开始做缩小隧道。它的步骤很简单，初始状态是隐藏的，使用隐藏积木将它隐藏起来。你可以将这个隐藏积木留在编程区使用，也可以将它删掉，只要测试以后点击恢复按钮，它就会恢复到隐藏状态。

接着，它做了两件事，先出现再隐藏。先使用显示积木，再使用隐藏积木。

最后还剩下玩具汽车，它的操作也很简单。先向左移动，再向右移动，移动的距离可以由你自己决定。

需要注意的是，小蓝人隐藏和出现的位置不会改变，所以汽车移动以后，停车的位置必须和现在保持一致，不然就会发生小蓝人在离汽车很远的地方显示的穿帮画面。怎么样可以保证汽车回到原来的位置？只需要在左右移动的积木中填入相同的数据就可以了。

接着，就需要在3个角色的前面都加上绿旗积木，使用绿旗按钮来同时运行它们，调整各自执行的顺序。

观察一下演示视频，你会发现隧道是在小蓝人说话后才出现，所以在隧道的显示积木前面需要等待一下。同样的，隧道是在小蓝人走出隧道后才消失，所以在隐藏积木之前也需要等待几秒钟。具体等待的时间需要自己测试来调整。

类似的，小蓝人在进入汽车后，需要等待汽车来回移动之后才出现，所以在他的显示积木前也要添加一个等待积木，具体时间也需要自己测试。

最后是小汽车，它需要等待小蓝人说完“开车”以后才开始移动，所以在小汽车的移动积木前面也要加上等待积木。

这样，缩小隧道的动画就完成了。你在完成这个动画后，还可以试着让小蓝人穿过隧道重新恢复成原来的大小，或者像机器猫一样，增加几个小伙伴和玩具，一起在大雄乐园玩。

可能在学习每一个动画时，你都会有这样的感受。当我让你亲自动手时，你总会感觉无从下手，可是一旦看了我的制作步骤，你又会感觉其实很简单，很快就能照着做出来。但是，再给你一个新项目，你又变得无从下手了。

为什么会这样？

你所缺少的正是自己动手解决问题的能力，想要获得这种能力，就得靠自己不断的动手练习。

练习的过程必须是面对问题，通过自己思考和分析后，动手解决它（分析问题——>解决问题），而不是面对问题，直接看问题解析，照着解析做一遍（理解解析——>还原解析）。这两种练习方式所锻炼的是两种完全不同的能力，前一种锻炼你的分析问题，解决问题的能力，后一种锻炼的是你理解解析，还原解析的能力。一旦你遇到新问题，没有解析时，脑子里面又会充满问号。它们两者之间缺少了最重要的自我思考的部分。

这也是我将文章分为疑惑篇和解决篇的主要目的。不论现在你是否能自己做出来，一定要先自己思考，亲自动手尝试。有了这个过程之后，你再把解决篇当做参考，复盘自己的思考过程，对比发现自己是哪些步骤还不懂，有针对性的去解决它。

同样的，如果你在学习过程中遇到问题无法解决，你可以扫码关注我的微信公众号“梦世界”给我留言，我会对你的提问一一进行解答。或者你有什么好的想法，也欢迎在公众号中给我留言，帮助我对教程进行持续改进。

Talk is cheap. Show me the code...