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

更新 發佈閱讀 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
學不完.教不停.用不盡
191會員
160內容數
分享個人電腦教學,回答網友提問,解決資料處理與設計問題。
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
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
我是一個每天都必須使用到AI的人,不得不說, AI的出現徹底改變了我的生活,然AI這個領域真的是日新月異,短短的時間,就會有新的AI工具出現,所以,當我理解到 A I Agent這個概念時,首先我就看到了Manus AI,我只能說既興奮又期待,現在就帶大家來了解,到底它有什麼能耐?
Thumbnail
我是一個每天都必須使用到AI的人,不得不說, AI的出現徹底改變了我的生活,然AI這個領域真的是日新月異,短短的時間,就會有新的AI工具出現,所以,當我理解到 A I Agent這個概念時,首先我就看到了Manus AI,我只能說既興奮又期待,現在就帶大家來了解,到底它有什麼能耐?
Thumbnail
您是否常覺得備課時間不夠用,或是行銷文案靈感枯竭?在這個 AI 飛速發展的時代,Google 推出的全新功能「Google Gemini Gems」或許正是您尋覓已久的解決方案。本文將帶您深入了解 15 款官方設計的 AI 助理,無需任何程式背景,就能讓它們成為您工作與生活中的得力助手。 Goo
Thumbnail
您是否常覺得備課時間不夠用,或是行銷文案靈感枯竭?在這個 AI 飛速發展的時代,Google 推出的全新功能「Google Gemini Gems」或許正是您尋覓已久的解決方案。本文將帶您深入了解 15 款官方設計的 AI 助理,無需任何程式背景,就能讓它們成為您工作與生活中的得力助手。 Goo
Thumbnail
最近用 AI 模型已經變成我生活的一部分,尤其工作上會接觸大量文本、報表、還有一些資料處理,加上我本身是 HR,真的很常靠它們「救援」。 這邊就簡單分享一下我近期用過的兩個模型-ChatGPT與Gemini,還有我個人的偏好!
Thumbnail
最近用 AI 模型已經變成我生活的一部分,尤其工作上會接觸大量文本、報表、還有一些資料處理,加上我本身是 HR,真的很常靠它們「救援」。 這邊就簡單分享一下我近期用過的兩個模型-ChatGPT與Gemini,還有我個人的偏好!
Thumbnail
近來出現一種頗為喧鬧的討論:不少影片與貼文質疑 ChatGPT 的表現,同時高調讚揚 Gemini 的進展,彷彿生成式 AI 的競爭,已然走到勝負分明、此消彼長的臨界點。這樣的敘事聽來也許刺激,卻未必誠實。真正值得追問的,或許不是哪一個模型當下暫時領先,而是:我們為何如此急於要求工具給出一個「贏家」
Thumbnail
近來出現一種頗為喧鬧的討論:不少影片與貼文質疑 ChatGPT 的表現,同時高調讚揚 Gemini 的進展,彷彿生成式 AI 的競爭,已然走到勝負分明、此消彼長的臨界點。這樣的敘事聽來也許刺激,卻未必誠實。真正值得追問的,或許不是哪一個模型當下暫時領先,而是:我們為何如此急於要求工具給出一個「贏家」
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
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
你是否也有這種感受?滑著手機,每天看到一堆名詞 ~ 生成式 AI、Gemini、Grok、ChatGPT、NotebookLM…,覺得這世界轉得太快,深怕自己被拋在後頭? 隨著年紀增長,我們常不由自主地落入「記性變差」、「反應變慢」的壓力。但最新的腦科學告訴我們:大腦不是因為變老而僵化,而是..
Thumbnail
你是否也有這種感受?滑著手機,每天看到一堆名詞 ~ 生成式 AI、Gemini、Grok、ChatGPT、NotebookLM…,覺得這世界轉得太快,深怕自己被拋在後頭? 隨著年紀增長,我們常不由自主地落入「記性變差」、「反應變慢」的壓力。但最新的腦科學告訴我們:大腦不是因為變老而僵化,而是..
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
在「現成工具箱」與「樂高積木」之間找到你的效率加速器
Thumbnail
在「現成工具箱」與「樂高積木」之間找到你的效率加速器
Thumbnail
揭密 Google Gemini 的視覺智慧:一篇搞懂如何運用 AI 處理圖片! 你是否曾對 AI 處理圖片的能力感到驚奇?想像一下,當你上傳一張照片,AI 不僅能辨識出其中的物體,還能根據你的指令進行修改、生成,甚至是總結文件內容。這一切,正是 Google Gemini 的強大之處。 本文將
Thumbnail
揭密 Google Gemini 的視覺智慧:一篇搞懂如何運用 AI 處理圖片! 你是否曾對 AI 處理圖片的能力感到驚奇?想像一下,當你上傳一張照片,AI 不僅能辨識出其中的物體,還能根據你的指令進行修改、生成,甚至是總結文件內容。這一切,正是 Google Gemini 的強大之處。 本文將
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News