文章已取消收藏!
找文章

Scratch 怎麼用?網頁版、桌面版差在哪?教你 20 分鐘做出第一個遊戲

2026.10.17
陳祈安
Scratch 怎麼用?網頁版、桌面版差在哪?教你 20 分鐘做出第一個遊戲

近期「高中生會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目前支援超過70種語言,包含繁體中文,切換方式有兩種:

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

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

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

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

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

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

在Scratch中,每個角色都有自己的程式空間
在Scratch角色區點選貓咪,程式編輯區就只顯示貓咪的程式;點選球,畫面就換成球的程式,每個角色都有自己的程式空間。
圖片來源:

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

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

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

動手做之前,你需要:

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

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

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

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

Scratch步驟1:開啟Scratch,建立新專案
進入Scratch官網,點選左上角的「創造」,就會打開一個新專案。
圖片來源:

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

步驟2:選擇角色與背景

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

  1. 點選角色區右下角的貓臉圖示「選個角色」
  2. 搜尋「Ball」,點選加入舞台
  3. 點選背景區的「選個背景」,挑一張喜歡的場景
Scratch步驟2:選擇角色與背景
在右下的角色區與背景區,加入球角色和一張喜歡的場景。
圖片來源:

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

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

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

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

Scratch步驟3:加入移動指令,用方向鍵控制貓咪
幫貓咪組好4段方向鍵程式,按方向鍵就能控制貓咪移動。
圖片來源:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Scratch遊戲沒反應怎麼辦?用「除錯方式」找問題

Scratch的指令都是現成的積木,不用自己打字,所以不會出現打錯字、漏括號這類語法錯誤;但積木順序不對、程式放錯角色,遊戲還是會跑出意料之外的結果。編輯器上方選單有一個「除錯方式」按鈕,點開會跳出「程式除錯小撇步」視窗,官方在裡面整理了13種除錯方法。

遊戲沒反應怎麼辦?用Scratch「除錯方式」找問題
Scratch編輯器「除錯方式」按鈕會開啟「程式除錯小撇步」視窗,共有13種除錯方法。
圖片來源:

以製作「貓咪抓球」為例,便有使用到這3種方法:

除錯方法 怎麼做
拆解成小程式 把程式分成幾小段,分別點一下執行,確認每段都沒問題後再組回去
放慢運行速度 暫時加入「等待」積木讓動作變慢,比較看得出哪一步出錯,修好後再移除
檢查程式的位置 確認程式寫在正確的角色上,例如判斷「碰到Ball」的程式要放在貓咪身上;放錯了,把整段程式拖到角色區的正確角色上即可

此外,如果遇到「在編輯器裡能動,按綠旗卻沒反應」的情況,建議先檢查每段程式最上方有沒有接「當綠旗被點擊」。在編輯器裡直接點一下程式就會執行,但按下綠旗時,只有接著這塊積木的程式才會啟動。

學完Scratch之後,下一步可以學什麼?

熟悉Scratch之後,如果想繼續往下學,可以從拖曳積木進階到用文字輸入程式碼,例如Python。Scratch已經讓孩子理解「重複」「條件判斷」等程式邏輯,換成Python時,要多學的主要是怎麼把這些邏輯寫成文字。兩者的差異如下:

比較項目 Scratch Python
程式設計方式 拖曳積木 輸入程式碼
學習門檻 較低,不會打錯字 需學習語法,打錯就無法執行
常見用途 動畫、遊戲、程式入門 資料分析、自動化、AI開發
適合對象 兒童與程式初學者 初學者至專業開發者

官方指出,學習Scratch能培養3種能力:創意思考、系統化推理,以及與他人協作。以本文的貓咪抓球遊戲為例,「球碰到邊緣要反彈、貓咪碰到球要說『抓到了!』」就是把一個遊戲規則拆解成電腦能執行的步驟,這正是系統化推理的練習。

Scratch常見問題FAQ

Q1:Scratch是免費的嗎?

A:是。Scratch官方表示Scratch永遠免費,學校、補習班、家庭使用都不需購買授權,開發與維護經費來自捐款與補助。

Q2:Scratch一定要下載才能使用嗎?

A:不用。在電腦或平板瀏覽器打開Scratch官網、點選「創造」就能使用網頁版;只有需要離線製作時,才要安裝Scratch App。

Q3:Scratch有繁體中文版嗎?

A:有。在編輯器點選上方選單「設定 > 語言」,就能把積木指令切換成繁體中文;在官網頁面最下方的語言選單選擇「繁體中文」,網站介面也會換成中文。

Q4:Scratch可以在平板或手機上使用嗎?

A:平板可以製作作品,手機只能玩和留言。依官方說明,用大多數智慧型手機的瀏覽器可以玩Scratch作品、留言,但無法建立作品;平板瀏覽器可以製作作品,但目前無法使用「當某鍵被按下」積木與右鍵選單。

Q5:Scratch不會英文也能學嗎?

A:可以。介面和積木都能切換成繁體中文,官方的入門教學影片也有中文版本;其他教學影片雖然是英文內容,但都附有中文字幕,不懂英文也能跟著完成入門作品。

Q6:Scratch做好的遊戲可以分享給別人嗎?

A:可以。註冊並驗證Email後,在作品頁面點選「分享」,就能把連結傳給朋友,對方不用登入也能直接玩。

圖片聲明:本文Scratch截圖依CC BY-SA授權使用。Scratch為Scratch基金會與MIT媒體實驗室合作專案,可於https://scratch.mit.edu免費使用。

資料來源:Scratch官方FAQ、Scratch基金會、Scratch下載頁、Scratch說明中心、臺北市教育局、嘉義縣忠和國中

本文初稿為AI編撰,整理.編輯/陳祈安

喜歡這篇文章嗎?分享或收藏起來!

登入未來商務會員

開啟專屬自己的主題內容,

每日推播重點文章

我還不是會員, 註冊去!
找文章 找解方