← 回首頁

老師使用說明

這份說明是給帶課老師使用的。照下面順序操作即可,不需要先懂程式或專案設定。

上課前 30 秒

  1. 用 iPad 或電腦開啟 https://tmparz.github.io/re-blockly-game/。
  2. 要上自製闖關課程,就留在首頁;要玩 Google Blockly Games 的六個教學遊戲,點「Blockly Games 觸控版」。
  3. iPad 建議橫向使用,畫面會比較寬,拖拉積木也比較容易。
  4. 先讓學生做一關;卡住時先按「提示」,老師需要示範時再按「示範」。
進入 Blocky Easy 進入 Blockly Games 觸控版

備課三頁

第二、第三階段只要看這三頁就能帶課:本頁下半部說明怎麼帶、不插電活動卡可以直接列印、解答頁有每一關的參考積木。想知道誰卡在哪一關,請學生按「📊」產生進度碼,用 iPad 相機掃進全班進度。每週要上哪幾關,請看第二階段課程頁和第三階段課程頁。

🖨️ 不插電活動卡 🔑 解答頁 📊 全班進度

要選哪一套?

Blocky Easy

適合完整帶課。共有 100 關,從移動、Repeat、For、While、If 到綜合挑戰,老師可以依程度選關卡。

Blockly Games 觸控版

適合延伸活動。包含 Bird、Turtle、Movie、Music、Pond Tutor、Pond,已把數字、角度與音符輸入改成較適合 iPad 的觸控操作。

Blocky Easy 怎麼帶

按鈕老師可以怎麼說
執行「先跑一次,看看小隊員會走到哪裡。」
回到起點角色回到本關起點,但學生排好的積木會保留,適合修改後再測一次。
重來清掉目前程式,讓學生重新排積木。
提示先給方向,不直接公布完整答案。
示範老師需要講解時才使用,系統會放入參考積木。
下一關完成後直接往下一題。

iPad 操作重點

學生卡住時,老師先看這裡

首頁出現「Blockly 沒有載入」

Blocky Easy 首頁目前會從 unpkg.com 載入 Blockly,所以教室網路需能連外。先確認網路,再重新整理頁面。

iPad 點數字卻不能輸入

請確認學生進入的是本站的「Blockly Games 觸控版」。觸控版會跳出大型數字/角度/音符選擇器,不依賴 iPad 系統數字鍵盤。

學生一直過不了

先看關卡的「方塊數限制」與「提示」。有些關卡刻意要求使用 Repeat、For、While 或 If,單純堆很多前進積木不一定會通過。

授權與來源說明

Blockly Games 原始專案:google/blockly-games;原始遊戲網站為 blockly.games。原專案版權屬 Google LLC 與 Blockly Games 貢獻者,主要程式採 Apache License 2.0。

本站做的調整:為 iPad 教學加入大型觸控數字、角度、音符輸入,保留繁體中文/英文資源,並隱藏原站需要伺服器的分享與 Gallery 功能。Bird 與其他五個遊戲的原關卡規則與驗證邏輯仍由原 Blockly Games 程式處理。

第三方元件:專案內還包含 ACE Editor(BSD)、SoundJS(MIT)、JS-Interpreter(Apache-2.0)與 Babel(MIT)等原始第三方元件;相關版權與授權文字保留在專案檔案中。

教學使用:老師可直接在課堂使用本網站。若要把 Blockly Games 的程式或改作版本再散布,請保留原版權、授權與 NOTICE,並清楚標示修改內容。Apache-2.0 不授與 Google 商標使用權,也不代表 Google 對本網站背書。

本站自製內容:Blocky Easy 的自製關卡、介面、文件與本機改動採 Apache License 2.0;第三方程式與素材仍依各自原始授權。根目錄請見 LICENSE 與 NOTICE。

完整技術註記請見專案內 bird-game/NOTICE.md、bird-game/LICENSE 與 blockly-games/NOTICE.md。

老師上課可以直接照這個節奏

  1. 先示範一關:只講「拖積木 → 執行 → 看結果」。
  2. 讓學生自己做 2~3 關,老師只回答操作問題。
  3. 開始出現 Repeat/For 後,再請學生說出「哪一段一直重複」。
  4. 進入 While/If 後,先請學生用中文說規則,再去排積木。
  5. 最後用「示範」對答案,請學生比較自己的做法和參考解法差在哪裡。

第二、第三階段:Quest Lab 與 Story Lab

階段週數上什麼課程頁
第二階段 Code Builders14 週Quest Lab:抓蟲 10、函式 20、數數 20 關;Story Lab:故事挑戰 8、產品工坊 8 版、期末專題course.html
第三階段 Code Inventors16 週Quest Lab:參數、比較與邏輯、多個變數、串列、演算法比賽、函式大師;Story Lab:遊戲工作室 8 版、我的遊戲course-advanced.html

Quest Lab 按鈕

