跳到主要內容
AI101AI101 挑戰

101 天,每天用 AI 開發一個工具。
用行動證明 AI 的可能性。

快速連結

工具庫提案需求會員中心

關注我們

Threads @chia.hsun301線上課程
© 2026 AI101 挑戰 by 圭話行銷. All rights reserved.
🏠首頁🛠️工具💡提案👤我的
AI101AI101
工具庫
📚指南✍️開發者心得🌟用戶故事
💡提案區🏆排行榜🛟問題回報
兌換🎟️ 優惠
🎯遊戲中心(任務+排行)🎰幸運轉輪🌳養成樹🎫九宮格刮刮樂📈積分投資🃏卡片圖鑑
登入
Tilt Coin 體感接金幣 — 四種操控模式的網頁街機遊戲 | AI101 | AI101 挑戰
工具庫/Day 6
Day 6遊戲程式開發設計

Tilt Coin — 體感接金幣

Tilt Coin — 體感接金幣

💡 功能亮點

🎮

四種體感操控模式

觸控滑動、手機陀螺儀、攝影機臉部追蹤、語音控制,每種都有獨特玩法體驗

⚡

連擊倍率系統

連續接住 3 個以上物品觸發 Combo,最高 3 倍加分,獎勵手感好的玩家

🎯

動態難度調整(DDA)

根據玩家表現即時調整掉落速度與炸彈出現率,新手不挫折、高手有挑戰

😄

笑容加分偵測

攝影機模式下偵測到笑容額外 +5 分,讓遊戲過程自然產生歡樂表情

🏆

排行榜與分享卡

全球/本週/模式篩選排行榜,成績自動產生分享圖片,一鍵分享到社群

📱

零安裝跨裝置遊玩

純網頁技術打造,手機電腦平板打開網址就能玩,不需下載任何 App

🔒

需要 100 積分解鎖

登入後即可使用積分解鎖

功能說明

🎮 [Mini Game] 四種體感操控的網頁街機遊戲!用觸控滑動、手機陀螺儀、臉部追蹤或聲音來控制籃子,接住掉落的金幣與星星,閃避炸彈,挑戰最高分。支援連擊倍率、動態難度調整、排行榜與分享卡,一個網址就能在任何裝置上玩。

📋 實戰使用情境

看看 3 種真實場景怎麼用「Tilt Coin — 體感接金幣」省下時間

情境 1👤 行銷企劃🕐 新產品上市前一週,需要快速製作一個趣味互動內容來預熱社群。

快速打造高互動新品預熱遊戲

  1. 設定遊戲主題與金幣/炸彈圖樣,符合品牌形象
  2. 調整遊戲難度與連擊倍率,確保遊戲趣味性
  3. 生成專屬遊戲網址與分享卡
  4. 將連結嵌入社群貼文或活動頁面
  5. 追蹤玩家排行榜數據,規劃後續獎勵
範例產出:新品『AI小幫手』上市倒數!玩《AI智囊接金幣》挑戰最高分,前10名送新品折價券!限時挑戰,點擊連結開始遊戲:[活動網址] #AI小幫手 #新品預熱 #挑戰拿好禮

⏱️ 原本 24 小時 → 現在 30 分鐘

情境 2👤 補習班老師🕐 期中考前一週,需要活潑方式幫助學生複習重點、集中注意力。

趣味化課堂複習與即時評量

  1. 將考點關鍵字設為金幣,易錯概念設為炸彈
  2. 設定遊戲時間與分數門檻作為挑戰目標
  3. 產生遊戲連結,讓學生用手機或平板即時參與
  4. 公布班級排行榜,獎勵高分學生或小組
範例產出:同學們,今天複習『Python語法』,來玩《語法精靈接金幣》!接到『迴圈』、『函式』得分,碰到『Bug』扣分。前三名可免寫作業一次!點擊連結:[遊戲連結] 祝大家挑戰成功!

⏱️ 原本 3 小時 → 現在 15 分鐘

情境 3👤 社群小編🕐 週年慶活動期間,需要增加粉絲互動及品牌曝光度。

高互動社群挑戰抽獎活動

  1. 選定遊戲主題,調整金幣/炸彈圖示符合品牌視覺
  2. 設定連擊倍率與動態難度,確保遊戲體驗
  3. 生成專屬遊戲網址,並設計吸睛的分享卡文案
  4. 發布社群貼文鼓勵粉絲挑戰高分截圖分享
  5. 篩選分享貼文,抽出幸運得主或贈送小禮
範例產出:週年慶期間!來玩《好康狂接手》體感遊戲,用臉部或聲音控制籃子,接到優惠券,閃避空包彈!截圖你的高分畫面分享並標註我們,就有機會獲得千元購物金!立即挑戰:[遊戲網址] #週年慶 #互動遊戲 #抽獎

⏱️ 原本 8 小時 → 現在 20 分鐘

📚

深入閱讀 · 行銷人實戰指南

Tilt Coin 體感接金幣:讓遊戲行銷不再是苦差事

什麼情境用 · 工作流接法 · 踩雷 · 進階玩法

→

❓ 常見問題

需要下載 App 嗎?▼

不需要,Tilt Coin 是純網頁遊戲,用瀏覽器打開網址就能直接玩,支援手機、平板與電腦。

手機體感模式怎麼用?▼

在電腦開啟遊戲後選擇體感模式,用手機掃描畫面上的 QR Code,傾斜手機即可控制籃子方向。

攝影機模式會儲存我的影像嗎?▼

不會,臉部追蹤完全在瀏覽器本地端運算,影像不會上傳或儲存,隱私零疑慮。

分數怎麼計算?▼

金幣 +10 分、星星 +30 分、炸彈 -20 分。連續接住 3 個以上物品會觸發 Combo 倍率加分,最高可達 3 倍。

這個遊戲用了哪些 AI 與前端技術?▼

臉部追蹤使用瀏覽器端 AI 模型(MediaPipe)、音效由 Web Audio API 即時合成、動態難度用 DDA 演算法自動調整,全部在前端完成不需後端運算。

使用心得

尚無心得,成為第一個分享的人吧!

🎓

想系統性學 AI?

從工具應用到實戰技巧,小圭的 AI 軟體應用課帶你全面掌握 AI 工作流。

前往課程 →