【scratch3-植物大战系列】— 僵尸的行走

大家好，在目前这样特殊的日子里，缅怀先辈的同时，也向那些抗疫英雄们表示哀悼！

风雨过后通常都是阳光普照，接下来我们就借鉴植物大战僵尸的故事场景，来看看，如何用Scratch来重现这些经典的角色。

万事开头难，我们先从故事中的最经典的反派角色–僵尸来开始我们的学习之旅。

看过之前课程的小朋友，应该对如何控制角色行走都已经非常清楚了，但是也有一些新的小朋友可能还不是很清楚，接下来就以普通僵尸来讲解一下如何来让角色动起来。

这里涉及到两种动起来的方式:

• 一个是让角色动起来，比如有走动的感觉；
• 一个是让它真正在屏幕上走动起来。

让角色动起来

 

   我们的主角们  

普通僵尸

   操作分析   

要让它动起来，就需要用到Scratch3里面的“外观”模块。“外观”模块里面提供如下几种积木块：

看看是不是觉得没有貌似让它动起来的积木呢，先不要慌，在正式开始之前，大家知不知道看到上面的僵尸是如何走动起来的。

---

   拓展概念   

这个就涉及到动画了，但是在说动画前需要引入下面这个重要的概念：

人眼在观察景物时，光信号传入大脑神经，需经过一段短暂的时间，光的作用结束后，视觉形象并不立即消失，这种残留的视觉称“后像”，视觉的这一现象则被称为“视觉暂留”。

基于这个概念，就有了动画的定义：

我们看到的动画，实际上是一连串的画面组成，只不过是以很快的速度去播放，人眼在下一个画面出来之前，还残留着上一个画面的视觉，看起来就像是在没有间隔的播放这一系列的图片，也就是我们称之为的动画。

了解了什么是动画，那接下来就引入另外两个重要的定义：帧和FPS

 

何为帧：

帧就是影像动画中最小单位的单幅影像画面，一帧就是一副静止的画面。

何为FPS：

 

FPS（Frame per Second），即每秒显示帧数（帧的数量）。

是不是还有点迷糊，那就举个栗子：

大家小时候都玩过书角动画。在书或者本子的一角，每一页都画上一个画面，然后拨书角，不同速度拨，动画的感受不一样，拨的越快，动画越流畅，那么每页上的图画就是帧，大家拨的时候每秒拨过的页数就是FPS。

 

一般业内比较认可的比例是每秒24帧。

 

有了这些概念，大家是不是已经知道该用哪个积木了，对了，就是用下面这个：

在scratch中，每个角色可以有多个造型（角色的样子），如下所示：

 

每个造型大家可以理解为是一帧，重复这些帧数就会形成走动的感觉。那么我们就开始今天的操作吧！！

 

   跟我做一做   

 

1、先找到你需要角色的图片，最好是gif格式的，scratch3工具会自动进行分解成多个造型的图片，以下面的僵尸为例，大家可以直接保存下面这个图片为gif。

2、打开scratch3桌面版，按照下面的步骤进行：

 

最后会自动将gif分解成22个造型，也就是一秒钟可以播放22帧。

 

为了让大家更方便的看到效果，现在就先删除掉小猫吧。

 

先选中小猫，这个时候会出现下面的样子

然后点击垃圾桶图标就可以删除掉了。

 

看起来是不是清爽了许多。

 

3、接下来让我们的僵尸先生活动起来，做到跟上面的gif图的动作一样。

 

这是所有工作的起点奥。然后我们需要它动起来，就需要借助下面两个积木。

“控制”模块的【重复执行】和“外观”模块的【下一个造型】

 

好了，接下来见证奇迹的时刻到了，点击，怎么样，僵尸先生动起来了！！！

 

好了，今天的就到这里。

 

   温故而知新   

 

今天讲了如何让主角们动起来，这里涉及到下面几个内容：

• 视觉暂留
• 帧和FPS
• 动起来的操作方法

 

大家还有印象吗，没有的话，请往上翻翻看。

 

另外还需要记住下面三个模块中的三种积木：

1、事件中的

2、控制中的

3、外观中的

通过这三者的组合，我们就看到了一个活动的僵尸先生了。

 

———————–    万恶的分割线 —————————————-

 

下一次课，我们要讲一下如何让这位先生动起来，到时候就会学习坐标的相关知

识。

 

---

晚安了，小朋友和大朋友们。

转自公众号：
浩浩学编程