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
  • 積木按顏色分類:動作藍、外觀紫、事件黃、控制橙

同級其他科

同一科其他級別