上方單元列深色按鈕切換第二/第三階段;單元下面的圓點是每一關,打勾代表做過。可以直接貼網址開某一關,例如 quest.html?unit=logic&m=3。
▶ 執行Robo 會在每一張地圖上跑一次。很多關有 2~3 張地圖,只在一張成功不算過關,這是故意的(測試不同情況)。
🔮 猜猜看第三階段每個單元的開頭和結尾各一關,圓點顯示 🔮、不佔關卡編號(網址是 m=p1、m=p2)。程式已經寫好、不能改,學生先選答案再按執行;第一次猜對 ⭐⭐⭐,猜錯會自動打開追蹤表,之後猜對 ⭐⭐。開頭那關適合全班一起猜(舉手投票),結尾那關可以當形成性評量。
⏭ 一步每按一下,Robo 只做一個動作,正在執行的積木會發亮。執行到一半按「一步」會暫停,再按「▶ 執行」會接著跑完。適合除錯:「下一步它會去哪裡?先猜再按。」
📋 追蹤表每一步一列,記下每個變數和串列;有變的格子會變黃。只會出現已經走過的步驟,可以先請學生預測下一列。遞迴的關卡多兩欄:「🌀 層」是函式呼叫到第幾層,「🎛️ 輸入」是那一層收到的數字。
↺ 回起點/🧹 重新開始回起點保留積木;重新開始會換回這一關的起始程式。
需要提示嗎?只給方向,不給完整答案。先讓學生按這個。
💡 解答放入參考積木,見下面的「什麼時候按解答」。
⭐ 星星過關 ⭐⭐;方塊數不超過參考解法 ⭐⭐⭐。星星存在那一台 iPad 的瀏覽器裡。

Story Lab 按鈕

上方路線深色按鈕輪流切換「🎬 故事 → 🛠️ 產品 → 🎮 遊戲」。產品和遊戲路線的每一版,會自動接著學生自己上一版的程式。
目標清單學生一邊做,清單一邊打勾;全部打勾就過關。✨ 期末專題的清單就是評量規準。
💡 範例/🧹 清空都會取代目前的積木,按之前會先問。
🎦 發表全螢幕只顯示舞台,上台展示用。
📤 分享輸入名字或選座號,產生 QR code。同學用 iPad 相機掃描就能打開、改編。

每節課 45 分鐘

5 分

暖身:上一節的一個 bug。

10 分

不插電活動卡,或投影示範新單元的第一關。

20 分

兩人一組闖關(Driver 操作、Navigator 看提示,每 5 分鐘交換)。

10 分

請一組分享解法,寫出場小卡。

什麼時候按「💡 解答」

學生最常卡住的地方

單元卡住的地方老師可以問
🐞 抓蟲一次改很多地方,或整段刪掉重寫。「你只改一個方塊,再跑一次,有什麼不一樣?」
🧩 函式只有定義、沒有呼叫,Robo 不會動。「食譜寫好了,有人叫你煮嗎?」
🔢 數數「設為 0」放進迴圈,每圈都歸零;直接說答案,換地圖就錯。「換一張地圖,答案還對嗎?」
🎬 故事兩個角色同時說話,沒有加等待。「誰先說?另一個人要等幾秒?」
🛠️ 產品規則沒有放進「一直重複」,只檢查一次。「這個規則是什麼時候被檢查的?」
🎛️ 參數分不清該改「送進去的數字」還是改函式。「是做法錯了,還是點的份數錯了?」
⚖️ 邏輯分數 0、2、4、6 永遠不會「= 5」;「> 3」不包含 3。「剛好 3 的時候會怎樣?」
🎒 多個變數下拉選單選錯盒子;交換時弄丟一個數字。「這個方塊改的是哪一個盒子?」
📦 串列漏掉最後一個(邊界);只記「最大是多少」,沒記「第幾個」。「最後一排有沒有被算到?」
🧪 演算法以為有一種規則永遠最快。「換這張地圖,哪個規則比較省電?」
🌀 函式大師遞迴送「輸入」而不是「輸入 − 1」,停不下來;忘了回傳。「每呼叫一次,數字有沒有變小?」
🎮 遊戲按了 🛑 全部停止之後,點角色沒反應。「遊戲結束了,要怎麼重新開始?」

第 15 週:交換作品與改編(第三階段)

  1. 學生在「✨ 我的遊戲」按「📤 分享」,輸入名字或選座號,畫面會出現 QR code。
  2. 同學用 iPad 相機掃描,打開後標題下面會固定顯示「🔁 改編自:○○ 的作品」。
  3. 改編的作品,檢查表會多一項「📝 標示原作者」:要讓角色說出原作者的名字,例如「改編自 小明」。
  4. 改編完可以再分享,原作者會一直跟著(最多記 3 代)。
  5. 如果原本這一關已經有積木,打開分享時會先問要不要取代。提醒學生先分享自己的作品,再去打開別人的。

作品資料只放在網址裡,不會上傳到任何伺服器。QR code 需要網路才能產生;沒有網路時可以複製連結,用 AirDrop 傳。