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

Scratch 少儿编程 1278浏览 0评论
植物大战僵尸系列

友情提示:视频教程观看时请手动设置清晰度。

大家好,在目前这样特殊的日子里,缅怀先辈的同时,也向那些抗疫英雄们表示哀悼!
风雨过后通常都是阳光普照,接下来我们就借鉴植物大战僵尸的故事场景,来看看,如何用Scratch来重现这些经典的角色。
万事开头难,我们先从故事中的最经典的反派角色–僵尸来开始我们的学习之旅。
看过之前课程的小朋友,应该对如何控制角色行走都已经非常清楚了,但是也有一些新的小朋友可能还不是很清楚,接下来就以普通僵尸来讲解一下如何来让角色动起来。
这里涉及到两种动起来的方式:
  • 一个是让角色动起来,比如有走动的感觉;
  • 一个是让它真正在屏幕上走动起来。
让角色动起来
 

   我们的主角们  

普通僵尸

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

【scratch3-植物大战系列】--- 僵尸的行走   操作分析   【scratch3-植物大战系列】--- 僵尸的行走

要让它动起来,就需要用到Scratch3里面的“外观”模块。“外观”模块里面提供如下几种积木块:
【scratch3-植物大战系列】--- 僵尸的行走
看看是不是觉得没有貌似让它动起来的积木呢,先不要慌,在正式开始之前,大家知不知道看到上面的僵尸是如何走动起来的。

【scratch3-植物大战系列】--- 僵尸的行走   拓展概念   【scratch3-植物大战系列】--- 僵尸的行走
这个就涉及到动画了,但是在说动画前需要引入下面这个重要的概念:
人眼在观察景物时,光信号传入大脑神经,需经过一段短暂的时间,光的作用结束后,视觉形象并不立即消失,这种残留的视觉称“后像”,视觉的这一现象则被称为“视觉暂留”。
基于这个概念,就有了动画的定义:
我们看到的动画,实际上是一连串的画面组成,只不过是以很快的速度去播放,人眼在下一个画面出来之前,还残留着上一个画面的视觉,看起来就像是在没有间隔的播放这一系列的图片,也就是我们称之为的动画。
了解了什么是动画,那接下来就引入另外两个重要的定义:帧和FPS
 
何为帧:
帧就是影像动画中最小单位的单幅影像画面,一帧就是一副静止的画面。
何为FPS:
 
FPS(Frame per Second),即每秒显示帧数(帧的数量)。
是不是还有点迷糊,那就举个栗子:
大家小时候都玩过书角动画。在书或者本子的一角,每一页都画上一个画面,然后拨书角,不同速度拨,动画的感受不一样,拨的越快,动画越流畅,那么每页上的图画就是帧,大家拨的时候每秒拨过的页数就是FPS。
 
一般业内比较认可的比例是每秒24帧。
 
有了这些概念,大家是不是已经知道该用哪个积木了,对了,就是用下面这个:
【scratch3-植物大战系列】--- 僵尸的行走
在scratch中,每个角色可以有多个造型(角色的样子),如下所示:
 
【scratch3-植物大战系列】--- 僵尸的行走
每个造型大家可以理解为是一帧,重复这些帧数就会形成走动的感觉。那么我们就开始今天的操作吧!!
 
【scratch3-植物大战系列】--- 僵尸的行走   跟我做一做   【scratch3-植物大战系列】--- 僵尸的行走
 
1、先找到你需要角色的图片,最好是gif格式的,scratch3工具会自动进行分解成多个造型的图片,以下面的僵尸为例,大家可以直接保存下面这个图片为gif。
【scratch3-植物大战系列】--- 僵尸的行走
2、打开scratch3桌面版,按照下面的步骤进行:
【scratch3-植物大战系列】--- 僵尸的行走
【scratch3-植物大战系列】--- 僵尸的行走

 

【scratch3-植物大战系列】--- 僵尸的行走
【scratch3-植物大战系列】--- 僵尸的行走
【scratch3-植物大战系列】--- 僵尸的行走
最后会自动将gif分解成22个造型,也就是一秒钟可以播放22帧。
 
为了让大家更方便的看到效果,现在就先删除掉小猫吧。
 
先选中小猫,这个时候会出现下面的样子
【scratch3-植物大战系列】--- 僵尸的行走
然后点击垃圾桶图标就可以删除掉了。
 
【scratch3-植物大战系列】--- 僵尸的行走
看起来是不是清爽了许多。
 
3、接下来让我们的僵尸先生活动起来,做到跟上面的gif图的动作一样。
 
【scratch3-植物大战系列】--- 僵尸的行走
这是所有工作的起点奥。然后我们需要它动起来,就需要借助下面两个积木。
控制”模块的【重复执行】和“外观”模块的【下一个造型】
 
【scratch3-植物大战系列】--- 僵尸的行走
好了,接下来见证奇迹的时刻到了,点击【scratch3-植物大战系列】--- 僵尸的行走,怎么样,僵尸先生动起来了!!!
 
【scratch3-植物大战系列】--- 僵尸的行走
好了,今天的就到这里。
 
【scratch3-植物大战系列】--- 僵尸的行走   温故而知新   【scratch3-植物大战系列】--- 僵尸的行走
 
今天讲了如何让主角们动起来,这里涉及到下面几个内容:
  • 视觉暂留
  • 帧和FPS
  • 动起来的操作方法
 
大家还有印象吗,没有的话,请往上翻翻看。
 
另外还需要记住下面三个模块中的三种积木:
1、事件中的【scratch3-植物大战系列】--- 僵尸的行走
2、控制中的【scratch3-植物大战系列】--- 僵尸的行走
3、外观中的【scratch3-植物大战系列】--- 僵尸的行走
通过这三者的组合,我们就看到了一个活动的僵尸先生了。
 
———————–    万恶的分割线 —————————————-
 
下一次课,我们要讲一下如何让这位先生动起来,到时候就会学习坐标的相关知
识。
 

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

转自公众号:
浩浩学编程

您必须 登录 才能发表评论!