「聲音互動小遊戲!!」是阿凱老師為石門國小觸控螢幕設計的 聲音控制遊戲,是聲音三部曲(#33 數字顯示 → #37 360° 視覺化 → #38 遊戲化互動)的高潮,嵌入 XOOPS tadnews 文章。
🎯 核心特色
- 🎤 用聲音當控制器 — 對螢幕「啊~」遊戲主角跳起來,唱高音主角往上飛、唱低音往下沉,安靜則下落
- 🎮 AudioContext + AnalyserNode — 即時頻率分析音量 + 音高,類似 ASMR / vocal 遊戲(Don't Stop Eighth Note)
- 🏃 離開椅子用全身玩 — 「喊叫 + 跳躍」讓學生動起來,比 Wii / Switch 體感還好玩
- ♿ 特教融合超友善 — 不用滑鼠 / 鍵盤,肢體不便 / 不會操作電腦的學生天生就會發聲
- 🤣 集體歡樂 — 全班一起吼一起跳,校慶活動「最大聲的不一定贏」(要會控制 + 持續發聲)
- 💰 完全免費 — 校內網頁,全校共用
💡 設計理念
嵌入 XOOPS tadnews 文章(69 KB 含 XOOPS 系統頁面)+ Web Audio API AudioContext + AnalyserNode 即時頻率分析 + Canvas 2D + requestAnimationFrame 遊戲畫面 + navigator.mediaDevices.getUserMedia 麥克風權限。阿凱對 Web Audio API 的偏好已多次驗證(#26 九九乘法 / #33 聲音具現化 / #64 簡譜節拍師同款)。雙驚嘆號「!!」顯示阿凱寫這個工具的興奮 — 在台灣國小很少見「身體律動 + 數位互動 + 遊戲化」三合一設計。
🎒 適合情境
體育課暖身(體育館大螢幕喊聲音熱身)、特教 / 融合教育(聲音控制無門檻)、表演藝術 / 音樂老師(聲音訓練遊戲化)、校慶活動(全班輪流喊看誰角色跳最高)。免費、免登入、可商用。