learn / learn
用 AI 做一個網頁小遊戲(傳播力強、新手也能做)
打地鼠、記憶翻牌、猜數字…用 vibe coding 不用工程師也能做出能玩、能分享的網頁小遊戲。含結構與 prompt。
小遊戲是最好玩、最會傳播的入門作品——做出來自己玩、丟給朋友、放社群都很有梗。用 AI,新手也能做。
適合新手的小遊戲
- 打地鼠:點到出現的目標得分。
- 記憶翻牌:翻配對。
- 猜數字/猜謎。
- 點擊計時挑戰:限時內點越多越好。
- 轉盤抽獎:活動、直播好用。
一個好玩小遊戲要有
- 清楚規則、好上手。
- 計分 + 最高分紀錄(存在瀏覽器)。
- 分享功能:把成績一鍵複製或分享。
- 一點音效或動畫,更有感。
起手 prompt
做一個網頁打地鼠小遊戲:地鼠隨機出現,點到加分,限時 30 秒,結束顯示分數並記錄最高分,可一鍵分享成績。手機可玩、繁體中文、畫面活潑。
(更多在 Prompt 庫 的「做遊戲」分類。)
加分玩法
- 換成台灣味主題(夜市、珍奶、廟會)增加共鳴。
- 結合節慶(過年、母親節)做行銷活動。
- 做成品牌小遊戲幫客戶宣傳。
上線
純前端,用 Zeabur 部署,把連結丟到社群。
常見問題
Q:要會做動畫嗎? 不用,描述你要的效果,AI 會處理。
Q:可以加排行榜嗎? 單機最高分免後端就能做;跨使用者排行榜需要資料庫,可之後再加。
做好投稿作品牆 →,或看更多 週末就能做完的點子 →。