vocus logo

方格子 vocus

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

更新 發佈閱讀 4 分鐘

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

raw-image

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

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

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

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

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

遊戲玩法與原理

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

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

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

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

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

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

raw-image

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

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

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

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

raw-image


製作解說資訊圖表

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

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

raw-image

設計遊戲互動式網頁

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

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

raw-image

這個遊戲可以實際操作:

raw-image

最後,猜出心中數:

raw-image

再複習一下:

raw-image


留言
avatar-img
學不完.教不停.用不盡
67會員
91內容數
分享個人電腦教學,回答網友提問,解決資料處理與設計問題。
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
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
近來出現一種頗為喧鬧的討論:不少影片與貼文質疑 ChatGPT 的表現,同時高調讚揚 Gemini 的進展,彷彿生成式 AI 的競爭,已然走到勝負分明、此消彼長的臨界點。這樣的敘事聽來也許刺激,卻未必誠實。真正值得追問的,或許不是哪一個模型當下暫時領先,而是:我們為何如此急於要求工具給出一個「贏家」
Thumbnail
近來出現一種頗為喧鬧的討論:不少影片與貼文質疑 ChatGPT 的表現,同時高調讚揚 Gemini 的進展,彷彿生成式 AI 的競爭,已然走到勝負分明、此消彼長的臨界點。這樣的敘事聽來也許刺激,卻未必誠實。真正值得追問的,或許不是哪一個模型當下暫時領先,而是:我們為何如此急於要求工具給出一個「贏家」
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
我是一個每天都必須使用到AI的人,不得不說, AI的出現徹底改變了我的生活,然AI這個領域真的是日新月異,短短的時間,就會有新的AI工具出現,所以,當我理解到 A I Agent這個概念時,首先我就看到了Manus AI,我只能說既興奮又期待,現在就帶大家來了解,到底它有什麼能耐?
Thumbnail
我是一個每天都必須使用到AI的人,不得不說, AI的出現徹底改變了我的生活,然AI這個領域真的是日新月異,短短的時間,就會有新的AI工具出現,所以,當我理解到 A I Agent這個概念時,首先我就看到了Manus AI,我只能說既興奮又期待,現在就帶大家來了解,到底它有什麼能耐?
Thumbnail
在「現成工具箱」與「樂高積木」之間找到你的效率加速器
Thumbnail
在「現成工具箱」與「樂高積木」之間找到你的效率加速器
Thumbnail
揭密 Google Gemini 的視覺智慧:一篇搞懂如何運用 AI 處理圖片! 你是否曾對 AI 處理圖片的能力感到驚奇?想像一下,當你上傳一張照片,AI 不僅能辨識出其中的物體,還能根據你的指令進行修改、生成,甚至是總結文件內容。這一切,正是 Google Gemini 的強大之處。 本文將
Thumbnail
揭密 Google Gemini 的視覺智慧:一篇搞懂如何運用 AI 處理圖片! 你是否曾對 AI 處理圖片的能力感到驚奇?想像一下,當你上傳一張照片,AI 不僅能辨識出其中的物體,還能根據你的指令進行修改、生成,甚至是總結文件內容。這一切,正是 Google Gemini 的強大之處。 本文將
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
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News