从零开始学Scratch2.0动画游戏设计.html.pdf

《从零开始学Scratch2.0动画游戏设计.html.pdf》由会员分享，可在线阅读，更多相关《从零开始学Scratch2.0动画游戏设计.html.pdf（449页珍藏版）》请在三一文库上搜索。

1、推荐序 麻省理工学院（MIT）开发的Scratch，让初学“计算机逻辑思维”的人，特别是少儿和青少年觉得数字世界和程序设计是 一个奇妙的“游戏”过程。因为这个学习过程完全不用死记枯燥的程序设计语言指令和语法，而是让孩子把精力集中于自己的创 意思维和设计的本身，再结合到逻辑思维能力的培养和训练中，孩子在趣味浓厚的氛围中潜移默化地领悟了现代先进的面向对象 程序设计的核心精神。 作为世界排名前列的面向少儿和青少年的简易编程工具，Scratch在北美和西欧已经非常普及，在亚洲地区，中国处于领先 位置。Scratch在中国的一、二线城市中小学的信息科学课中有一定的普及，但是教学的深度不够，大多数学生只能

2、算是接触 到，会基本的使用而已，而且教学的持续性也不够，学生还不能掌握稍微复杂程序的编写。 本书适合作为零编程基础的青少年学习Scratch编程的自学用书，也适合父母用于辅导少儿加强和提升在校所学的Scratch的 辅导用书。 “学习是习惯的养成”，从小培养孩子自主学习和认识数字世界并掌握计算机逻辑思维能力，是他们将来成功的基础之一， 而培养自主学习习惯则需要先进的教育理念和工具，Scratch就是综合了先进教育理念的优秀工具之一。 资深架构师 赵军 前言 在这个信息科技爆炸的时代，很多程序设计语言、软件或硬件设备，更新换代的速度已超乎人们的想象，在学校所学的知识 和技能，如果不继续跟踪学习，

3、两三年后就会跟不上时代的潮流。为了应对这样的变化，信息科学的教育不应该再以学习软件的 使用为主轴，而应该是激发学生的创造力、逻辑思考能力，以及解决问题的能力，并向下扎根于中小学生的信息科学教育中，如 此才能让学生跟得上信息科技爆炸式发展的步伐，而不至于被时代所淘汰。 本书介绍美国麻省理工学院（MIT）所开发的程序设计语言Scratch，这款软件的特点是使用图形化的程序积木进行“堆 砌”与“镶嵌”，让中小学生可以通过事件、控制、动作、外观、声音、画笔、侦测、运算符、数据等类型的程序积木，实现自 己的创意，动画、情景故事、贺卡、导游、游戏等效果，均可以用Scratch来实现。 由于在设计的过程中，

4、必须通过逻辑思考来排列组合积木，才能让程序项目顺利地执行，因此难免会遇到一些问题，而一旦 问题排除并解决后，所得到的快乐也是难以形容的。中小学生也可以根据自己的能力与兴趣来选择想要设计和实现的程序项目主 题。 本书共15章，除了第1章为概括性的介绍、第2章和第3章介绍素材的构建与程序堆砌的技巧外，从第4章开始就以范例的方 式进行Scratch程序项目设计和实现的说明，让初次接触程序设计语言进行“创作”的中小学生，也不会心生畏惧。本书范例内 容如下： 建立对话地方风光导游 角色控制圣诞节贺卡制作、相册浏览 动态造型制作篮球运球教学 角色多造型服饰换装搭配 角色绘制种树歌场景绘制 声音控制小小音乐

5、家 按键控制闯迷宫、英文打字练习 画笔应用梦幻花园 运算符应用接砖块 提问与回答乘法运算问答 在编写过程中，笔者尽量将Scratch所提供的程序类型都顾及到，期盼多样化的范例可以给学习者提供更多的创意和遐想。 有关Scratch版本和下载说明： 1.本书在编写之初，Scratch 2.0版的子版本已经从原写作时的V430版更新到了V453版。在编写本书的过程中，书中所有的 范例都在Scratch 2.0版V453子版本编写、调试并测试完成，并且均能无误运行。相信在本书出版之后，子版本还会不断更新。 不过，子版本的更新差异不大，大家在使用本书的范例程序时不会有任何的影响，可以放心在学习和实践过程

6、中参照使用。 2.本书提供的范例程序源代码和使用的相关设计素材可以从下面的网址免费下 载：http:/ ，邮件主题为“从零开始学Scratch 2.0动画游戏设计素材”。 本书主要由陈芸丽编著，卞诚君、王翔、刘雪连、孙学南、关静、郭丹阳、魏忠波等也参与了本书的编写工作。由于笔者知 识有限，书中难免有疏漏之处，敬请读者朋友批评指正。 编者 2017年5月 第1章 认识Scratch Scratch是麻省理工学院所开发的一套免费程序设计语言，主要使用积木式的堆砌方式来“拼接和堆砌”程序语句，能让设 计者发挥自己的创意设计和实现交互式故事、动画或小游戏，并上传自己的设计成果与他人分享。Scratch

