「互動式影像聲音遊戲區」(real 標題:「~歡迎來到石門國小互動式影像聲音遊戲區~」)是阿凱老師為大型觸控螢幕做的 多元互動藝術裝置,整合按鈕跳躍遊戲 + 拍照 + AI 360° 全景 + Dino 跑酷。
🎯 核心特色
- 🎯 「來抓我哦」隨機跳動按鈕 — 按鈕隨機跳,學生手指追著抓,抓到 Score +1
- 📷 拍照 / 重拍 / 全螢幕 — 內建攝影機功能(要授權),互動裝置的「到此一遊紀念」
- 🌐 Blockade Labs Skybox AI 360° 全景嵌入 — 阿凱自己用 AI 生成的場景 iframe 嵌入,學生沉浸式探索
- 🦖 Chrome Dino 跑酷遊戲連結 —
chrome://dino/校園版 Dino Run - 🔊 音量控制三檔 — 低 / 中 / 高,適應不同場合
- 🏫 掛學校 smes_html/go.html — 6.6KB 純前端單檔,requestAnimationFrame 按鈕跳動動畫
💡 設計理念
「AI + 互動藝術」的真實案例 — 阿凱不只用 Gemini 寫程式碼,也用其他 AI 工具豐富作品:Blockade Labs Skybox 生 360° 全景 + Gemini 寫程式碼整合 + Chrome Dino 系統內建遊戲 + WebRTC 攝影機 API 拍照。多 AI 工具混搭 = 阿凱的真正工作流。屬於阿凱「為大型觸控螢幕設計」系列(#32 觸屏碰碰碰 / #33 讓聲音具現化吧 / #35 觸屏點點塗鴉區 / #37 聲波擴散 360 / #60 3D 畫廊)中最豐富的一個。
🎒 適合情境
適合有大型觸控螢幕的學校、圖書館 / 學習角 / 走廊互動裝置規劃者、藝術與人文老師、想看「AI + 互動藝術」案例的老師。最常見用法:朝會前 / 課間休息走廊觸控螢幕掛 #34 玩抓按鈕 + 看 360°;親職教育日家長親自感受 AI 力量;藝術與人文 / 資訊融入課示範「藝術 + 程式 + AI = 新型作品」。免費、純前端、無 LLM、需要觸控螢幕硬體最佳。