learn / learn

用 AI 做一個網頁小遊戲(傳播力強、新手也能做)

打地鼠、記憶翻牌、猜數字…用 vibe coding 不用工程師也能做出能玩、能分享的網頁小遊戲。含結構與 prompt。

小遊戲是最好玩、最會傳播的入門作品——做出來自己玩、丟給朋友、放社群都很有梗。用 AI,新手也能做。

適合新手的小遊戲

一個好玩小遊戲要有

  1. 清楚規則、好上手。
  2. 計分 + 最高分紀錄(存在瀏覽器)。
  3. 分享功能:把成績一鍵複製或分享。
  4. 一點音效或動畫,更有感。

起手 prompt

貼進 BoltLovable

做一個網頁打地鼠小遊戲:地鼠隨機出現,點到加分,限時 30 秒,結束顯示分數並記錄最高分,可一鍵分享成績。手機可玩、繁體中文、畫面活潑。

(更多在 Prompt 庫 的「做遊戲」分類。)

加分玩法

上線

純前端,用 Zeabur 部署,把連結丟到社群。

常見問題

Q:要會做動畫嗎? 不用,描述你要的效果,AI 會處理。

Q:可以加排行榜嗎? 單機最高分免後端就能做;跨使用者排行榜需要資料庫,可之後再加。


做好投稿作品牆 →,或看更多 週末就能做完的點子 →