7、系统支持多种语言。 这套软件适合8岁以上的中小学生使用，借助此套软件的学习，能让学生在认知的范围内，尽情地发挥自己的想象。通过设 计脚本的构思、流程的规划、程序积木的堆砌来完成个人创意并予以展现，从整个制作过程中可以培养学生独立思考、逻辑分 析、解决问题的能力，这对信息科技爆炸的网络时代来说，学生们对信息科学技术和技能的整体运用，是非常值得大力推广的。 1.1 Scratch的用途 我们都知道，“创造发明”基本都是建立在前人经验的基础之上，再加入个人的创意与想法，从而使原有的东西产生质变。 正因为如此，这个世界才变得越来越美好，越来越方便舒适。Scratch网站本身就是一个具有创造力的学习社区

8、，通过许多人的 分享，Scratch可实现的效果也越来越多。在这个网站上除了可以学习原创者所堆砌的程序内容外，也可以通过改编程序或角 色，把自己的想法表现出来，这样的分享与学习，会让未来世界的进步比现在更快、更神速。 原创作品的观摩学习 在Scratch官方网站的下方，就提供了许多原创作品，让学习者可以观摩Scratch的各种制作技巧，如图1-1图1-3所示。 01 图 1-1 1 输入Scratch官方网址：http:/scratch.mit.edu/ 2 使用鼠标单击作品的缩略图 02 图 1-2 1 单击“绿旗”按钮，可查看程序项目的内容 2 单击“转到设计页”按钮 03 图 1-3 浏

9、览改编的作品 每一件作品的右下方有许多改编的作品，我们可以使用鼠标单击进去看看，如图1-4所示。大家也可以将自己改编后的作品 上传到该网站进行分享。 图 1-4 Scratch到底能制作出什么样的效果呢？下面就以Scratch网站上的一些范例来说明。 节庆电子贺卡（如图1-5） 图 1-5 网址：http:/scratch.mit.edu/projects/40929128/ 各种节庆的电子贺卡都可轻松运用Scratch来绘制，也可以使用“看图配话”方式来表示情意。 动画设计（如图1-6） 图 1-6 网址：http:/scratch.mit.edu/projects/29011598/ 各种

10、各样的动画脚本都可以使用Scratch来串接完成。 音乐演奏与播放（如图1-7） 图 1-7 网址：http:/scratch.mit.edu/projects/166864/ 想要弹奏各种乐器，或是控制音乐节奏，Scratch也可以帮你实现。 游戏设计（如图1-8） 图 1-8 网址：http:/scratch.mit.edu/projects/37523030/ 精致小巧的游戏不用再花钱买，自己动手设计，自己玩，自己来闯关。 导览设计（如图1-9） 图 1-9 网址：http:/scratch.mit.edu/projects/18680465/ 如果有任何知识想要与他人分享，可以使用Sc

11、ratch制作完成。 上彩与绘图（如图1-10） 图 1-10 网址：http:/scratch.mit.edu/projects/40791994/ 与画笔有关的设计，如选色、上彩、笔画粗细、下笔、盖图章等，也可以轻松实现。 范例教学（如图1-11） 图 1-11 网址：http:/scratch.mit.edu/projects/37536974/ 范例教学画肖像，通过一步一个脚印地指导，Scratch可以帮助大家轻松完成。 提问与回答（如图1-12） 图 1-12 网址：http:/scratch.mit.edu/projects/29355630/ 提出问题，采用双方对答的双向互动模式

12、，通过Scratch的侦测程序积木，也可以轻松实现。 以上是Scratch的一些用途供大家参考，事实上Scratch能做的还不远只这些，只要创意无限，它的功效就不受限制。例如下 面的服装搭配，也可以通过Scratch的程序积木“堆砌”而成，如图1-13所示。 图 1-13 网址：http:/scratch.mit.edu/projects/25796804/ 看完以上这些范例，相信大家一定很想学习Scratch这套免费的应用程序吧！言归正传，我们现在就开始下载与安装Scratch 程序。 1.2 下载与安装Scratch程序 若想使用Scratch程序，也可以上网连接到Scratch官方网站：

13、http:/scratch.mit.edu/，在首页上单击按钮，如图1- 14所示，即可在网站上开始使用Scratch程序，如图1-15所示。 01 图 1-14 1 在此输入Scratch官网的网址：http:/scratch.mit.edu/ 2 单击“创建”按钮 02 图 1-15 网页版编辑器必须在有网络的情况下才可以使用，并且需要输入用户名称与密码先行登录，才可以保存Scratch作品。如果 大家觉得这样有些麻烦，也可以考虑下载离线的编辑器来使用，可在官方网站下方使用鼠标单击“离线编辑器”超链接，然后按 照提示进行下载并安装该软件，如图1-16和图1-17所示。 03 图 1-16

