当前位置: 主页 > 建站知识 > 软件开发

制作动画用的软件-用flash制作简单的动画教案

发布时间:2023-05-22 16:11   浏览次数:次   作者:佚名

欢迎回来,上一课我们准备好了scratch软件,这节课我们就可以开始动手操作了,我们先把什么编程之类的概念都丢掉,这节课以及接下来的几节课我们的目标就是玩好scratch软件,这对我们年轻的同学们来说肯定是a pice of cake~

这节课分为三个阶段:

1,了解scratch软件的界面;

2,动动手,写一个小程序;

3,加大难度,做一个小动画;

1,了解scratch软件的界面

用flash制作简单的动画教案_制作动画用的软件_怎样用ppt制作动画

图1 scratch基础界面

如上图1是你打开scratch软件后看到的界面,分以下几块区域:

1)软件设置栏

这里可以设置scratch使用的语言。

用flash制作简单的动画教案_制作动画用的软件_怎样用ppt制作动画

文件按钮下可以创建新的文件(程序),可以从电脑上导入之前存好的程序,也可以将当前编好的程序保存到电脑上。

制作动画用的软件_用flash制作简单的动画教案_怎样用ppt制作动画

怎样用ppt制作动画_制作动画用的软件_用flash制作简单的动画教案

另外还有一个常用的是教程按钮,点开后有很多教程可以自己按照步骤学习。

怎样用ppt制作动画_用flash制作简单的动画教案_制作动画用的软件

2)代码积木、角色造型、声音切换栏

在代码tab下可以看到有很多指令积木,这些单个指令后面我们将用来拼接成完整的程序;造型tab下可以对图1-7角色栏里的角色进行外表上的修改,例如换个颜色、旋转下等等,你可以自己操作下看看;声音tab下可以对角色的声音进行播放或编辑,同样你可以点点试试。

制作动画用的软件_用flash制作简单的动画教案_怎样用ppt制作动画

3)代码积木栏

代码积木栏下面有各种各样的代码积木,如前面说的,这些是我们编写程序的基础元件制作动画用的软件,举几个例子:

“移动x步”作用是将程序栏里的角色向前移动x步,这个步数你可以修改的;

怎样用ppt制作动画_制作动画用的软件_用flash制作简单的动画教案

“说‘你好’x秒”作用是让角色以动画的方式说出“你好”,并保持x秒,同样说的具体内容和时间你也可以修改;

怎样用ppt制作动画_用flash制作简单的动画教案_制作动画用的软件

“当旗帜被点击”,有没有发现这种积木上面是弧顶型的,而前面积木上面是有缺口的,是这样的,有圆弧的积木用于一段程序的开头,后面再拼接上不同的有缺口积木,这样程序就按积木拼接的步骤从开头往下执行,如下面4)程序栏里的截图;“当旗帜被点击”作用就是当你点击图1的绿色旗帜时,程序开始执行;

怎样用ppt制作动画_用flash制作简单的动画教案_制作动画用的软件

制作动画用的软件_怎样用ppt制作动画_用flash制作简单的动画教案

从上面3个例子可以看出每块积木的作用基本上都很好理解的,就是积木上文字的含义,其他的积木你也可以自己看看。

4)程序栏

把代码tab下的代码积木拖拽到程序栏里,如下图,就拼接成了一段简单的程序了,是不是很简单~

用flash制作简单的动画教案_制作动画用的软件_怎样用ppt制作动画

5)开始/暂停栏

点击旗帜,触发程序栏里用“当旗帜被点击”积木开头的程序;点击红色的暂停按钮,所有程序都会停止下来;

6)程序展示栏

程序展示栏是你运行你编好的程序的地方;

7)角色栏

这里存放着我们要编程的对象,你还可以增加角色,另外还可以设置角色的名字、大小、方向等;

怎样用ppt制作动画_用flash制作简单的动画教案_制作动画用的软件

8)舞台/背景栏

舞台也可以理解为背景,可以用默认的白色空白背景,也可以选择其他背景;

怎样用ppt制作动画_制作动画用的软件_用flash制作简单的动画教案

怎样用ppt制作动画_制作动画用的软件_用flash制作简单的动画教案

2,动动手,写一个小程序

学习了scratch软件的界面后,我们来动手,写第一个程序,就拿软件打开后的猫作为编程对象,从代码积木栏里拖几个积木到程序栏中,如下面动图示例的情况:

用flash制作简单的动画教案_怎样用ppt制作动画_制作动画用的软件

