抽象變好玩:用遊戲翻轉二進位教學

更新 發佈閱讀 4 分鐘

當年,看著學生在面對抽象理論時流露出的無助神情,心裡一直思考:是否能把艱澀的學科內容,轉化為更友善更有趣的學習形式?如果理論能被包裝成遊戲,學生或許就不再那麼害怕。

vocus|新世代的創作平台

於是,我以二進位制的概念為基礎,結合數字組合的規律,設計出一套以「猜心中數字」為核心的紙卡遊戲。教學流程刻意安排為三個階段:

先講解二進位原理 → 進行猜數遊戲 → 再回扣理論解析。

當學生發現這個「讀心術」其實源自二進位的運算邏輯時,眼神從困惑轉為驚喜。他們開始明白:理論並不只是課本上的符號與定義,它也可以是一場魔術、一個遊戲,是可被體驗與驗證的知識。

後來,我將紙卡版本升級為 Excel 互動遊戲,透過公式自動計算,讓流程更順暢。如今在 AI 技術成熟的情境下,更進一步改寫為由 AI 支援的互動式網頁版本,使學生能在動態介面中操作與體驗。

從紙卡、到試算表、到 AI 網頁,每一次改版,都是為了同一個目標:讓抽象理論變得可見、可玩,也可理解。

遊戲玩法與原理

首先,請遊戲者在心中默想一個 1~31 之間的整數,不需說出口。

接著,依序出示卡片 A、B、C、D、E,請對方確認:「卡片上是否包含你心中所想的數字?」

只需回答「」或「沒有」。

每當對方回答「有」時,便將該卡片左上角(或第一個位置)所標示的數字記錄並進行累加;若回答「沒有」,則跳過不計。

當五張卡片檢視完畢後,所有被累加的數字總和,正是對方心中原本設定的數字。

這看似讀心的效果,實際上是透過精心設計的數字組合與加總邏輯所產生的結果。

vocus|新世代的創作平台

依據下圖所示規則,在 A、B、C、D、E 這五張卡片中,只要某張卡片上標示「1」,即代表該卡片需填入對應的數字。操作方式為:

先確認目標數字,接著查對該數字所對應標示為「1」的卡片位置,最後將該數字填入那些卡片中。例如:

  • 數字 3 對應的「1」出現在卡片 A 與 B,因此 3 應填入卡片 A、B。
  • 數字 5 對應的「1」出現在卡片 A 與 C,因此 5 應填入卡片 A、C。

其他數字亦依相同邏輯判定與填寫。(下圖是二進位數字由 0 ~ 31 轉換為二進制的結果)

vocus|新世代的創作平台


製作解說資訊圖表

先上傳這張圖片,再使用 Prompt
這是一個猜數字遊戲的圖卡,一共有A,B,C,D,E五張卡,遊戲是先讓使用者先在心中猜一個1~31的數字,然後電腦依序問每張卡片中是否有心中的數,如果有,則將卡片左上角的第一個數字列入加總。加總結果即為其心中數。加上關於2進制5個位數(EDCBA)共32個變化(引用上傳的圖片內容)的完整教學,文字使用繁體中文,將内容呈現著重在「結構清晰、圖文並茂、流程引導」等,製作成詳細的資訊圖表,使用視覺化設計,3:2版面。

產生以下的解說資訊圖表:

vocus|新世代的創作平台

設計遊戲互動式網頁

接著在 Gemini 中選取 Canvas 模式,並使用以下 Prompt
這是一個用於猜心中數字遊戲的圖卡,一共有A,B,C,D,E五張卡,遊戲是先讓使用者先在心中猜一個1~31的數字,然後電腦依序問每張卡片中是否有心中的數,如果有,則將卡片左上角的第一個數字列入加總。加總結果即為其心中數。為我將以上的遊戲做成互動式網頁。每個頁面不要超過視窗大小,注意界面的字體大小以利閱讀。以明亮而色彩豐富的視覺化設計呈現。

分享網址:https://gemini.google.com/share/8455b2588a02

vocus|新世代的創作平台

這個遊戲可以實際操作:

vocus|新世代的創作平台

最後,猜出心中數:

