Scratch 入門:第一個作品
基礎Scratch 用積木砌程式,不用打字。角色 Sprite 在舞台 Stage 上表演,由「當綠旗被點擊」啟動,積木由上至下一格格執行。
- Scratch=積木式程式,不用打字
- 角色 Sprite 在舞台 Stage 上表演;事件(綠旗)負責啟動
- 積木由上至下順序執行
§課文原文 Passage
1Scratch 是美國麻省理工學院(MIT)開發的圖形化編程工具:使用者像砌積木一樣,把彩色的指令積木拖放到程式區疊合起來,便組成可以執行的程式。由於不必背誦語法,初學者能夠專心掌握順序、循環、條件三大基本結構,還可以加入角色、音效與背景,令作品更生動有趣。
2製作第一個作品時,通常先選定舞台背景,再從事件類別拖出「當綠旗被點擊」積木,下面疊上「移動 10 步」「說你好」等指令;按一下綠旗,角色便會動起來,結果即時呈現,成功感十足。熟練之後可以加入偵測與重複積木,例如感應滑鼠、計算次數、加入計分與音效,設計更完整的小遊戲或互動故事。
3香港不少中小學都舉辦 Scratch 比賽,香港科學館與教育局亦設有免費工作坊及教學材料。把背景與角色換成港鐵列車、大排檔或街市場景,作品便多了一份香港味道。在 Scratch 中學會的邏輯思維與結構概念,將來學習 Python 等文字編程語言時都能直接派上用場。
1重點摘要 Summary
Scratch 用積木砌程式,不用打字。角色 Sprite 在舞台 Stage 上表演,由「當綠旗被點擊」啟動,積木由上至下一格格執行。
2生字卡 Vocabulary
在舞台上行動的主角:貓咪、球、任何圖案。
畫面背景,角色表演的地方。
觸發程式的開關,例如「當綠旗被點擊」、「當按下空白鍵」。
積木由上至下一格格執行。
動作(藍色)控制移動轉向;外觀(紫色)控制說話、變大小變色。
程式出錯叫 bug;逐格檢查、找出錯的那格改正。
畫面左邊選積木的地方,積木按類別以顏色區分。
畫面中間疊積木、砌程式的地方。
3逐步講解 Steps
- 介面四大區打開 Scratch,畫面分為四大區:左邊是積木清單,所有積木按類別排列,供拖出使用;中間是程式區,把積木拖到這裏疊合成程式;右上方是舞台,角色在這裏表演,可以即時看到運行結果;右下方是角色列表,管理所有角色(Sprite)。基本操作流程:從清單把積木拖到程式區疊好,再點擊舞台上方綠旗,程式就會開始執行,舞台隨時顯示效果。
- 積木分類看顏色積木按功能分為多個顏色類別:動作 Motion(藍色)控制移動與轉向;外觀 Looks(紫色)控制文字泡泡、大小與顏色效果;音效 Sound(桃紅色)播放聲音;事件 Events(黃色)負責啟動程式,例如「當綠旗被點擊」;控制 Control(橙色)提供重複與判斷;偵測 Sensing(淺藍色)用於提問與感應接觸。記住顏色與類別的對應,需要什麼功能就能立即找到相應的積木。
- 第一個程式第一個程式只需三格積木:從事件類拖出「當綠旗被點擊」,接上動作類的「移動 10 步」,再接外觀類的「說 你好!2 秒」。點擊綠旗測試:貓咪向前移動,頭上彈出泡泡顯示「你好!」。這種由上至下一格接一格執行的方式稱為順序(Sequence)——Scratch 永遠先執行最上面的積木,做完一格才輪到下一格,次序絕不會亂。
- 加互動想增加互動,可以改用鍵盤事件:把「當綠旗被點擊」換成「當按下 空白鍵」,程式就會在按空白鍵時才執行。事件積木必須放在一疊積木的最頂端,它是程式的啟動開關——沒有事件開頭,下面的積木疊得再整齊也不會執行。可以試試設計兩個不同事件:綠旗啟動一個動作,空白鍵啟動另一個動作,同一個作品便有兩種玩法,更加有趣。
- 除錯 Debug程式出錯完全正常,修正錯誤的過程稱為除錯(Debug)。方法是一格一格檢查:單擊某一格積木,觀察它的即時效果;對照「我期望它做什麼」與「它實際做了什麼」的差距,找到出錯的那一格,直接修改參數或更換積木即可,不必整個程式重寫。例如貓咪轉錯方向,只需把「右轉 90 度」改成「左轉 90 度」,再按綠旗測試一次,確認修正生效。
- 新增角色與儲存作品在角色列表按「新增角色」按鈕,可以從圖庫挑選、用畫筆繪製或上載電腦中的圖片;點擊舞台的背景縮圖,則可以更換背景,例如選「教室」或「街道」,令作品更有情境。完成後切記儲存:用「檔案 → 儲存到電腦」,作品會存成 .sb3 檔案;下次開啟 Scratch 時用「檔案 → 從電腦載入」,即可重新打開這個作品,繼續編輯或加新的功能。
4圖解 Diagrams
5例題示範 Example
例題:以下程式會令貓咪畫出什麼圖案?「當綠旗被點擊 → 重複執行 4 次[移動 50 步 → 右轉 90 度]」
- 重複執行 4 次:即是走 4 段直路
- 每次走 50 步之後轉右 90 度
- 4 段直路+4 次直角轉彎
- 4 × 90 度 = 360 度:剛好轉一個圈,回到起點
- 答案:貓咪會畫出一個邊長 50 步的正方形 — 這是經典的「畫正方形」程式。
6常見錯誤 Mistakes
75 題快測 Quick check
Q1「當綠旗被點擊」屬於哪類積木?A. 事件 B. 動作 C. 外觀
Q2角色 Sprite 在哪裡表演?
Q3一疊積木是什麼次序執行?
Q4Scratch 作品儲存到電腦後,是什麼副檔名?
Q5「說 你好!2 秒」屬於哪一類積木?
8重點回顧 Recap
- Scratch=積木式程式,不用打字
- 角色 Sprite 在舞台 Stage 上表演;事件(綠旗)負責啟動
- 積木由上至下順序執行
- 出錯很正常:逐格除錯 Debug
- 積木按顏色分類:動作藍、外觀紫、事件黃、控制橙