Scratch是什麼?為何現在小學生都在學?免寫程式碼,5步驟教你做出第一個遊戲
Scratch是什麼?為何現在小學生都在學?免寫程式碼,5步驟教你做出第一個遊戲

近期「高中生會Scratch,卻不會用Word。」這句話在Threads上引起不少討論,也反映出現在學生接觸電腦的起點,已經和上一代不同。

Scratch是由美國麻省理工學院(MIT)媒體實驗室開發的免費程式設計工具,使用者不必輸入程式碼,只要用滑鼠拖曳、組合「積木」指令,就能做出動畫、互動故事和遊戲。本文整理Scratch的功能、網頁版與桌面版差異,並用5個步驟帶你完成第一個可以用鍵盤操作的小遊戲。

文章目錄

Scratch是什麼?適合幾歲的人學?
Scratch要下載嗎?網頁版、桌面版有什麼不同?
Scratch怎麼用?認識介面與5大基本功能
Scratch新手教學:5步驟做出第一個遊戲
Scratch遊戲沒反應怎麼辦?用「除錯方式」找問題
學完Scratch之後,下一步可以學什麼?
Scratch常見問題

Scratch是什麼?適合幾歲的人學?

Scratch是一套免費的視覺化程式語言,也是一個線上創作社群,2003年起由MIT媒體實驗室「終身幼兒園小組」開發。它和一般程式語言最大的不同,在於寫程式不用打字。

一般程式語言少打一個括號就無法執行,Scratch則把指令做成一塊塊積木,顏色、功能各不相同,接口形狀吻合才拼得起來。把積木組好,就能控制角色移動、說話、播放音效,做出動畫、遊戲和互動故事。

也因為上手門檻低,Scratch很適合當作孩子接觸程式的第一個工具。官方表示,Scratch主要為8至16歲設計,但各年齡層都有人使用;5至7歲的孩子則可以先從簡化版ScratchJr開始,熟悉後再轉到Scratch。

在台灣,108課綱於2019年8月上路後,程式設計成為國中必修課程,不少國中的資訊科技課就以Scratch做為程式入門,例如嘉義縣忠和國中112學年度七年級的課程計畫。

前往Scratch官網

Scratch要下載嗎?網頁版、桌面版有什麼不同?

Scratch不一定要下載,打開瀏覽器進入Scratch官網就能直接使用網頁版;需要在沒有網路的環境製作作品時,再安裝桌面版Scratch App即可。

Scratch網頁版vs.桌面版比較

比較項目 Scratch網頁版 Scratch桌面版(Scratch App)
是否免費 免費 免費
是否需要安裝 不需要 需要
是否需要網路 需要 編輯作品可離線
是否需要帳號 不一定,不登入可製作並下載到電腦,要存在雲端或分享則需帳號 不需要,且不用登入即進入編輯器
分享到社群 可直接分享 需另外上傳到官網
適合對象 一般初學者 需要離線、或不想讓孩子進入線上社群的家長與老師

Scratch App可安裝在Windows 10以上、macOS 10.13以上、ChromeOS,以及Android 6.0以上的平板(官方建議8吋以上螢幕),到Scratch下載頁選擇作業系統即可。

Scratch下載頁:選擇作業系統下載Scratch App
在Scratch下載頁,可選擇相應的作業系統下載Scratch App。
圖/ Scratch官網;數位時代整理

Scratch有中文版嗎?怎麼切換?

有。Scratch目前支援超過70種語言,包含繁體中文,切換方式有兩種:

  1. 在編輯器裡切換:點選編輯器上方選單的「設定 > 語言」,便可從下拉選單選擇「繁體中文」,積木指令就會全部變成中文。
Scratch如何切換中文版:在編輯器裡切換
Scratch切換中文方法1:在編輯器點選上方選單「設定 > 語言」,從下拉選單選擇繁體中文。
圖/ Scratch官網;數位時代整理
  1. 在官網頁面切換:把官網畫面捲到最下方,在語言下拉選單中選擇「繁體中文」,網站選單與介面就會換成中文。
Scratch如何切換中文版:在官網頁面切換
Scratch切換中文方法2:在官網頁面捲至最下方,從語言下拉選單選擇繁體中文。
圖/ Scratch官網;數位時代整理

Scratch怎麼用?認識介面與5大基本功能

Scratch編輯器可分成5個區域:左邊挑積木、中間組積木、右上看結果、右下管理角色與背景。

認識Scratch介面與5大基本功能
Scratch程式編輯器介面,由積木區、程式編輯區、舞台區、角色區與背景區組成。
圖/ Scratch官網;數位時代整理
區域 位置 功能
1.積木區 畫面左側 依顏色分類的指令,例如藍色「動作」、紫色「外觀」、黃色「事件」、橘色「控制」
2.程式編輯區 畫面中央 可拖曳並自由拼接積木,賦予指定角色一段動作程式。
3.舞台區 畫面右上 即時預覽作品,左上角的綠旗是「開始」、紅色八角形是「停止」
4.角色區 畫面右下 新增、刪除角色,調整角色的位置、大小與方向
5.背景區 角色區右側 更換舞台背景,切換遊戲或動畫場景

在Scratch編輯器中,每個角色都有自己的程式空間,如在角色區點選貓咪,程式編輯區就只顯示貓咪的程式;點選球,畫面就換成球的程式,原本的積木不會消失。程式分開存放,角色再多也不會混在一起。

組程式時也不必擔心拼錯。積木的凹凸接口就像拼圖,接不上的指令根本放不進去,新手可以專心想角色該怎麼動,不用煩惱語法寫得對不對。