14、1 在官方网站http:/scratch.mit.edu/的页面中，拖动滑竿移至页面底端 2 单击“离线编辑器”超链接 04 图 1-17 1 单击这里，下载Windows版的Adobe AIR 2 单击这里，下载Windows版的离线编辑器 目前Scratch可在Mac、Windows、Linux等操作系统上使用，本书以Windows版本为例。如果大家未曾安装过Adobe AIR，那么请按序下载安装Adobe AIR和Scratch 2的编辑器，再启动如图1-18所示的两个程序进行安装即可。 图 1-18 1.3 动画游戏设计的概念 在介绍Scratch的使用之前，我们需要先了解一下动画的原

15、理、脚本和流程的规划。 1.3.1 动画的原理 所谓动画（Animation），就是将多张不同动作的静态图像，以非常快速的方式连续放映。由于人眼具有视觉暂留的特性， 所以当放映速度快于眼睛所能分辨的速度时，就会让观看者感觉到图像有移动的效果。就如同Scratch中的黄色猫咪图像，通过 程序来控制，当使用鼠标单击“绿旗”按钮后，就会不断地交替重复显示这两个造型图像（如图1-19所示），这样就可以观察 到猫咪在走动了。 图 1-19 1.3.2 脚本和流程的规划 想要高效率地制作动画，脚本的设计当然不可欠缺。因为通过纸上的规划，可以让我们的构思更清晰，比如场景的配置、角 色的位置、角色出场的先后顺

16、序、秒数的长短等问题。当我们把这些问题一一想清楚后，在制作时就不会丢三落四，做起来才会 有成就感。设计规划时的书面工作如图1-20所示。 图 1-20 如果是游戏设计，可能会牵涉条件或结构的问题，那么也可以通过流程图的方式来思考问题，如图1-21所示。我们可以使 用空白纸张来画草图，将设计流程进行完整的思考与规划，这样才可以减少问题的发生。 图 1-21 1.4 Scratch的操作界面 将Scratch程序安装完毕之后，我们先来认识下Scratch的窗口环境。只有熟悉操作环境后，才能跟上书中的章节，一步步地 进入Scratch的殿堂。在计算机桌面上双击图标，即可进入如图1-22所示的窗口。

17、图 1-22 1.4.1 语言切换与文字大小的设置 第一次启动Scratch，映入眼帘的是英文版的界面，不过大家不用担心，因为Scratch支持中文，所以可以通过单击“地球” 按钮来切换语言，如图1-23和图1-24所示。 01 图 1-23 1 使用鼠标单击该按钮 2 在下拉菜单中选择“简体中文”选项 02 图 1-24 切换到中文界面后，如果觉得“脚本”选项卡中的程序积木字体太小，可以先按住Shift键，再单击“地球”按钮，如图 1-25所示；从弹出的下拉菜单中选择1214的字体大小即可，如图1-26所示。 01 图 1-25 1 按住Shift键再单击该按钮 2 从下拉菜单中选择set

18、font size选项 02 图 1-26 1 选择要设置的字体大小 2 瞧！程序积木的字体变大了 注意：因为Scratch 2.0软件中文版中将鼠标“click”操作翻译成了“点击”，但是我们习惯把按一下鼠标的操作称为“单 击”，故文中的“单击”等同于软件插图中的“点击”，全书类同。 1.4.2 菜单区 菜单区位于窗口的左上方（如图1-27所示），可以链接至Scratch网站；则链接到有关Scratch的网页； 主要用于语言的切换；提供了“新建项目”“打开”“保存”“分享到网站”“退出”等功能；包含“撤销删 除”“小舞台布局模式”与“加速模式”功能。选择“小舞台布局模式”选项，会将舞台变小，

19、以便增加“脚本”“造型”“声 音”等选项卡的编辑区；而“加速模式”则是加快程序项目执行的速度。 图 1-27 对于新手来说，如果想要快速学会使用Scratch，可单击按钮，将会在右侧出现如图1-28所示的操作面板，只要单击 超链接，跟着步骤按序学习，就可以慢慢上手。目前只有英文的帮助说明，若是不懂英文，仍可跟着动画按序学习操作过程。 图 1-28 1.4.3 按钮区 按钮区位于窗口的正上方，各个按钮所代表的含义如图1-29所示。 图 1-29 1.4.4 舞台区 舞台区是安排角色与背景的区域，它位于窗口的左侧。依次选择“编辑/小舞台布局模式”菜单选项，或是单击舞台右下角 的 按钮即可进行大/小

