圖看不清楚就點一下,用滾輪或下方拉桿放大,按住圖片可以移動,按 × 關閉。

📦 動手前先下載素材

這幾樣是自己畫的,Scratch 素材庫裡找不到,點按鈕下載:

⬇ 迷宮.svg

放進專案:

  • 🖼️ 背景:滑鼠移到舞台區右下角的「選個背景」→ 點「上傳背景」

講義寫「畫」的地方,直接用這些檔案(想自己畫也可以)。上傳的只有造型,程式還是要照講義自己拼。

做一個迷宮:點老鼠後用滑鼠帶牠走,碰藍牆回起點,走到紅點就過關、換慶祝背景。今天練「碰到顏色」,用牆的顏色判斷撞牆。

今天要做出來的作品

執行結果:起點等待、撞牆回起點、沿走道前進、碰到紅點過關

按下綠旗後:

  1. 老鼠在左上角的綠色起點說「點我一下,再用滑鼠帶我走到紅點!」。
  2. 點一下老鼠,牠就跟著滑鼠走。碰到藍色的牆,馬上回到起點,「撞牆次數」加 1,要再點一次才能繼續。
  3. 走到右下角的紅點,背景換成氣球慶祝畫面,老鼠說「我走出來了!」。

老師上課會先打開 04_迷宮遊戲.sb3 按一次綠旗,大家一起看成品長什麼樣子。 📥 下載本堂講義 PDF

今天做什麼

做什麼做完會有什麼
步驟 1:放迷宮背景藍牆、綠起點、紅終點
步驟 2:放老鼠、建變數老鼠能放進走道
步驟 3:寫舞台程式綠旗換回迷宮
步驟 4:準備老鼠開場起點說明、次數歸零
步驟 5:寫走迷宮程式撞牆回起點、紅點過關
步驟 6:存檔作品交到 Classroom

學習目標

  • 會用「碰到顏色?」判斷撞牆和到終點,會用滴管從舞台上吸顏色
  • 會用「定位到 鼠標 位置」讓角色跟著滑鼠走
  • 會用「背景換成」+廣播做出「過關換背景」
  • 會用「停止 這個程式」讓撞牆後一定要重新開始
  • 複習:重複直到、如果、變數

遊戲規則

項目規則
怎麼開始點一下老鼠,牠就開始跟著滑鼠
撞牆碰到藍色(牆的顏色)→ 回起點、撞牆次數 +1、要再點一次老鼠
過關碰到紅色(終點的顏色)→ 背景換成慶祝畫面
重新開始按綠旗:背景換回迷宮、撞牆次數歸零、老鼠回起點

步驟 1:放迷宮背景

  1. 開新專案,刪掉小貓。
  2. 迷宮:用這頁最上面下載的「迷宮.svg」——滑鼠移到右下角的「選個背景」→「上傳背景」,選這個檔案。背景名字就是「迷宮」:藍色的牆、左上角淡綠色起點、右下角紅色終點。
  3. 再選一張慶祝用的背景(範例是 Party)。

想自己畫迷宮也可以:點舞台 →「背景」分頁 → 用矩形工具,全部用同一個藍色畫牆(先畫外框,再畫幾道橫牆,左右輪流留出口);左上角畫淡綠色圓當起點、右下角畫紅色實心圓當終點,背景名字改成「迷宮」。

💡 為什麼牆一定要全部同一個顏色?等一下程式只會問「碰到這個藍色了嗎?」。如果有一道牆的藍色深一點點,Scratch 會當成另一種顏色,老鼠就能直接穿過那道牆。

💡 為什麼走道要留寬一點(至少比老鼠寬一倍)?「碰到顏色」是看老鼠身上任何一點有沒有碰到牆。走道太窄,老鼠一走進去身體邊邊就擦到牆,怎麼走都會被送回起點。

💡 為什麼起點是淡綠色、不是紅色?程式把「紅色」當成終點。起點、裝飾、角色本身,都不要用到跟牆或終點一樣的顏色,不然會一開始就「撞牆」或「過關」。

✅ 檢查點:迷宮有藍色牆、左上淡綠起點、右下紅終點,另有 Party。

步驟 2:放老鼠、建變數

  1. 選個角色 → Mouse1,名字改成「老鼠」,尺寸 40。
  2. 變數類「建立一個變數」→「撞牆次數」,選「適用於所有角色」。

💡 為什麼尺寸要改小?官方老鼠原本的大小比走道還寬,塞不進迷宮。先把老鼠拖進最窄的走道看看,上下左右都還有空隙才算剛好。

✅ 檢查點:老鼠放進最窄走道,上下左右都還有空隙。

步驟 3:舞台——開始是迷宮、過關換背景

舞台的程式
  • 當綠旗被點擊 → 背景換成「迷宮」
  • 當收到訊息「過關」→ 背景換成「Party」

先建「過關」:點「當收到訊息」下拉選單 →「新的訊息」,打「過關」。步驟 5 老鼠到紅點時會廣播它。

💡 為什麼綠旗要把背景換回「迷宮」?背景跟角色一樣會「記住」。上一次過關後停在 Party,不換回來的話,下次按綠旗老鼠就站在氣球畫面上,沒有牆也沒有紅點。

💡 為什麼換背景要用廣播叫舞台做,不讓老鼠自己換?老鼠其實也拿得到「背景換成」積木。但「過關以後要做的事」可能不只換背景(放音樂、顯示分數、下一關…),用廣播喊一聲「過關」,想做事的角色和舞台各自收到就做,以後要加東西不用改老鼠的程式。

✅ 檢查點:按綠旗,舞台換回「迷宮」。

步驟 4:老鼠——綠旗準備

老鼠的程式

