科技教育創新專區 › 部落格

🐉 #121 仙人掌大逃亡:奔跑吧小墨龍!水墨風無盡跑酷,下課 10 分鐘的專注力極速挑戰

黃凱揚(阿凱老師) · 桃園市龍潭區石門國民小學 · 2026-07-27

#121 仙人掌大逃亡:奔跑吧小墨龍!全新東方水墨畫風網頁無盡跑酷遊戲,靈敏操控小墨龍跳躍與俯衝,穿梭千重仙人掌陣與飛鳥障礙,支援手機與電腦對決,下課 10 分鐘最佳班級專注力與舒壓挑戰。

下課 10 分鐘,學生在電腦教室沒事做怎麼辦?

在資訊課練習結束後,或者下課前的最後 5-10 分鐘,老師常常會給提前完成任務的學生一點自由探索的時間。

過去許多學生會習慣打開傳統 Chrome 小恐龍跑酷遊戲,雖然玩法簡單,但單色灰階的圖像與單一的操控久了缺乏文化美感與新鮮感。

「能不能有一款融入東方藝術美學,既能鍛鍊專注力與動態視覺,又能讓學生在 Chromebook 和手機上即開即玩的小遊戲?」

阿凱老師打造的 #121 仙人掌大逃亡:奔跑吧小墨龍 應運而生!

#121 怎麼解?核心功能與設計亮點

功能 A:東方古典宣紙與潑墨美學 遊戲以經典宣紙底色(#F5F0E8)為基礎,搭配線條流暢、古靈精怪的小墨龍以及各具態勢的水墨仙人掌障礙物。每一格畫面都宛如會動的水墨長卷。

功能 B:極致靈敏的雙鍵與觸控手感 支援鍵盤「Space/方向鍵上」(跳躍)與「方向鍵下」(俯衝),在手機和平板上支援滑動與按鈕觸控。演算精確至毫秒,確保每一次閃避都是最痛快的視覺反饋。

功能 C:動態漸進難度與高分榜激勵 隨著跑酷距離增加,速度與地形組合將逐漸變化,極度考驗眼手協調與專注力。系統自動記錄最高得分,班級同儕能互相切磋挑戰極限紀錄。

功能 D:極速無載入與 100% 免安裝 純 HTML5 Canvas 與 Vanilla JS 打造,體積輕巧,不佔據伺服器與硬體資源,低配電腦也能流暢 60FPS 運行。

真實技術棧

教學情境與老師回饋

「以前資訊課學生做完練習就吵著要自由時間,現在玩這款小墨龍,學生不只安靜專注,還能在視覺上欣賞水墨風格!」 —— 桃園市國小資訊教師

「下課 10 分鐘在教室電視畫面上開這款遊戲,學生輪流挑戰紀錄,氣氛超熱烈!」 —— 國小班級導師

配對工具推薦

適用對象

想試試?

→ 前往 #121 仙人掌大逃亡:奔跑吧小墨龍

立刻點擊連結,感受跳躍與俯衝的極速快感,挑戰你的最高跑酷紀錄!

開源原始碼:參考這個工具做出你的版本

阿凱老師大部分的教育工具都在 GitHub 公開原始碼,歡迎老師、學生與開發者參考改造成適合自己情境的版本。文章頁左下角的「複製 AI 開發提示詞」可把工具資料與原始碼連結一次交給 ChatGPT、Claude、Gemini 等 AI 助手。