20、舞台的切换，如图1-30所示。 图 1-30 单击舞台左上方的按钮，可切换为全屏幕的显示模式；单击右侧的按钮，可执行程序项目；单击按钮，可停止 执行程序项目。 1.4.5 角色区 角色区位于窗口左下方，用来显示程序项目中所使用到的角色或舞台背景，此区域也用于新建舞台背景或角色，如图1-31 所示。 图 1-31 角色被选中时，会显示蓝色线框。若单击角色图标左上方的按钮，则可对角色细节进行设置，包括角色名称、旋转模 式、方向、是否显示或可拖动等相关信息，如图1-32所示。 图 1-32 1.4.6 “脚本”选项卡 “脚本”选项卡是陈列所有程序积木与编辑脚本的地方，按程序类型可分为动作、外观等十大

21、类，并以不同颜色进行区分。 如图1-33所示，当前显示的是“事件”类型中的相关程序积木，使用时只要利用鼠标单击程序积木并拖动到脚本区中（即程序 编辑区），然后像积木一样堆砌起来就可以了。 图 1-33 1.4.7 “造型”选项卡 “造型”选项卡是新建造型或编辑与修改造型的地方，该选项卡中提供了颜色板和各种绘图工具，可以在此编辑与修改造 型，如图1-34所示。 图 1-34 如果使用鼠标单击舞台背景，“造型”选项卡会自动切换为“背景”选项卡，以供我们对背景进行编辑与修改，如图1-35 所示。 图 1-35 1 使用鼠标单击舞台 2 这里会变成“背景”选项卡 1.5 程序项目的格式 Scratch

22、 2.0版的程序项目格式为*.sb2，若要保存Scratch项目文件，只需依次选择“文件/保存”或“文件/另存为”菜单选 项，即可在如图1-37所示的对话框中保存文件。 图 1-37 1 选择保存位置 2 输入程序项目名称 3 单击“保存”按钮 目前网络上仍可见到许多使用Scratch 1.4版本设计的作品，不过1.4版本的文件格式为*.sb。因为文件格式不同，所以 Scratch 1.4版本无法读取Scratch 2.0版本的作品，但Scratch 2.0版本仍可读取Scratch 1.4版本的作品。 1.5.1 新建项目 如果要创建新的程序项目，只需依次选择“文件/新建项目”菜单选项，随后

23、舞台上方就会显示Untitled（即未命名的意 思）的项目名称，如图1-38所示。 图 1-38 当我们依次选择“文件/保存”或“文件/另存为”菜单选项后，该处就会显示所设置的新项目名称。 1.5.2 打开程序项目 如果有现成的程序项目文件，想要再次打开来使用，那么可依次选择“文件/打开”菜单选项，在如图1-39所示的对话框中 选择文件，然后单击按钮，即可打开这个程序项目。 图 1-39 1 选择该项目文件 2 单击该按钮打开项目文件 第2章 Scratch素材的构建 在第1章中，相信大家对于Scratch的窗口环境与用途已经有了初步的认识，接下来将要介绍Scratch素材的构建方式，包含 舞

24、台背景、角色造型、声音等，同时讲解角色造型的编辑与修改技巧，让大家轻松将各种素材加入到Scratch中。 2.1 构建舞台背景 在舞台背景方面，有以下4种构建方式，如图2-1所示。 图 2-1 1 先使用鼠标单击舞台背景 2 在此选择构建舞台背景的方式，从左到右4个按钮依次是：从背景库中选择背景、绘制新背景、从本地文件中上传背 景、拍摄照片当作背景 2.1.1 背景库 在角色区左下方单击按钮，即可进入Scratch的背景库中挑选背景图像，具体步骤如图2-2图2-4所示。 01 图 2-2 02 图 2-3 1 选择背景图像 2 单击“确定”按钮 03 图 2-4 2.1.3 从本地文件中上传背

25、景 也可以把现成的背景插图直接上传到Scratch中来使用。上传的具体步骤如图2-15图2-17所示。 01 图 2-15 1 单击舞台背景 2 单击该按钮，从本地文件中上传背景 02 图 2-16 1 单击要上传的图像缩略图 2 单击“打开”按钮 03 图 2-17 因为Scratch的舞台大小为480像素360像素，所以上传的背景底图最好是维持同样的尺寸。如果不是4：3的比例，也可以 将图像导入后使用“选择工具”来进行缩放，如图2-18和图2-19所示。 01 图 2-18 1 单击“选择工具”按钮 2 使用鼠标拖动中间的控制点，可进行不等比例的缩放 02 图 2-19 2.1.4 拍摄照

