自己畫一個迷宮,點一下老鼠,牠就會跟著你的滑鼠走。碰到藍色的牆就被送回起點,一路走到紅點就過關,背景換成慶祝畫面。這次的新東西是「碰到顏色」:Scratch 不用知道牆在哪裡,只要看老鼠有沒有碰到牆的顏色

今天要做出來的作品

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

按下綠旗後:

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

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

學習目標

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

遊戲規則

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

步驟 1:畫迷宮背景

  1. 開新專案,刪掉小貓。
  2. 點右下角的舞台 →「背景」分頁 → 用矩形工具全部用同一個藍色畫出迷宮的牆:先畫四邊的外框,再畫幾道橫牆(左右輪流留出口)和幾道矮牆。
  3. 左上角畫一個淡綠色圓當起點,右下角畫一個紅色實心圓當終點。背景名字改成「迷宮」。
  4. 再選一張慶祝用的背景(範例是 Party)。

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

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

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

步驟 2:放老鼠、建變數

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

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

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

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

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

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

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

老鼠的程式

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

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

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

偵測類的「碰到顏色?」
動作類的「定位到 隨機 位置」:拖出來後把下拉選單改成「鼠標」

當角色被點擊:

  1. 說出(空白),把上一句話擦掉。
  2. 重複直到 碰到顏色(紅)?

定位到 鼠標 位置 – 如果 碰到顏色(藍)? 那麼:定位到起點 → 撞牆次數改變 1 → 說出「撞牆了!回起點再點我一次」→ 停止 這個程式

  1. 重複結束(代表碰到紅色)→ 廣播「過關」 → 說出「我走出來了!」。

怎麼設定碰到顏色的顏色:點「碰到顏色」上的色塊 → 最下面的滴管 → 移到舞台上點一下牆,就會吸到一模一樣的藍色。紅色也用同樣的方法到紅點上吸。

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

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

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

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

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

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

步驟 6:存檔

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

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

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

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

換成你自己的(必做)

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

挑戰(做完的人選一題)

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

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

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