Scratch 入门:第一个作品

基础

Scratch 用积木砌程式,不用打字。角色 Sprite 在舞台 Stage 上表演,由「当绿旗被点击」启动,积木由上至下一格格执行。

适合:中一资讯及通讯科技 · 单元:编程入门 · 建议学习路径第 8/13 课

学完呢课,你会识:
  • Scratch=积木式程式,不用打字
  • 角色 Sprite 在舞台 Stage 上表演;事件(绿旗)负责启动
  • 积木由上至下顺序执行
资讯及通讯科技Information & Communication Technology
读呢课前,你应该识: 演算法与流程图

§课文原文 Passage

1Scratch 是美国麻省理工学院(MIT)开发的图形化编程工具:使用者像砌积木一样,把彩色的指令积木拖放到程式区叠合起来,便组成可以执行的程式。由于不必背诵语法,初学者能够专心掌握顺序、循环、条件三大基本结构,还可以加入角色、音效与背景,令作品更生动有趣。

2制作第一个作品时,通常先选定舞台背景,再从事件类别拖出「当绿旗被点击」积木,下面叠上「移动 10 步」「说你好」等指令;按一下绿旗,角色便会动起来,结果即时呈现,成功感十足。熟练之后可以加入侦测与重复积木,例如感应滑鼠、计算次数、加入计分与音效,设计更完整的小游戏或互动故事。

3香港不少中小学都举办 Scratch 比赛,香港科学馆与教育局亦设有免费工作坊及教学材料。把背景与角色换成港铁列车、大排档或街市场景,作品便多了一份香港味道。在 Scratch 中学会的逻辑思维与结构概念,将来学习 Python 等文字编程语言时都能直接派上用场。

1重点摘要 Summary

Scratch 用积木砌程式,不用打字。角色 Sprite 在舞台 Stage 上表演,由「当绿旗被点击」启动,积木由上至下一格格执行。

2生字卡 Vocabulary

S
Sprite角色

在舞台上行动的主角:猫咪、球、任何图案。

S
Stage舞台

画面背景,角色表演的地方。

E
Event事件

触发程式的开关,例如「当绿旗被点击」、「当按下空白键」。

S
Sequence顺序

积木由上至下一格格执行。

M
Motion / Looks blocks动作/外观积木

动作(蓝色)控制移动转向;外观(紫色)控制说话、变大小变色。

D
Debugging除错

程式出错叫 bug;逐格检查、找出错的那格改正。

B
Block palette积木清单

画面左边选积木的地方,积木按类别以颜色区分。

S
Script area程式区

画面中间叠积木、砌程式的地方。

3逐步讲解 Steps

  1. 介面四大区打开 Scratch,画面分为四大区:左边是积木清单,所有积木按类别排列,供拖出使用;中间是程式区,把积木拖到这里叠合成程式;右上方是舞台,角色在这里表演,可以即时看到运行结果;右下方是角色列表,管理所有角色(Sprite)。基本操作流程:从清单把积木拖到程式区叠好,再点击舞台上方绿旗,程式就会开始执行,舞台随时显示效果。
  2. 积木分类看颜色积木按功能分为多个颜色类别:动作 Motion(蓝色)控制移动与转向;外观 Looks(紫色)控制文字泡泡、大小与颜色效果;音效 Sound(桃红色)播放声音;事件 Events(黄色)负责启动程式,例如「当绿旗被点击」;控制 Control(橙色)提供重复与判断;侦测 Sensing(浅蓝色)用于提问与感应接触。记住颜色与类别的对应,需要什么功能就能立即找到相应的积木。
  3. 第一个程式第一个程式只需三格积木:从事件类拖出「当绿旗被点击」,接上动作类的「移动 10 步」,再接外观类的「说 你好!2 秒」。点击绿旗测试:猫咪向前移动,头上弹出泡泡显示「你好!」。这种由上至下一格接一格执行的方式称为顺序(Sequence)——Scratch 永远先执行最上面的积木,做完一格才轮到下一格,次序绝不会乱。
  4. 加互动想增加互动,可以改用键盘事件:把「当绿旗被点击」换成「当按下 空白键」,程式就会在按空白键时才执行。事件积木必须放在一叠积木的最顶端,它是程式的启动开关——没有事件开头,下面的积木叠得再整齐也不会执行。可以试试设计两个不同事件:绿旗启动一个动作,空白键启动另一个动作,同一个作品便有两种玩法,更加有趣。
  5. 除错 Debug程式出错完全正常,修正错误的过程称为除错(Debug)。方法是一格一格检查:单击某一格积木,观察它的即时效果;对照「我期望它做什么」与「它实际做了什么」的差距,找到出错的那一格,直接修改参数或更换积木即可,不必整个程式重写。例如猫咪转错方向,只需把「右转 90 度」改成「左转 90 度」,再按绿旗测试一次,确认修正生效。
  6. 新增角色与储存作品在角色列表按「新增角色」按钮,可以从图库挑选、用画笔绘制或上载电脑中的图片;点击舞台的背景缩图,则可以更换背景,例如选「教室」或「街道」,令作品更有情境。完成后切记储存:用「档案 → 储存到电脑」,作品会存成 .sb3 档案;下次开启 Scratch 时用「档案 → 从电脑载入」,即可重新打开这个作品,继续编辑或加新的功能。

4图解 Diagrams

Scratch 介面四大区 Interface zones指令积木区动作・外观・声音事件・控制等左边:拣积木程式编辑区拖积木过嚟砌程式好似砌 LEGO中间:砌积木舞台区睇作品演出绿旗=开始右边:播放入门三步:① 拣角色 ② 拖「当绿旗被点击」+「移动」 ③ 揿绿旗试行Scratch 错咗唔会坏机——放心试,积木啱唔啱即刻见到
图 1:Scratch 介面四区

5例题示范 Example

例题:以下程式会令猫咪画出什么图案?「当绿旗被点击 → 重复执行 4 次[移动 50 步 → 右转 90 度]」

  1. 重复执行 4 次:即是走 4 段直路
  2. 每次走 50 步之后转右 90 度
  3. 4 段直路+4 次直角转弯
  4. 4 × 90 度 = 360 度:刚好转一个圈,回到起点
  5. 答案:猫咪会画出一个边长 50 步的正方形 — 这是经典的「画正方形」程式。

6常见错误 Mistakes

✗ 「积木叠在一起就会自动执行。」
✓ 一定要有事件积木开头(例如绿旗),否则程式不知道什么时候启动。
✗ 「想角色说话,用动作积木。」
✓ 移动转向用动作 Motion;说话变样用外观 Looks — 选对类别才做到想的效果。
✗ 「程式错了,只好从头再写。」
✓ 先除错 Debug:逐格试行找出错的那格,改那格就可以。
✗ 「把积木拖到程式区附近,它就会自己执行。」
✓ 散落、没有贴合的积木不会执行;积木必须紧贴叠在同一叠,并且以事件积木开头。

75 题快测 Quick check

Q1「当绿旗被点击」属于哪类积木?A. 事件 B. 动作 C. 外观

Q2角色 Sprite 在哪里表演?

Q3一叠积木是什么次序执行?

Q4Scratch 作品储存到电脑后,是什么副档名?

Q5「说 你好!2 秒」属于哪一类积木?

8重点回顾 Recap

  • Scratch=积木式程式,不用打字
  • 角色 Sprite 在舞台 Stage 上表演;事件(绿旗)负责启动
  • 积木由上至下顺序执行
  • 出错很正常:逐格除错 Debug
  • 积木按颜色分类:动作蓝、外观紫、事件黄、控制橙

同级其他科

同一科其他级别