扬帆国际第一课——初识Scratch

网友投稿 2019-12-02 14:49

 本节课程介绍Scratch的基本构成,带领初识Scratch。

知识点:

  • Scratch主界面分区。

  • Scratch背景和角色。

  • Scratch代码积木。

  • Scratch程序编写步骤。

01

课程内容和目标

课程内容:介绍Scratch的基本操作。

课程目标:熟悉Scratch开发环境,能够进行基本操作。

Scratch编程可以在网站(scratch.mit.edu)在线进行,也可以本地电脑离线进行(需要安装Scratch 3.0 离线编程环境。链接为:https://scratch.mit.edu/download)。本课程假设已经在本机下载并安装了Scratch离线编程环境。

02

初识Scratch

2.1 Scratch主界面

https://cdn.china-scratch.com/timg/191204/14492M325-0.jpg

图1 Scratch主界面Scratch主界面分为5个主要区域(图1)。从左往右依次是:(1)积木区:程序逻辑块的展示区域。所有程序逻辑块以“代码积木”的形式出现。“代码积木”,故名思议,就是程序编制和玩积木一样,只需要:选择合适的积木(“代码积木”),然后将它们拼装起来就可以了(就完成程序设计了)。整个Scratch程序编制过程就是“选择代码积木——拼接代码积木”的过程,不需要手工编写任何代码,(2)程序区(脚本区):程序的编制区域。将“代码积木”从积木区拖动到程序区,然后按照逻辑将这些“代码积木”在程序区内拼装成最终的Scratch程序。(3)角色区:程序中所有角色的展示区域。一般情况下,一个程序中可能会包含多个角色(例如,在愤怒的小鸟中,每一只小鸟和每一只小猪,都是一个角色),所有的角色会在角色区依次展示出来。如图1所示,角色区依次展示了两个角色(两只蝴蝶)。(4)舞台区:设置程序背景的区域。(5)演示区:程序效果的演示区域。当点击开始按钮(小绿旗)https://cdn.china-scratch.com/timg/191204/14492UE6-1.jpg,程序开始运行,并将运行效果在演示区展示。在程序的运行过程中,随时可以点击停止按钮https://cdn.china-scratch.com/timg/191204/14492VP2-2.jpg,结束程序的运行。2.2 Scratch背景

在Scratch中,每一个游戏都有特定的“背景”和“角色”。以图2为例:图2中,两只蝴蝶是游戏中的角色;蝴蝶背后的草地、灌木、石头、树枝等组成了游戏的背景。

https://cdn.china-scratch.com/timg/191204/14492W400-3.jpg

图2 Scratch背景和角色

Scratch自带很多场景,点击右下角舞台区的“选择一个背景”按钮https://cdn.china-scratch.com/timg/191204/14492T042-4.jpg,会弹出如图3所示的背景选择界面:

https://cdn.china-scratch.com/timg/191204/14492QS8-5.jpg

图3 Scratch自带的背景选择界面

在图3所示的界面中,选中某一个喜欢的背景,然后双击,该背景就自动成为程序设计的背景。

如果美术功底比较好的话,也可以自己绘制背景。方法是:把鼠标移动到右下角舞台区的“选择一个背景”按钮https://cdn.china-scratch.com/timg/191204/14492T042-4.jpg上面(注意不要点击!),此时会弹出子菜单。选择 “画笔”形状的按钮https://cdn.china-scratch.com/timg/191204/14492R525-7.jpg,点击,转到如图4所示的绘制界面绘制需要的背景。绘制完成后,点击左上角按钮https://cdn.china-scratch.com/timg/191204/14492WJ7-8.jpg即可以返回编程主界面。

https://cdn.china-scratch.com/timg/191204/14492Q159-9.jpg

图4 Scratch自带的背景选择界面

当然,也可以直接上传背景:仍然是把鼠标移动到舞台区的“选择一个背景”按钮上面https://cdn.china-scratch.com/timg/191204/14492T042-4.jpg(注意不要点击!),此时会弹出子菜单。选择“上传背景”按钮https://cdn.china-scratch.com/timg/191204/1449292464-11.jpg,点击,出现如图5所示的上传界面,选择要上传背景即可。

https://cdn.china-scratch.com/timg/191204/1449293961-12.jpg

图4 上传背景界面

知识点总结:

(1)Scratch背景选择有三种方式:第一,选择Scratch自带的背景;第二,利用Scratch工具手工绘制背景;第三,从本机上传背景。

(2)Scratch背景本质是图片,它支持常见的png,jpg,gif,也支持矢量图svg。

2.3 Scratch角色

角色是Scratch编程的对象,换句话说,几乎所有的程序代码都是针对角色来编写的。因此,角色非常重要。

角色的加入很简单,它和背景的添加过程几乎完全一样。具体地说,利用角色区的“选择一个角色”按钮https://cdn.china-scratch.com/timg/191204/144929BM-13.jpg,可以(和背景一样)实现三种添加方式:第一,选择Scratch自带的角色;第二,利用Scratch工具手工绘制角色;第三,从本机上传角色。

限于篇幅,这里就不多介绍,参照背景添加的方式尝试操作一下即可上手,很容易掌握。

知识点总结:

(1)Scratch角色添加和背景添加过程几乎是一模一样的。不同的是角色添加利用的是主界面角色区的“选择一个角色”按钮https://cdn.china-scratch.com/timg/191204/144929BM-13.jpg;背景添加利用的是主界面舞台区的“选择一个背景”按钮https://cdn.china-scratch.com/timg/191204/14492T042-4.jpg

(2)和背景一样, Scratch背景本质上也是图片。此外,Scratch角色还支持sprite文件格式。

2.4 Scratch“代码积木”

Scratch编程采用图形化“代码积木”拼接的方式。具体地说,Scratch将常用的程序代码块设计成一个一个的“代码积木”。用户根据自己的需求选择不同的“代码积木”,然后在程序区将这些“代码积木”按照逻辑拼接起来,即可以完成程序编写。

点击Scratch主界面的https://cdn.china-scratch.com/timg/191204/14492942E-16.jpg按钮,可以看到Scratch中“代码积木”共分为9个大类,分别是:运动、外观、声音、事件、控制、侦测、运算、变量和自制积木。点击每一个大类,可以查看这个大类内部包含了哪些“代码积木”。

下面的图6和图7,分别显示了“运动”和“事件”大类中包含有哪些代码积木块。

https://cdn.china-scratch.com/timg/191204/1449294J6-17.jpg

图6“运动”大类中包含的代码积木块

https://cdn.china-scratch.com/timg/191204/14493023R-18.jpg图7 “事件”大类中包含的代码积木块

小朋友可以尝试分别点击https://cdn.china-scratch.com/timg/191204/14493050N-19.jpghttps://cdn.china-scratch.com/timg/191204/1449303022-20.jpg,一直到https://cdn.china-scratch.com/timg/191204/1449303916-21.jpg这八个大类,看看这八个大类中都有哪些代码积木块。熟悉这些积木块的样式和位置。

知识点总结:

(1)Scratch编程是通过从积木区选择“代码积木块”并拖动到编程区,然后在编程区拼接这些“代码积木块”完成的。不同于Python等语言,整个过程不需要通过键盘编写任何代码。

(2)Scratch将代码积木块分为了9个大类,我们重点关注前8个大类(第9个大类“自制积木”对应于程序当中“函数”的概念,它是通过前8个大类的积木制作而成的,这里先不用了解。)。

(3)Scratch编程对象是角色;Scratch背景几乎不参与编程。在一个程序中,可能会有多个角色,要对哪个角色编程,就在角色区点中该角色,程序区会自动切换为该角色的代码。

2.5 Scratch程序编写步骤

Scratch程序编写的基本步骤如下:

(1)设计程序功能。包括:包含哪些角色,每个角色需要完成的功能,角色之间是否有交互(比如,愤怒的小鸟就有交互:如果小鸟击中猪头,那么小鸟要爆炸,猪头要炸飞。这种两个或者多个角色之间的互相影响,就是交互)等;

(2)添加背景和角色;

(3)在角色区点击需要编程的角色;

(4)在程序区编制程序。具体地说:首先从积木区选择需要的“代码积木”,并拖动到程序区。然后,在程序区将这些“代码积木”按照逻辑组合起来。最后,当每一个角色都完成编程的时候,整个程序就设计完毕了。

(5)点击“小绿旗”运行程序,在演示区看程序运行的结果。如果有问题,就返回去步骤(4)修改;如果没有问题,那就大功告成啦!

--end--

声明:本文章由网友投稿作为教育分享用途,如有侵权原作者可通过邮件及时和我们联系删除:freemanzk@qq.com