26、片当作背景 假如计算机上安装了摄像头，Scratch也可以通过摄像头（即相机）来拍摄背景图像。具体步骤如图2-20图2-22所示。 01 图 2-20 02 图 2-21 1 调整照片的角度 2 单击“保存”按钮 03 图 2-22 1 照片已传送到“背景”选项卡中 2 利用“选择工具”进行缩放处理 2.2 构建角色造型 学会了舞台背景的新建方式后，下面就来看看角色的新建方式。Scratch中提供了4种新建角色的方式，如图2-23所示，可 通过角色区来构建。 图 2-23 2.2.1 从角色库中选取角色 在角色区单击按钮，将会进入角色库，选取角色后单击按钮退出窗口，即可完成对角色的选择。具体步

27、骤如图2- 24和图2-25所示。 01 图 2-24 1 选取角色图像 2 单击“确定”按钮 02 图 2-25 同样地，一个角色可以同时包含多个不同的造型，只要通过程序的控制，即可产生变换效果。 2.2.2 绘制新角色 我们也可以使用Scratch中所提供的绘图工具，在“造型”选项卡中自行绘制新角色。这里就从空白背景开始，为大家示范 如何使用Scratch中的绘图工具。具体步骤如图2-26图2-31所示。 01 图 2-26 02 图 2-27 1 选取颜色 2 单击“椭圆工具”按钮 3 设置为实心的圆 4 绘制如图所示的椭圆造型 03 图 2-28 1 绘制圆形头部 2 绘制左耳朵的两个

28、色块 3 利用“选择工具”选取后复制一份 4 单击该按钮进行左右翻转，绘制右耳朵 04 图 2-29 05 图 2-30 06 图 2-31 1 单击“画笔工具”按钮 2 调整线条宽度 3 画出手脚部分，完成小熊的绘制 想要绘制造型其实很简单，我们只要运用想象力将造型简单化，想象它们都是由圆形/椭圆形、矩形/方形等几何图形组合而 成，多余的部分可使用“擦除工具”擦除，这样就可以轻松画出任意造型的图案（或图像）。 2.2.3 从本地文件中上传角色 如果有现成的没有背景的角色图像，可在角色区单击按钮，即可进行上传的操作，具体步骤如图2-32图2-34所示。 01 图 2-32 02 图 2-33

29、1 选择没有背景的图案 2 单击“打开”按钮 03 图 2-34 不可不知：造型去背景技巧用PhotoImpact消除背景 选用现有的图像来制作角色造型是大家最常用的一种方式，但是大多需要进行去背处理。这里以PhotoImpact软件为例来 给大家示范，如何进行完美的去背处理，具体步骤如图2-35图2-39所示。 图 2-35 1 依次选择“文件/打开”菜单选项，打开“女孩.JPG”文件 2 单击“魔术棒工具”按钮 3 勾选“相邻的像素”复选框，这样白色袜子就不会被选取 4 单击“+”按钮，以加入的方式选取造型 图 2-36 1 先单击大范围的背景区域，使之被选取 2 按序单击未相连接的小区域

30、，包含头顶的蝴蝶结下方，以及双脚的区域 图 2-37 1 依次选择“选择区/扩大/缩小”菜单选项，弹出该对话框 2 设置“扩大”为1像素，使选择区加大，避免去背后角色边缘产生白色的残留 3 单击“确定”按钮 图 2-38 图 2-39 1 依次选择“网络/图像优化程序”菜单选项，弹出该对话框 2 单击png按钮 3 单击“另存为”按钮，输入文件名，即可完成去背处理 2.2.4 拍摄照片当作角色 我们也可以在角色区单击按钮，通过相机来获取镜头中的画面，如图2-40所示。 图 2-40 1 从镜头中调整角色的位置 2 单击“保存”按钮，角色就会自动出现在“造型”选项卡中 2.2.5 新建造型 学会

31、在角色区新建角色后，下面来看看造型的新建方式。在“造型”选项卡中也拥有和角色区一样的4个按钮，其新建技巧 完全相同，但功能略有不同，如图2-41所示。 图 2-41 因为在Scratch程序中，同一个角色可以拥有多个造型，所以要新建某一个角色的造型，就是通过“造型”选项卡中的4个 按钮来进行新建。 2.3 编辑角色造型 新建完角色后，我们就可以对角色或造型进行编辑，包括复制、删除、放大、缩小，或是将造型图像保存到计算机中。 2.3.1 角色的复制与删除 角色区的角色如果需要复制或删除，可以使用鼠标右键单击角色，然后在弹出的快捷菜单中选择“复制”或“删除”选项， 具体步骤如图2-42和图2-43

32、所示。 01 图 2-42 1 选择角色 2 单击鼠标右键，在弹出的快捷菜单中选择“复制”选项 02 图 2-43 2.3.2 造型的复制与删除 若是在“造型”选项卡中想要复制或删除造型，同样是使用鼠标右键单击造型，然后在弹出的快捷菜单中选择“复 制”或“删除”选项，具体步骤如图2-44和图2-45所示。 01 图 2-44 1 选择造型 2 单击鼠标右键，在弹出的快捷菜单中选择“复制”选项 02 图 2-45 2.3.3 造型的放大与缩小 如果新添加的造型过大或过小，我们可以使用按钮区的“放大”按钮来放大造型，使用“缩小”按钮来缩小造型，如 图2-46所示。 01 图 2-46 1 先单击“

