iT邦幫忙

2026 iThome 鐵人賽

DAY 12
0
Vibe Coding

上岸用AI,看小白如何從無到有的用Vibe Codeing開發遊戲系列 第 12

Day 12:第一次對齊與實機試玩 —— 掃 Code 即玩!朋友的真實反饋與階段二總結

  • 分享至 

  • xImage
  •  

歡迎來到第十二天!今天迎來了我們**「階段二:第一款與第二款小遊戲開發實戰」**的最終驗收日。

經過這一週暴風抽籤般的寫碼實戰 —— 從青花瓷豆花怪的抓捕演算法,一路寫到雪花冰機的高精度配方計時器 —— 我終於將 Cocos Creator 專案匯出為 Web 網頁版本,帶著手機與 iPad 找朋友進行第一次的**「實機對齊與試玩體驗」**!


1. 「免下載就是爽!」門市情境的實機試玩體驗

過往做手遊 App 測試,光是發放 APK 或設定 TestFlight 就能折騰半天。但這次我們採用 Cocos 打造 Web 網頁版,朋友拿起手機掃描 QR Code 後 3 秒內直接載入遊戲大廳,這種零阻力的體驗感讓他大讚:「這對門市顧客來說真的太方便了!」

在實測了兩款小遊戲後,我們針對體驗進行了深度討論:

🍵 青花瓷豆花怪探尋

  • 實測感受:水墨藍白風格在手機螢幕上視覺效果極佳!特別是當豆花怪殘血時,青花瓷蓋子降下、三次搖晃後跳出藍色印章,緊張感與收服成就感拉滿。
  • 朋友的反饋與優化點:希望能加入更多「音效打擊感」以及豆花怪收服後的動態展示,讓圖鑑收集的吸引力更強。

🍧 雪花冰機極速挑戰

  • 實測感受:遊戲節奏非常緊湊!倒數毫秒的文字壓迫感讓人在組裝配方時手心冒汗,遊戲結束後點數即時同步到會員頁面,實體折抵感非常強烈。
  • 朋友的反饋與優化點:手機螢幕上的食材按鈕需要再微調加大,避免大拇指誤觸;另外希望能加入「Combo 連擊額外加分」,獎勵手速極快的「冰品大師」。

2. Vibe Coding 階段二經驗盤點:速度與架構的雙重勝利

回顧這 7 天(Day 06 - Day 12)的開發,Vibe Coding 為我帶來了兩個最核心的價值:

  1. 開發週期大幅壓縮:若按傳統一人開發流程,光是處理兩個遊戲的狀態機、計時器與動畫,至少需要雙倍以上的時間。但透過 Cursor (AI Pairs Programmer) 指導產出 TypeScript 邏輯,我只需專注在遊戲規則與體驗調校上。
  2. Server-Authoritative(伺服器權威)驗證成功:在試玩時,我特地透過瀏覽器 Console 試圖竄改雪花冰的結算時間,結果 Kotlin Ktor 後端立刻判定數據異常並拒絕發放點數!這證明了我們的後端防弊機制非常穩健。

階段二總結:核心玩法順利驗證!

階段二的目標是「將朋友的構思轉化為可玩的兩款小遊戲」,我們圓滿完成了這個任務!

  • [x] 青花瓷豆花怪戰鬥與抓捕機制
  • [x] 雪花冰配方比對與高精度計時器
  • [x] 大廳熱區介面與 Ktor 會員點數串接

從明天(Day 13)開始,我們將正式踏入**「階段三:第二款遊戲深化與系統平台整合」**,著手進行玩法優化、大廳介面提升與整個門市平台的深度串接!


上一篇
Day 11:Cocos Creator 實戰(二)—— 雪花冰配方順序比對與極速計時器寫碼實戰
下一篇
Day 13:雪花冰極速挑戰 —— 讓手速變現!Combo 連擊機制與動態分數加成實作
系列文
上岸用AI,看小白如何從無到有的用Vibe Codeing開發遊戲13
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言