可以看到,首先放在顶上的第一步是带有弧顶的积木,随后可以放任意的缺口积木制作动画用的软件,把它们像积木一样拼接起来。参考动图我们的第一个程序就写好了,是不是特别特别特别简单~现在我们来运行一下,点击小旗子,观察程序展示栏里的效果吧:

用flash制作简单的动画教案_制作动画用的软件_怎样用ppt制作动画

我们可以看到小猫按照程序从上到下地指令,先向前移动了一段距离,然后说了“你好”并维持了两秒,然后程序结束。

是不是有一点感觉了?用积木写程序很简单吧~

3,加大难度,做一个小动画

下面我们加大点难度,多增加一些程序积木,搭建一个小动画吧,和我们写的第一个程序是一样的,只需要从程序块里拖出需要的积木进行拼接就好。

1)动画内容说明

动画的内容是小猫遇到大熊,并和大熊说“好想出去玩啦~”,然后大熊说“带你去我家玩吧”,然后他们来到雪地里,小猫说“哇,你家好漂亮,就是有点冷~”,大熊说“哈哈哈哈”。

2)任务分解和代码实现

用flash制作简单的动画教案_制作动画用的软件_怎样用ppt制作动画

我们对要实现的动画内容进行分解,一步一步用代码实现它。

A,角色和背景准备。

动画里有小猫和大熊两个角色, 另外可以配合动画用到两个背景,直接参考下面动图的操作来准备吧;

制作动画用的软件_用flash制作简单的动画教案_怎样用ppt制作动画

B,动画开始,小猫遇到大熊,并和大熊说“好想出去玩啦~”。

这是动画的开始,我们需要使用点击小旗子开始积木、说话积木;另外动画可以在上面城堡背景开场,所以需要换成x背景的积木;小猫说完话后,需要将程序切换到大熊角色所在的程序里,所以这里要用一个广播消息,具体代码如下动图和代码图:

怎样用ppt制作动画_用flash制作简单的动画教案_制作动画用的软件

怎样用ppt制作动画_用flash制作简单的动画教案_制作动画用的软件

这里再解释一下“消息”积木:消息是一种程序调度的工具,广播出去的消息可以被“当接收到xx消息”的积木接收到,然后这个接收消息的积木会开始执行;可能你已经想到了,如果有多个接收消息的积木,那就这些接收消息的积木都会同时开始执行!

C,继续动画内容,然后大熊说“带你去我家玩吧”,然后他们来到雪地里。

这里我们要开始大熊的程序了,所以用接收消息积木接收前面发出的消息,然后用说话消息,最后需要用到换成x背景的积木用于切换动画背景,请参考下面动图和代码:

制作动画用的软件_怎样用ppt制作动画_用flash制作简单的动画教案

用flash制作简单的动画教案_怎样用ppt制作动画_制作动画用的软件

用flash制作简单的动画教案_怎样用ppt制作动画_制作动画用的软件

D,继续动画,小猫说“哇,你家好漂亮,就是有点冷~”。

轮到小猫说话了,这个时候我们可以使用“当背景换成x”的积木,这个积木的作用和消息类似,可以调度程序执行步骤,前面大熊角色的代码里切换了背景,那用这类积木就能收到调度指令并开始执行。另外还需要用到说话积木和广播消息积木,参考下面动图和代码:

用flash制作简单的动画教案_制作动画用的软件_怎样用ppt制作动画

怎样用ppt制作动画_用flash制作简单的动画教案_制作动画用的软件

E,最后一段动画,大熊说“哈哈哈哈”。

有了前面的基础,这里就很简单了,我们用上接收消息积木、说话积木就好了,参考下面动画和代码:

制作动画用的软件_怎样用ppt制作动画_用flash制作简单的动画教案

用flash制作简单的动画教案_制作动画用的软件_怎样用ppt制作动画

3)程序效果展示

好了,把动画的内容分解后,我们一步一步用代码把它实现了,现在点击小旗子来看下效果吧~

用flash制作简单的动画教案_怎样用ppt制作动画_制作动画用的软件

好了,相信你也能顺利完成今天课程里的程序,如果运行程序时发现和你预想的效果不一样,不要着急,你可以看看你写的代码是不是哪里出了小问题,多点点进行下调试就能找出问题了。

4,本课小结

ok,到小结时间了,这节课我们进入实战,先了解了scratch软件的基本布局,然后通过两个小实验体验了一把程序的编写和运行。是不是很好上手呢,你可以课后继续摸索,下节课我们再一起来做一个小游戏程序吧。

我们下节课见~