为什么动画会动？讲原理，不如来亲自实践一下！

有一天闲来无聊，把手机桌面壁纸改成了动态的，手指轻轻滑动屏幕，屏幕上的图案就跟着动起来。

Rocky小朋友看到，觉得很神奇。妈妈，为什么会动呢？

这是个很好的问题，但是我要怎么跟他讲呢？

学过动画的朋友肯定知道，动画的形成过程是由于一张一张的图片快速在人眼识别后，并在大脑里形成短暂影像，因为人眼的视觉暂留，从而每一张图片的动作和场景形成连贯性而形成的。

简而言之，就是因为人的生理原因（人眼视觉暂留现象），会将想过的一幅幅图片自动连贯成影像。所以，其实动态图也都是由一系列相关的图片组成的。

这个原理，肯定不能直接和Rocky小朋友解释。讲的深了，他肯定无法理解，讲的浅了，又觉得讲不清楚。然而我知道任何事情，尤其是学习上的问题，说一千道一万，都不如让他亲自尝试一下。

是时候叫出超级飞侠了，oh 不，是绘玩编程。

我们在《大风车转啊转》里新建了一个项目。

点击运行，大风车飞快的转起来了，小熊在一动不动的看着大风车。

小朋友想让小熊也动起来。如何让小熊动起来，那就需要代码块来工作了。

首先先选中小熊，被选中的物体都会有一个白框。然后点击代码块（红线圈出的位置），进入开始编写代码块。

想要让小熊动起来，小熊就要运动。在编程里，任何程序的运行都要有一个开始。而事件就是这个开始，小朋友选择的是，当角色被点击的时候，移动10步。我们刚刚选中小熊进入代码块，因此这个角色就是小熊。

小熊虽然如愿动了起来，但是我们发现，他好像会轻功，能瞬间移动。一点都不自然。

想一想，我们平时走路是怎样的？

首先迈出前脚，再迈出后脚，然后又迈出前脚，再迈出后脚，如此循环往复。

如果小熊也能和我们一样这样走路，就自然多了吧。值得注意的是，刚刚的思考正是应用我们的逻辑思维。

仔细观察，发现小熊的造型这里写着“造型/5”，这意味着这个角色有5个造型，点造型修改打开看看吧。

小熊的5个造型一目了然，和我们讨论的一样，分别包括迈出前后脚的造型。

根据讨论的结果，我们重新拖到了代码，用到了一个以前没用过的代码块--下一个造型。

移动10步，切换到下一个造型，再移动10步，切换下一个造型。

咦，好像和我们想象的不一样，虽然我们加了造型，小熊还是瞬间移动了。

计算机的处理速度非常快，以我们肉眼看不见的速度就将所有造型运行完了，因此我们需要在每个动作的时候等待一下。

每个步骤都添加了等待0.3秒，现在来运行看看吧。

是不是自然多了。

一番研究下来，Rocky小朋友对于动态图是一张张图片组成的似懂非懂，不过不要紧，多玩玩，有一天肯定会顿悟的。

写在最后

好了，今天关于动态图的原理的介绍就到这里了，

另外，大家不要忘了下载绘玩编程和孩子一起玩起来哦。

如有疑问可以添加牙牙小助手哦！