
2.4 开启你的第一个Scratch作品
在开始编写Scratch程序前,先来了解一下它的开发环境吧。
2.4.1 Scratch环境介绍
在计算机桌面找到“Scratch Desktop”图标,双击打开,Scratch的界面如图2-13所示。

图2-13 Scratch的基本界面构成
Scratch的界面主要由四大部分构成:菜单和工具栏、功能操作区(代码/造型/声音)、舞台和角色列表。
(1)菜单和工具栏:可以设置Scratch显示语言,默认的语言是English,为了操作方便可以设置为简体中文。通过“文件”菜单中的命令可以新建Scratch作品,也可以打开计算机上已有的Scratch作品,还可以将Scratch作品保存到计算机上。
(2)功能操作区(代码/造型/声音):Scratch作品都是通过功能操作区完成代码创作的。用Scratch编程的过程就是在此区域操作代码积木的过程,包括添加作品中需要的造型素材和声音素材。如图2-14所示,在代码标签区有十大代码模块:运动、外观、声音、事件、控制、侦测、运算、变量、自制积木和扩展积木。在造型标签区,可以创建角色造型,角色造型可以选取Scratch系统自带的造型,也可以制作或者上传本地的造型图片。在声音标签区,可以选取Scratch系统自带的声音素材,也可以录制或上传本地的声音素材。关于代码、造型和声音相关的具体使用,在下文实例中会详细介绍。

图2-14 Scratch功能操作区
(3)舞台区:展示Scratch作品功能的场所。Scratch程序的最终结果通过舞台展示,无论创作的是游戏、动画还是故事等。如图2-15所示,舞台区左上方的绿旗和停止按钮分别用来启动和停止程序。右上方的三个按钮分别设置舞台显示大小为:小舞台、标准舞台和全屏舞台模式。舞台中间的小猫是Scratch新建作品自带的默认角色造型,该造型可以根据程序需要删除或修改。

图2-15 Scratch舞台区
(4)角色列表:Scratch作品中用到的所有角色的“休息区”,它们被提前创建好并做好在舞台进行表演的准备。如图2-16所示,该区域不仅可以创建新的角色,而且可以创建新的背景,还可以设置角色名称、初始显示舞台的位置、角色大小等。

图2-16 Scratch角色列表
2.4.2 角色移动与旋转
角色在舞台上可以移动与旋转,每一个位置都有具体的坐标值,可以把舞台看成一个坐标系,其中舞台中心的坐标为(0,0),即x=0,y=0。舞台宽为480步长,高为360步长。横坐标x的取值范围为(-240,240),y的取值范围为(-180,180),如图2-17所示,角色在舞台上移动的区域一定在A、B、C和D四个区域内进行。

图2-17 Scratch舞台坐标区域
假如要实现将角色移动到目标位置(200,150),如图2-18所示,只需要在代码“运动”模块,调用“移到x:(200)y:(150)”积木,具体使用见下文实例应用代码。

图2-18 角色移动
角色在舞台上除了上下左右直线移动之外,很多时候还需要旋转,就好像使用方向盘驾驶车辆,需要根据不同路线进行转弯,对于旋转角度范围永远在0度~360度,其中向上是0度,向右是90度,向下是180度,向左是-90度,角色旋转范围如图2-19所示。

图2-19 角色旋转范围
2.4.3 “Hello Scratch!”小程序
第一步,打开Scratch,在“文件”菜单中选择“新作品”,如图2-20所示。

图2-20 新建作品
第二步,在角色列表区创建角色。新建Scratch作品时系统会默认创建一个小猫造型的角色“角色1”,你可以根据你的程序设计使用该角色或删除该角色再创建新角色。由于这是我们的第一个Scratch程序,我们希望它是最简单的,所以就直接使用该角色。我们可以把角色名“角色1”修改为“Scratch”,如图2-21所示。
第三步,编写程序代码。在代码区“事件”模块中,选中“当被点击”积木,拖动该积木到功能操作区,这就是我们编写的第一行Scratch代码。接着我们从代码区“外观”模块中,选中“说(你好!)(2)秒”积木,拖到功能操作区,并与第一行代码连接,修改积木中默认说的内容“你好!”为“Hello Scratch!”,这就是我们的第二行Scratch代码。程序完成后的代码如图2-22所示。

图2-21 修改角色名

图2-22 “Hello Scratch!”程序的代码
第四步,程序代码编写完毕,接下来运行我们的第一个Scratch程序。在舞台区单击按钮开始执行程序,可以看到小猫角色在舞台上说“Hello Scratch!”,程序运行结果如图2-23所示。

图2-23 “Hello Scratch!”程序运行结果
第五步,保存“Hello Scratch!”程序到计算机上。在“文件”菜单中选择“保存到电脑”,选择保存到计算机的文件路径,文件名为Hello Scratch.sb3。单击“保存”按钮进行保存。保存后会在计算机上产生一个名为Hello Scratch.sb3的文件,如图2-24所示。

图2-24 将“Hello Scratch!”程序保存到计算机
至此,我们的第一个Scratch作品已经完成,是不是很简单?相信你已对Scratch有了初步了解,后面的内容将更加有趣且有意义,不要着急,一步一步地学习吧。