在Scratch中,每個角色都有自己的程式空間
在Scratch角色區點選貓咪,程式編輯區就只顯示貓咪的程式;點選球,畫面就換成球的程式,每個角色都有自己的程式空間。
圖/ Scratch官網;數位時代整理

Scratch新手教學:5步驟做出第一個遊戲

本節要做的是「貓咪抓球」小遊戲:球會在舞台上不停反彈,玩家用方向鍵控制貓咪,每碰到球一次,貓咪就會說「抓到了!」,可以一直玩下去。

這個範例同時用到移動、重複、條件判斷3種基本概念,是能實際操作的互動遊戲。

動手做之前,你需要:

  • ✅ 一台有鍵盤的電腦(Windows、Mac或Chromebook皆可)
  • ✅ 瀏覽器:Chrome、Edge、Firefox或Safari
  • ✅ 約20分鐘
  • ❌ 不需要程式基礎、不需要付費、不一定要註冊帳號

⚠️ 本範例需要鍵盤。平板版無法使用「當某鍵被按下」積木,建議用電腦操作。

步驟1:開啟Scratch,建立新專案

進入Scratch官網,點選左上角的「創造」,就會打開一個新專案,舞台上預設有一隻橘色貓咪。不登入也能操作,作品可在最後一步下載到電腦。

Scratch步驟1:開啟Scratch,建立新專案
進入Scratch官網,點選左上角的「創造」,就會打開一個新專案。
圖/ Scratch官網;數位時代整理

第一次接觸Scratch的話,可以先看官方的入門教學影片,跟著影片熟悉拖曳積木的操作,再回來做這個小遊戲。

步驟2:選擇角色與背景

保留預設的貓咪角色,再加入一顆球:

  1. 點選角色區右下角的貓臉圖示「選個角色」
  2. 搜尋「Ball」,點選加入舞台
  3. 點選背景區的「選個背景」,挑一張喜歡的場景
Scratch步驟2:選擇角色與背景
在右下的角色區與背景區,加入球角色和一張喜歡的場景。
圖/ Scratch官網;數位時代整理

步驟3:加入移動指令,用方向鍵控制貓咪

先在角色區點選貓咪,再組出4段程式:

  1. 從「事件」拖出「當 空白 鍵被按下」,把「空白」改成「向右」
  2. 從「動作」拖出「x改變10」,接在下面
  3. 重複同樣動作,完成另外3組:
按鍵 接上的動作積木
向右 x改變10
向左 x改變-10
向上 y改變10
向下 y改變-10

x代表左右位置、y代表上下位置,數字是正的就往右或往上、負的就往左或往下。組好後按方向鍵,貓咪就會跟著移動。完成後,貓咪的程式編輯區的呈現如下圖:

Scratch步驟3:加入移動指令,用方向鍵控制貓咪
幫貓咪組好4段方向鍵程式,按方向鍵就能控制貓咪移動。
圖/ Scratch官網;數位時代整理

步驟4:讓球動起來,並偵測貓咪有沒有抓到球

這一步要幫球和貓咪各組一段程式。先在角色區點選球,組出以下程式(由上而下):

  1. 「事件」→「當綠旗被點擊」
  2. 「動作」→「面朝90度」,把90改成45,讓球斜著跑
  3. 「控制」→「重複無限次」
  4. 在「重複無限次」的開口裡依序放入「動作」→「移動10點」、「動作」→「碰到邊緣就反彈」

接著在角色區點選貓咪,另外組一段偵測有沒有抓到球的程式:

  1. 「事件」→「當綠旗被點擊」
  2. 「控制」→「重複無限次」
  3. 在「重複無限次」的開口裡放入「控制」→「如果 _ 那麼」,在空格中放入「偵測」→「碰到鼠標?」,並把「鼠標」改成球的角色名稱(預設為「Ball」)
  4. 在「如果」的開口裡放入「外觀」→「說出Hello!持續2秒」,把文字改成「抓到了!」

「重複無限次」讓球持續移動,「碰到邊緣就反彈」讓球撞到舞台邊界時改變方向。貓咪的「如果……那麼」放在「重複無限次」裡,遊戲進行時才會一直檢查有沒有碰到球;說完「抓到了!」後會繼續檢查,所以可以一直抓下去。

兩段程式最上方都要接「當綠旗被點擊」,按下綠旗時才會一起啟動。想提高難度,可把「移動10點」的10改大,球會跑得更快。

完成後,球和貓咪的程式分別呈現如下圖:

幫球和貓咪各組一段程式:球持續移動並碰到邊緣反彈,貓咪碰到球時說「抓到了!」
圖/ 數位時代

步驟5:執行、儲存與分享作品

點選舞台左上角的綠旗開始遊戲,按紅色停止鈕結束。作品有兩種存法:

  • 存到自己電腦:點上方選單「檔案」→「下載到你的電腦」,會得到.sb3檔案,不需要帳號。
  • 存在雲端並分享:登入後作品會自動儲存,也可以按右上角的「立刻儲存」;點上方選單的「分享」即可公開。分享前,帳號需先完成Email驗證。
Scratch步驟5:執行、儲存與分享作品
作品可從「檔案 > 下載到你的電腦」存到電腦,登入後也能按「立刻儲存」存在雲端。
圖/ Scratch官網;數位時代整理

分享到Scratch社群的作品,任何人都能查看程式並改編(官方英文稱為「Remix」)。不想公開的話,存在帳號裡不按分享即可。

做好的「貓咪抓球」範例可以在這裡試玩: