「遊戲觸屏碰碰碰」(real 標題:「石門國小觸屏碰碰碰!」)是阿凱老師專為學校大型觸控螢幕(55-65 吋互動白板 / 觸控電視)設計的 互動藝術裝置,觸碰畫面就會浮現隨機圖案。
🎯 核心特色
- 👆 多點觸控浮現圖案 — 學生用手指碰螢幕,該位置浮現隨機浮動圖案
- 🎨 多人同時互動 — 多人同時碰 → 多個圖案並存,集體創作
- 🔊 AudioContext 合成音效 — 碰一下發出聲音,不依賴 mp3 檔(純合成)
- ⚡ 極簡 10KB 單檔 — Canvas + requestAnimationFrame + 觸控事件,無框架無 LLM
- 🏫 專為石門國小走廊 / 圖書館 / 學習角設計,掛
smes.tyc.edu.tw/smes_html/touch.html - 🆓 零安裝零廣告 — 觸控螢幕 + 瀏覽器就能跑
💡 設計理念
許多國小現在有大型觸控螢幕,但平常都拿來投影 PPT / 看 YouTube ⋯ 就這樣。阿凱發現「這麼大的螢幕應該要做點什麼」 — 於是寫了一系列觸屏互動小遊戲:#32 觸屏碰碰碰 / #33 讓聲音具現化吧 / #34 影像聲音遊戲區 / #35 觸屏點點塗鴉區 / #37 聲波擴散 360,掛在走廊 / 圖書館 / 學習角的觸控螢幕,學生課間經過就能玩 — 物理空間 + 數位互動 = 新型教學環境。
🎒 適合情境
適合有大型觸控螢幕的學校、圖書館 / 學習角規劃者、藝術與人文老師(互動藝術單元)、想做「互動藝術裝置」的工程師。最常見用法:朝會前 7:50-8:00 學生陸續到校時掛走廊觸控螢幕;親職教育日讓家長路過互動「這也是阿凱老師寫的?」;藝術與人文課講「觀眾的觸碰也是藝術品的一部分」。免費、純前端、零依賴。