33、放大”按钮或“缩小”按钮 2 使用鼠标单击一下造型，即可放大或缩小 3 单击一下工具按钮结束缩放 前面提到过，Scratch的舞台大小为480像素360像素，如果我们正在使用其他任何一种绘图软件，不妨预先将它的版面大 小设置成该尺寸，这样对于需要用到的角色造型就可以预先调整成适合的比例大小，再上传到Scratch中以供使用，可以节省许 多角色编辑的时间。 2.4 新建声音 除了舞台与角色造型外，Scratch中也提供了声音的新建与编辑功能，如图2-47所示。新建声音的方式有以下三种。 图 2-47 2.4.1 从声音库中选取声音 在“声音”选项卡中单击按钮，即可从声音库中选取声音，具体步骤如图

34、2-48和图2-49所示。 01 图 2-48 1 选择声音文件 2 单击该按钮，可以试听声音 3 单击“确定”按钮 02 图 2-49 1 显示刚刚添加的声音 2 单击该按钮，可播放声音 2.4.2 从本地文件中上传声音 Scratch中虽然提供了录制新声音的功能按钮，不过目前效果并不理想，因此建议大家先使用其他录音程序录制声音后， 再通过单击按钮进行上传，如图2-50所示。 图 2-50 1 选择声音所在的文件夹 2 单击声音文件对应的图标 3 单击“打开”按钮打开声音文件 2.4.3 编辑声音 在“声音”选项卡中单击按钮，将会弹出以下几个选项。如果声音文件过长或过短，想要进行剪辑或加长的

35、操作， 只要先选取范围，即可从菜单中选择复制、剪切粘贴或删除等选项，如图2-51所示。 图 2-51 2.4.4 效果设置 新添加的声音文件，如果声音过小，想要让声音变大，或是声音文件的前后要进行淡入/淡出的效果，那么单击“声音”选 项卡中的按钮，即可实现所需的声音效果，如图2-52所示。 图 2-52 行文至此，我们已经把Scratch素材的构建方式介绍完毕，虽然有了角色造型、舞台与声音，但是没有程序的控制，程序项 目依然没有办法启动。因此，赶快翻到下一章吧，让我们为大家简要地介绍一下程序积木的使用。 第3章 Scratch程序的堆砌 学会了Scratch各类素材的构建方式后，若要让程序项目

36、得以启动，还必须通过程序积木的堆砌组合，才能够驱动事件以最 终启动程序的运行。因此本章将告诉大家如何执行/停止程序，如何在脚本区中加入程序积木，以及积木堆砌时应注意的事项。 言归正传，下面直接进入主题。 3.1 开始执行与停止程序 在舞台右上方有两个按钮：“绿旗”按钮用来执行程序；“红色圆形”按钮则是用来停止程序的执行。请先打开范例 文件“企鹅ok.sb2”，试着播放与停止这个程序项目，如图3-1和图3-2所示。 01 图 3-1 1 依次选择“文件/打开”菜单选项，打开“企鹅ok.sb2”程序项目文件 2 单击“绿旗”按钮，开始执行程序 02 图 3-2 1 启动程序后，会看到企鹅摇摇摆摆地

37、向右移动，移到边界时又自动向左摇摆移动回去 2 看完动画后，单击“红色圆形”按钮，即可停止播放 3.2 加入程序积木 学会执行与停止程序后，接着来看看如何在Scratch的脚本区中加入程序积木。请先打开“企鹅.sb2”范例文件，如图3-3所 示，下面为大家进行讲解。 图 3-3 在进行讲解之前，大家要有一个概念：设计任何脚本，必须先对软件所提供的程序指令有概括性地了解，这样才能应用这些 程序指令来得到想要的效果或变化（注：在Scratch中程序指令即程序积木）。 在Scratch中，它把所有程序指令简化成10种类型，并以积木图形的方式呈现出来，只要积木图形之间可以进行堆砌，并能 够镶嵌在一起，

38、就可以让程序顺利执行。 设计脚本之前，概括性地了解程序积木，将有助于我们的创意和设想。而在进行程序积木的堆砌时，再按照实际遇到的情 况，适时地加入程序积木来进行调整。 3.2.1 程序积木的分类 在“脚本”选项卡中，Scratch以10种颜色来区分程序积木的类型。在此先简要说明一下这10种类型及其包含的功能，如表 3-1所示。 表3-1 程序积木类型及其包含的功能 3.2.2 加入程序积木到脚本区 认识“脚本”的10种程序积木类型后，现在准备将程序积木堆砌到脚本区（也称为程序编辑区）。 启动事件 要让舞台上的“绿旗”按钮被单击时才能启动程序，就必须先从类型中，将“当绿旗按钮被单击”的程序积木