綠旗那段:定位到起點 → 撞牆次數設為 0 → 顯示 → 說出「點我一下,再用滑鼠帶我走到紅點!」。

💡 為什麼要「點一下才開始」,不是綠旗一按就跟著滑鼠?按綠旗的時候,滑鼠停在舞台上方的綠旗按鈕那裡,老鼠一跟過去就會先穿過一堆牆(或直接碰到牆被送回來)。先讓玩家把滑鼠移到老鼠身上再點,老鼠才會從起點出發。

✅ 檢查點:按綠旗,老鼠在起點說操作說明,撞牆次數是 0。

步驟 5:老鼠——跟著滑鼠走、撞牆回起點

當角色被點擊:

  1. 說出(空白),把上一句話擦掉。
  2. 重複直到 碰到顏色(紅)?:
    • 定位到 鼠標 位置
    • 如果 碰到顏色(藍)? 那麼:定位到起點 → 撞牆次數改變 1 → 說出「撞牆了!回起點再點我一次」→ 停止 這個程式
  3. 重複結束(代表碰到紅色)→ 廣播「過關」 → 說出「我走出來了!」。

⚠️ 注意:點「碰到顏色」的色塊 → 最下面的滴管 → 點舞台的牆,吸取相同的藍色;紅色也到紅點上吸。

點色塊,用最下面的滴管到舞台上吸顏色

💡 為什麼要用滴管,不要自己拉顏色、彩度、亮度?顏色要「一模一樣」才算碰到。用拉的很難剛好拉到牆的那個藍,差一點點就永遠碰不到。滴管是直接從舞台上抓,保證完全一樣。

💡 為什麼撞牆後要「停止 這個程式」?只把老鼠送回起點的話,迴圈還在跑,下一格畫面又「定位到鼠標」,老鼠一眨眼就回到滑鼠那裡、又撞到牆,會一直閃。停止這個程式之後,老鼠乖乖待在起點,要玩家把滑鼠移回來再點一次,才算重新出發。

💡 為什麼「回起點」要放在「停止」前面?「停止 這個程式」一執行,下面的積木全部不會做。放在後面的話,程式停了卻沒回起點,老鼠就卡在牆邊。

💡 為什麼過關用「重複直到 碰到紅色」,不用另一個「如果 碰到紅色」?迴圈一直跟著滑鼠走,直到碰到紅色才跳出來;跳出來以後才做下面的「廣播過關」。這樣過關只會喊一次,而且過關後老鼠就不再跟著滑鼠。

✅ 檢查點:按綠旗,點老鼠後牠會跟著滑鼠;故意碰牆,老鼠回起點、撞牆次數 +1,不點牠就不會再動;沿著走道走到紅點,背景換成慶祝畫面;再按綠旗,一切回到開始的樣子。

步驟 6:存檔

檔案 → 下載到你的電腦,再上傳到 Google Classroom。

💡 線上版 Scratch 沒有登入不會幫你存檔。下課前沒下載,關掉分頁作品就不見了。

✅ 檢查點:作品已下載到電腦,並上傳到 Google Classroom。

收不到、不會動?先查這幾件事

狀況多半是
老鼠穿牆也不會回起點「碰到顏色」的顏色跟牆不一樣(改用滴管吸);或那道牆畫成了另一種藍
一點老鼠就馬上說撞牆了走道太窄、老鼠太大;或起點圈用了牆的顏色
撞牆後老鼠一直閃來閃去少了「停止 這個程式」
撞牆後老鼠卡在牆邊「定位到起點」放在「停止」下面,沒做到
碰到紅點不會過關紅色沒用滴管吸;或紅點畫太小、老鼠碰不到
過關後背景沒換「過關」訊息名稱打錯;或舞台沒寫「當收到訊息 過關」
第二次玩背景還是氣球舞台的綠旗少了「背景換成 迷宮」
滑鼠移很快,老鼠直接跳過牆定位到鼠標是「瞬間移動」,牆太薄就會被跳過。牆畫粗一點,或提醒玩家慢慢移

換成你自己的(必做)

  • ☐ 自己畫一個不一樣的迷宮,至少要轉 3 個彎
  • ☐ 換掉走迷宮的角色和過關背景
  • ☐ 至少改一條規則:例如撞牆超過 3 次就「遊戲結束」、或撞牆只退一小步不回起點

挑戰(做完的人選一題)

  • ★ 在迷宮裡加一顆會動的障礙物(一個角色用滑行來回走),碰到它也要回起點(提示:多一個「如果 碰到 障礙物?」)。
  • ★ 過關時播放音效,並說出「你撞了 ○ 次牆」(提示:字串組合)。
  • ★★ 加計時器:10 秒內沒走到就說「時間到!回起點」(舊版就有這個規則,想想計時器要在什麼時候重置)。
  • ★★ 做第二關:再畫一張「迷宮 2」,過關時先換到迷宮 2、老鼠回起點,走完第二關才換成慶祝背景。
  • ★★★ 改成用方向鍵走迷宮:按 → 就 x 改變 5,如果碰到牆的顏色就 x 改變 -5 退回來(撞牆退一步,不用回起點)。

互看檢查表(兩人互相打勾)

  • ☐ 迷宮的牆都是同一個顏色,老鼠碰到任何一道牆都會回起點
  • ☐ 撞牆後不點老鼠,老鼠就不會動
  • ☐ 走到紅點會換背景,再按綠旗背景會換回迷宮
  • ☐ 撞牆次數會累加,重新開始會歸零
  • ☐ 說得出:老鼠身上的程式是什麼意思?(跟著滑鼠 → 撞牆就回起點並停止 → 碰到紅色才跳出迴圈過關)
  • ☐ 說得出:你還能怎樣讓這個迷宮更難?(加障礙物、加時間限制、加關卡)