vocus|新世代的創作平台

再複習一下:

vocus|新世代的創作平台


留言
avatar-img
學不完.教不停.用不盡
238會員
190內容數
分享個人電腦教學,回答網友提問,解決資料處理與設計問題。
2026/02/11
在教學備課的歷程中,我已大量且系統性地運用 AI 作為輔助工具,不僅提升備課效率,也協助釐清教學目標與教材結構。同時,我也經常協助教師夥伴將 AI 導入教材協作流程,無論是既有教材的調整與優化,或是從零開始規劃全新的教學內容,AI 都能在構思、生成、修訂與延伸等不同階段提供實質幫助。
Thumbnail
2026/02/11
在教學備課的歷程中,我已大量且系統性地運用 AI 作為輔助工具,不僅提升備課效率,也協助釐清教學目標與教材結構。同時,我也經常協助教師夥伴將 AI 導入教材協作流程,無論是既有教材的調整與優化,或是從零開始規劃全新的教學內容,AI 都能在構思、生成、修訂與延伸等不同階段提供實質幫助。
Thumbnail
2026/02/10
在教學現場中,教師經常會遇到教材內容抽象、生硬,對學生而言理解門檻較高的情況。若能將這類教材加以圖像化,甚至進一步設計為具互動性的教學形式,往往能顯著提升學生的學習動機與理解效果,不僅降低認知負擔,也讓課堂氛圍更加活躍。然而,這樣的教學設計對教師而言,往往也代表著更高的備課成本。
Thumbnail
2026/02/10
在教學現場中,教師經常會遇到教材內容抽象、生硬,對學生而言理解門檻較高的情況。若能將這類教材加以圖像化,甚至進一步設計為具互動性的教學形式,往往能顯著提升學生的學習動機與理解效果,不僅降低認知負擔,也讓課堂氛圍更加活躍。然而,這樣的教學設計對教師而言,往往也代表著更高的備課成本。
Thumbnail
2026/02/09
以往透過 YouTube 影片學習時,多半只是盯著畫面一邊觀看、一邊在腦中思考與整理重點,學習過程偏向被動,重點是否吸收完整,往往取決於當下的專注力與理解能力。影片一旦結束,內容也容易隨時間淡忘,回顧與整理相對費力。現在,透過 NotebookLM,你可以直接將影片內容轉化為與主題高度相關的學習。
Thumbnail
2026/02/09
以往透過 YouTube 影片學習時,多半只是盯著畫面一邊觀看、一邊在腦中思考與整理重點,學習過程偏向被動,重點是否吸收完整,往往取決於當下的專注力與理解能力。影片一旦結束,內容也容易隨時間淡忘,回顧與整理相對費力。現在,透過 NotebookLM,你可以直接將影片內容轉化為與主題高度相關的學習。
Thumbnail
看更多
你可能也想看
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
近來出現一種頗為喧鬧的討論:不少影片與貼文質疑 ChatGPT 的表現,同時高調讚揚 Gemini 的進展,彷彿生成式 AI 的競爭,已然走到勝負分明、此消彼長的臨界點。這樣的敘事聽來也許刺激,卻未必誠實。真正值得追問的,或許不是哪一個模型當下暫時領先,而是:我們為何如此急於要求工具給出一個「贏家」
Thumbnail
近來出現一種頗為喧鬧的討論:不少影片與貼文質疑 ChatGPT 的表現,同時高調讚揚 Gemini 的進展,彷彿生成式 AI 的競爭,已然走到勝負分明、此消彼長的臨界點。這樣的敘事聽來也許刺激,卻未必誠實。真正值得追問的,或許不是哪一個模型當下暫時領先,而是:我們為何如此急於要求工具給出一個「贏家」
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
✅ 如何在 Gemini 建立你專屬的 Gems 助理 塔配ChatGTP的GTPs-阿貴校長的Gem設計助理-協助快速建立可客製化的個人Gem助理 https://chatgpt.com/g/g-6831e3c311dc819196f67a70e3ea9023-a-gui-xiao-chang
Thumbnail
✅ 如何在 Gemini 建立你專屬的 Gems 助理 塔配ChatGTP的GTPs-阿貴校長的Gem設計助理-協助快速建立可客製化的個人Gem助理 https://chatgpt.com/g/g-6831e3c311dc819196f67a70e3ea9023-a-gui-xiao-chang
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
最近用 AI 模型已經變成我生活的一部分,尤其工作上會接觸大量文本、報表、還有一些資料處理,加上我本身是 HR,真的很常靠它們「救援」。 這邊就簡單分享一下我近期用過的兩個模型-ChatGPT與Gemini,還有我個人的偏好!
Thumbnail
最近用 AI 模型已經變成我生活的一部分,尤其工作上會接觸大量文本、報表、還有一些資料處理,加上我本身是 HR,真的很常靠它們「救援」。 這邊就簡單分享一下我近期用過的兩個模型-ChatGPT與Gemini,還有我個人的偏好!
Thumbnail
在「現成工具箱」與「樂高積木」之間找到你的效率加速器
Thumbnail
在「現成工具箱」與「樂高積木」之間找到你的效率加速器
Thumbnail
您是否常覺得備課時間不夠用,或是行銷文案靈感枯竭?在這個 AI 飛速發展的時代,Google 推出的全新功能「Google Gemini Gems」或許正是您尋覓已久的解決方案。本文將帶您深入了解 15 款官方設計的 AI 助理,無需任何程式背景,就能讓它們成為您工作與生活中的得力助手。 Goo
Thumbnail
您是否常覺得備課時間不夠用,或是行銷文案靈感枯竭?在這個 AI 飛速發展的時代,Google 推出的全新功能「Google Gemini Gems」或許正是您尋覓已久的解決方案。本文將帶您深入了解 15 款官方設計的 AI 助理,無需任何程式背景,就能讓它們成為您工作與生活中的得力助手。 Goo
Thumbnail
你是否也有這種感受?滑著手機,每天看到一堆名詞 ~ 生成式 AI、Gemini、Grok、ChatGPT、NotebookLM…,覺得這世界轉得太快,深怕自己被拋在後頭? 隨著年紀增長,我們常不由自主地落入「記性變差」、「反應變慢」的壓力。但最新的腦科學告訴我們:大腦不是因為變老而僵化,而是..
Thumbnail
你是否也有這種感受?滑著手機,每天看到一堆名詞 ~ 生成式 AI、Gemini、Grok、ChatGPT、NotebookLM…,覺得這世界轉得太快,深怕自己被拋在後頭? 隨著年紀增長,我們常不由自主地落入「記性變差」、「反應變慢」的壓力。但最新的腦科學告訴我們:大腦不是因為變老而僵化,而是..
Thumbnail
揭密 Google Gemini 的視覺智慧:一篇搞懂如何運用 AI 處理圖片! 你是否曾對 AI 處理圖片的能力感到驚奇?想像一下,當你上傳一張照片,AI 不僅能辨識出其中的物體,還能根據你的指令進行修改、生成,甚至是總結文件內容。這一切,正是 Google Gemini 的強大之處。 本文將
Thumbnail
揭密 Google Gemini 的視覺智慧:一篇搞懂如何運用 AI 處理圖片! 你是否曾對 AI 處理圖片的能力感到驚奇?想像一下,當你上傳一張照片,AI 不僅能辨識出其中的物體,還能根據你的指令進行修改、生成,甚至是總結文件內容。這一切,正是 Google Gemini 的強大之處。 本文將
Thumbnail
我是一個每天都必須使用到AI的人,不得不說, AI的出現徹底改變了我的生活,然AI這個領域真的是日新月異,短短的時間,就會有新的AI工具出現,所以,當我理解到 A I Agent這個概念時,首先我就看到了Manus AI,我只能說既興奮又期待,現在就帶大家來了解,到底它有什麼能耐?
Thumbnail
我是一個每天都必須使用到AI的人,不得不說, AI的出現徹底改變了我的生活,然AI這個領域真的是日新月異,短短的時間,就會有新的AI工具出現,所以,當我理解到 A I Agent這個概念時,首先我就看到了Manus AI,我只能說既興奮又期待,現在就帶大家來了解,到底它有什麼能耐?
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News