39、拖动到脚本区中。 图 3-4 1 先单击企鹅角色 2 再切换到“事件”类型 3 使用鼠标单击此程序积木并按住鼠标不放 4 将程序积木拖动到脚本区中 企鹅移动脚步 当“绿旗”按钮被单击后，希望企鹅能够移动位置，因此我们将通过类型中的“移动_步”程序积木来让企鹅移动 10步，如图3-5和图3-6所示。 01 图 3-5 1 切换到“动作”类型 2 单击此程序积木并按住鼠标不放 3 使用鼠标拖动到此，并将程序积木镶嵌在一起（移动的数值可自行设置） 02 图 3-6 1 在此积木上双击鼠标 2 瞧！在舞台上就可以看到企鹅移动了 重复执行移动 虽然企鹅已经可以移动位置了，但是当“绿旗”按钮被单击时，它只

40、移动10个像素的距离就停下来了。如果希望企鹅一直 移动脚步，那就需要通过类型中“重复执行”程序积木来执行，如图3-7和图3-8所示。 01 图 3-7 1 切换到“控制”类型 2 单击这个程序积木并按住鼠标不放 3 将它拖动到这两个程序积木中间，使之镶嵌成如图所示的画面效果 02 图 3-8 1 单击“绿旗”按钮查看程序执行的效果 2 糟糕了！企鹅虽然可以不断地向右移动，但是碰到舞台右边缘就不能动了 碰到边缘就反弹 舞台的宽度只有480像素，反复地执行移动动作，当然会碰到舞台边缘。而类型中有一个指令，即程序积木“碰到边 缘就反弹”，可以让移动的角色向反方向移动。现在就使用此程序积木，让企鹅能够

41、向左移动，如图3-9所示。 图 3-9 1 切换到“动作”类型 2 单击此程序积木并按住鼠标不放 3 将积木堆砌在脚本区 4 单击“绿旗”按钮查看动画效果 针对不同的角色，我们还可以通过“角色信息”功能来调整角色反弹时的旋转方式，具体步骤如图3-10和图3-11所示。 01 图 3-10 02 图 3-11 加入等待时间 在上面的范例中，企鹅移动的速度其实是很快的，如果希望移动的速度慢一点，可以在类型中加入“等待_秒”的 程序积木，如图3-12所示。 图 3-12 1 切换到“控制”类型 2 单击此程序积木并按住鼠标不放 3 将程序积木拖动至此，然后双击鼠标，修正秒数值 变更企鹅造型 如果切换

42、到“造型”选项卡，就会发现企鹅包含有三个造型，如图3-13所示。 图 3-13 1 切换到“造型”选项卡 2 企鹅有三个造型，蓝色线框标示的是当前正在使用的造型 现在我们就通过类型中的“下一个造型”，来让企鹅每移动10步后就自动切换到下一个造型，如图3-14所示。 图 3-14 1 切换到“外观”类型 2 单击此程序积木并按住鼠标不放 3 将积木镶嵌于此 设置完成后，单击“绿旗”按钮查看程序的执行效果，就可以看到企鹅摇摇摆摆地左右移动了。 3.3 积木堆砌技巧 对于从来没有学过任何程序设计语言的人来说，只要运用程序积木的堆砌，就可以让程序“动”起来，确实令人惊艳。如果 大家是第一次进行程序积木

43、的堆砌，那么这里提供几项要点供大家参考。 堆砌与镶嵌程序积木 在Scratch中，程序积木之间必须堆砌、镶嵌在一起，之后程序才会正确地执行。如果程序积木没有正确地镶嵌在一起，那 么执行结果就会有所误差。如图3-15所示，“碰到边缘就反弹”程序积木的凹/凸处，并未与其他的积木镶嵌在一起，因此执行 这个程序时，该程序积木就不会起作用。 图 3-15 除了堆砌在一起之外，也可以将程序积木镶嵌在另外一个程序积木之中。如图3-16所示，“在_之前一直等待”积木中有六 边形的图形，因此六边形的程序积木就可以镶嵌在其中。 图 3-16 图 3-17 增减程序积木 要将选取的程序积木加入到堆砌的程序积木中，只

