科技教育創新專區 › 工具 #38

聲音互動小遊戲

透過聲音控制的互動遊戲

⚡ 立即使用

「聲音互動小遊戲!!」是阿凱老師為石門國小觸控螢幕設計的 聲音控制遊戲,是聲音三部曲(#33 數字顯示 → #37 360° 視覺化 → #38 遊戲化互動)的高潮,嵌入 XOOPS tadnews 文章。

🎯 核心特色

💡 設計理念

嵌入 XOOPS tadnews 文章(69 KB 含 XOOPS 系統頁面)+ Web Audio API AudioContext + AnalyserNode 即時頻率分析 + Canvas 2D + requestAnimationFrame 遊戲畫面 + navigator.mediaDevices.getUserMedia 麥克風權限。阿凱對 Web Audio API 的偏好已多次驗證(#26 九九乘法 / #33 聲音具現化 / #64 簡譜節拍師同款)。雙驚嘆號「!!」顯示阿凱寫這個工具的興奮 — 在台灣國小很少見「身體律動 + 數位互動 + 遊戲化」三合一設計。

🎒 適合情境

體育課暖身(體育館大螢幕喊聲音熱身)、特教 / 融合教育(聲音控制無門檻)、表演藝術 / 音樂老師(聲音訓練遊戲化)、校慶活動(全班輪流喊看誰角色跳最高)。免費、免登入、可商用。

標籤:#遊戲 #聲音 #控制 #互動 #麥克風

相關教學情境文章

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

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