44、要使用鼠标拖动的方式即可，因为它会在插入处显示白色的缝隙，如图3- 18所示。 图 3-18 1 单击此程序积木并按住鼠标不放 2 拖动至此处，出现白色缝隙，即可插入其中 如果要从中删除某一个程序积木，那么必须先将这个程序积木从程序堆砌中分离出来，然后利用鼠标右键单击，在弹出的快 捷菜单中选择“删除”选项，即可删除。删除的具体步骤如图3-19图3-21所示。 01 图 3-19 02 图 3-20 1 该积木以下的程序积木都会被拖出 2 单击此程序积木，使用鼠标拖动，将其堆砌到原来的程序积木中 03 图 3-21 每个角色都可以拥有自己专用的程序积木 在“企鹅”的范例中，由于只有企鹅一个角色，

45、所以我们只对该角色进行设置。如果有多个角色在舞台中，就必须分别设置 它们各自专用的程序积木，除非该角色没有任何动作需要展示。另外，舞台背景也可以加入程序积木，使它产生动态变化的效 果。 事件的产生方式 在Scratch中，程序的执行主要是通过事件来驱动，通常都必须先从类型中选择事件，其程序积木形状的上方多为圆 弧，如图3-22所示。 图 3-22 一个角色并非只使用一个事件，有可能“当绿旗按钮被单击”时，希望角色执行某些操作，而当角色被单击时则执行其 他的操作，因此我们要根据脚本内容来选用适当的事件，如图3-23所示。 图 3-23 本章大致介绍了程序积木堆砌的方式与技巧，从第4章开始，我们将

46、以实际范例的形式为大家进行介绍，通过对不同范例的 解说，让大家快速掌握Scratch中各种程序积木的精华。 第4章 建立对话地方风光导游 程序项目的说明 这个范例是观光客与导游之间的问与答，通过图注解说方式来介绍旗津的美景风光与美食，而舞台背景部分则是将旗津的风 光，以幻灯片放映的方式来呈现。 程序项目的执行效果如图4-1所示。 图 4-1 4.1 对话脚本 利用Scratch中的程序积木，也可以制作出两人或多人的对话内容，只要事先将对话内容编写好，估算出对话的时间，再将 相关角色安排进去，就可以很快完成项目的制作。在这个程序项目中，观光客与导游的对话内容如下： 问：旗津在哪里？（3秒） 答：

47、旗津位于中国台湾省高雄市西方近海，是一个狭长的沙洲，为高雄港口发源地。（6秒） 问：如何去旗津？（3秒） 答：前往旗津除了通过过港隧道，也可以搭乘渡轮，航程仅短短几分钟。（7秒） 问：旗津有哪些好玩的地方？（3秒） 答：观光客徒步走得到的，包括旗后的炮台、灯塔、天后宫、观光市场、星空隧道、海水浴场。（9秒） 答：骑自行车可以到风车公园、观光渔港、广济宫、高字塔、过港隧道、中洲轮站、海洋探索馆。（12秒） 问：旗津的美食哪里能找到？（3秒） 答：轮渡站前的庙前路两旁有许多海产餐厅，需要炒、油炸或做汤，任君挑选。（7秒） 答：中洲二路的万二、万三热炒店，名气也是响叮当。（6秒） 答：夏天可以来一碗

48、超大的水果冰，份量足够三五好友一同享用。（7秒） 答：还有西红柿切盘，古早味的沾酱，咸咸甜甜的姜香，只有在旗津才能吃到。（7秒） 4.2 构建角色造型与舞台背景 在角色方面至少需要两个人物：一位是观光客；另一位是导游人员，这两个角色可以从角色库中直接选取。另外，我们需要 绘制可以让观光客和导游站立的平台，舞台背景则是与旗津有关的照片，已预先使用绘图软件将图像调整成480像素360像素 的尺寸，只要直接导入进来即可使用。至于程序项目的标题文字，则通过上传文件的方式来导入，以便让观看者了解此程序项目 所要表达的主题意义。 4.2.1 从角色库中选取主题人物 首先依次选择“文件/新建项目”菜单选项，

49、新建一个空白程序项目，再依次选择“文件/保存”菜单选项，将这个项目命名 为“旗津风光导游.sb2”，然后进行主题人物的设置。具体步骤如图4-2图4-4所示。 01 图 4-2 02 图 4-3 1 选择Cassy角色 2 单击“确定”按钮 03 图 4-4 1 采用上面相同的方式加入Avery角色 2 利用鼠标右键单击多余的“猫咪”角色，在弹出的快捷键菜单中选择“删除”选项将其删除 4.2.2 编辑与修改主题人物 前面加入的两个人物，由于站立的方向都是向右，因此我们将通过“造型”选项卡来改变Avery的方向。另外，Cassy角色 包含4个造型，在此项目中仅会用到两个造型，需要将多余的造型删除。具体步骤如图4-5和图4-6所示。 01 图 4-5 1 单击此角色 2 切换到“造型”选项卡 3 单击这个按钮，将第2个与第3个造型删除 02 图 4-6 1 切换这个造型 2 按序单击两个造型 3 单击该按钮，将造型左右翻转 4 瞧！观光客与导游面对面了