台灣雞腿

開車逛高雄，我的駕照不是雞腿換的。

網頁直接玩

下載於App Store即將推出立即取得Google Play即將推出

遊戲特色

在真實街景裡開車，遵守交通規則，平安到達目的地。

高雄景點關卡
龍虎塔、駁二、西子灣、85 大樓、高雄車站、柴山、旗津。沿路看得到地標與建築名稱。
九款車任你選
從阿嬤電動代步車、公路車、機車到汽車。每台車的極速、加速與耐撞度都不同。
台灣街頭日常
路邊突然竄出的機車、路面坑洞、垃圾車、外送機車、巷子岔路。每一關都會遇到。
違規就開罰單
闖紅燈、逆向、紅線臨停都會開罰單。罰款金額與法條參考實際道路交通法規。
沿路收集雞腿
每一關沿路都有雞腿可以收集。開得越穩，拿到的雞腿越多。
喇叭、錄影、截圖
選你喜歡的喇叭聲，也可以匯入自己的錄音。行車畫面可以錄影、截圖，分享給朋友。

遊戲畫面

左右滑動看更多。

歡迎來到台灣雞腿
高雄景點關卡
九款車任你選
台灣街頭日常
違規就開罰單
沿路收集雞腿
喇叭、錄影、截圖

技術分享

Flutter 外殼、Godot 遊戲、Django 後端，手機與網頁共用同一份遊戲程式。

瀏覽器
- Godot 4 網頁版
  - 關卡資源包
  - wasm 引擎
靜態檔服務（CDN）
- 網頁版關卡資源包
- 簽章設定檔
Django 後端
- 帳號與刪除
- 景點多語介紹
- 關卡設定發布
- 遊玩紀錄分析
- AdMob 系統配置
Flutter App（iOS／Android）
- Flutter
  - 設定
  - 登入
  - 關卡列表
  - 紀錄
  - 三語介面
  - 本機伺服器
  - 設定通道
- Godot 4 遊戲（WebView 內）
  - 3D 路段建造
  - 車流 AI
  - 罰單系統
  - 音效
  - HUD

每顆大晶片是一個系統，晶片上的小方塊是它的組件；金色走線是系統之間的連線，亮起的走線是目前的資料流。按下方按鈕或用方向鍵切換，雙擊畫面回到原視角。

Flutter 外殼
設定、登入、關卡列表與紀錄都在 Flutter；進遊戲時把語言、畫質、操作偏好等開局設定經設定通道交給遊戲，遊戲結束再把成績傳回。
Godot 4 遊戲
街道依關卡資料程序生成，車流、行人與違規車由交通 AI 驅動；罰單規則寫在資料檔裡，手機與網頁版共用同一份遊戲程式。
Django 後端
負責帳號與刪除帳號、景點的多語介紹，並把關卡設定檔簽章後發布；App 下載後先驗章才採用，失敗就退回上次成功的版本。
網頁版：一關試玩
網頁版只有蓮池潭龍虎塔一關，免安裝就能試玩；關卡資源包檔名含內容雜湊，下載後驗 SHA-256，第二次開直接用瀏覽器快取。完整關卡在 App 裡。
品質
Godot 與 Flutter 都有自動測試，關卡另有回歸檢查與截圖比對；每個議題修完要先通過測試才合併。

Flutter 跨平台的好處

一份 Dart 程式同時產出 iOS 與 Android App，設定、登入、關卡列表、紀錄與三語介面只寫一次。
兩個平台畫面與行為一致，修一個問題兩邊一起好，測試也只寫一份。
AdMob、Firebase、分享、登入等原生功能都有官方或成熟套件，不用分別寫 Swift 與 Kotlin。
熱重載讓改畫面幾秒就看到結果；Flutter 也已在過去多個專案驗證過，效能與開發效率都令人滿意。

為什麼遊戲用 Godot，而不是 three.js 或 Flutter

three.js 只負責 3D 繪圖，沒有物理、碰撞、音效管理與場景編輯；車輛操控、車流與碰撞都得自己從頭寫。
Flutter 是介面框架，沒有內建 3D 場景、物理與碰撞，適合做 App 外殼，不適合做 3D 開車遊戲。
Godot 是完整的開源遊戲引擎（MIT 授權，沒有授權費與分潤），內建 3D 繪圖、物理、音效、動畫與輸入處理。
場景與腳本都是文字檔，Claude Code 能直接讀寫，也能在 git 比對差異；遊戲能用無畫面模式跑自動測試。
同一份遊戲匯出成 WebAssembly：App 在 WebView 裡執行，網頁版直接在瀏覽器執行。代價是在 WebView 裡效能較吃緊，低階手機要降低畫質。

部署決策：用 Cloudflare Workers 放網站與遊戲資源

第一版的官網與龍虎塔網頁版全部是靜態檔，放在 Cloudflare Workers 的靜態資產，不執行 Worker 程式。靜態資產的請求免費、不限次數，不另收流量費。App 與後台 API 仍走 findmo 後端，網頁流量不會壓到後端。

第一版資源大小（2026-10-15 實測，傳輸量為壓縮後）
資源	原始大小	實際傳輸	何時下載
官網 HTML、CSS、JS、圖示	111 KB	43 KB	開頁
首圖影片＋封面（桌機 16:9／手機 4:5）	2.0 MB／1.6 MB	2.0 MB／1.6 MB	開頁
特色圖 6 張＋遊戲畫面 7 張	0.9 MB	0.9 MB	捲到才載
3D 架構圖（three.js＋晶片圖）	619 KB	159 KB	捲到才載
動態背景（shaders.com）	2.5 MB	696 KB	只有桌機且支援 WebGPU
網頁版引擎 index.wasm	17.1 MB	4.9 MB	開始玩
網頁版共用資源 index.pck	10.1 MB	6.7 MB	開始玩
龍虎塔關卡包	3.5 MB	2.2 MB	開始玩
網頁版其他（JS、啟動圖、關卡資料）	1.0 MB	0.7 MB	開始玩
每次官網瀏覽	捲完整頁：桌機約 3.8 MB、手機約 2.7 MB，約 25 個請求
網頁版第一次玩	約 14.4 MB，約 13 個請求；第二次起由瀏覽器快取，只做更新檢查

Workers 免費版規格與本站用量
項目	免費版限制	本站放在 Workers 的用量
靜態資產請求	免費、不限次數	全部請求都是靜態資產
流量	不另收費	—
執行 Worker 程式的請求	每天 10 萬次（UTC 0 點歸零，超過回 1027 錯誤）	0（沒有 Worker 程式）
單一檔案大小	25 MiB	最大 17.1 MB（index.wasm）
每個版本的檔案數	20,000	57
Worker 程式 CPU 時間	每次請求 10 ms	不適用

場景分析（每次瀏覽約 3.3 MB，桌機與手機各半）
瀏覽次數	請求數	傳輸量（20% 訪客玩網頁版）	傳輸量（全部訪客都玩）	費用	結論
1 萬	約 28 萬	約 59 GB	約 172 GB	0	免費版足夠
10 萬	約 276 萬	約 593 GB	約 1.7 TB	0	免費版可承受；流量放大前改付費版（每月 5 美元）
100 萬	約 2,760 萬	約 5.9 TB	約 17.2 TB	0～每月 5 美元	請求與流量都不收費；建議改用付費版

費用比較：20% 訪客玩網頁版（每月，美元）
方案	每月 1 萬次瀏覽	每月 10 萬次	每月 100 萬次
GCP VM（Premium 網路，測試站目前使用）	約 7 美元	約 71 美元	約 663 美元
GCP VM（Standard 網路）	0	約 43 美元	約 631 美元
GCS 公開值區（直接下載）	不到 1 美元	約 60 美元	約 662 美元
GCS＋Cloud CDN	約 24 美元	約 72 美元	約 552 美元
Cloudflare Workers（本站）最優	0	0	0～每月 5 美元

費用比較：全部訪客都玩網頁版（每月，美元）
方案	每月 1 萬次瀏覽	每月 10 萬次	每月 100 萬次
GCP VM（Premium 網路，測試站目前使用）	約 21 美元	約 199 美元	約 1,727 美元
GCP VM（Standard 網路）	0	約 167 美元	約 1,625 美元
GCS 公開值區（直接下載）	約 9 美元	約 189 美元	約 1,696 美元
GCS＋Cloud CDN	約 34 美元	約 173 美元	約 1,357 美元
Cloudflare Workers（本站）最優	0	0	0～每月 5 美元
GCP VM	Premium 從台灣送到亞太：每 GiB 0.12 美元（1 TiB 內）、0.11（1～10 TiB）、0.085（10 TiB 以上）。Standard：每月前 200 GiB 免費，之後 0.11（到 10 TiB）、0.075（到 150 TiB）、0.07。不含 VM 本身的費用。
GCS	台灣（asia-east1）標準儲存每 GiB 每月 0.02 美元（本站 58 MB，約 0.001 美元）。讀取請求每月前 5 萬次免費，之後每次 0.0000004 美元。下載到亞太每月前 100 GiB 免費，之後 0.12（到 1 TiB）、0.11（到 10 TiB）、0.08。
GCS＋CDN	Cloud CDN 傳到亞洲：每 GiB 0.09 美元（10 TiB 內）、0.06（到 150 TiB）、0.05。另需外部負載平衡器，轉送規則每小時 0.025 美元（每月約 18 美元）。未含快取查詢費與回源費。
來源與範圍	單價為 2026-10-15 查 GCP Cloud Billing 目錄。測試站 https://app.findmoapp.com/driver/ 與後端 API 共用同一台 e2-medium VM，尖峰流量也會拖慢 API。

假設：每次瀏覽是開首頁並捲完整頁；玩網頁版的訪客另外下載遊戲。風險：Cloudflare 服務條款規定，用 CDN 大量提供影片或大型檔案時要使用付費服務（含開發者平台）；條款沒有明說 Workers 免費版是否屬於其中，所以流量放大前改用 Workers 付費版。付費版的靜態資產請求一樣免費、不限次數。index.pck 與關卡包已在 Cloudflare 壓縮傳輸，網頁版第一次下載從約 19.7 MB 降到約 14.4 MB。

為什麼完整關卡封裝在 App 裡

網頁版只放龍虎塔一關，當作免安裝試玩；其他高雄景點關卡的資源全部封裝在 App 裡。
不花我們的流量：App 從 App Store／Google Play 下載，流量由商店負擔；遊玩時不再向伺服器下載關卡資源。
開關卡不用等：資源已經在手機上，沒有網路也能玩，不會卡在載入畫面。
後端只送小檔：App 只向後端拿簽章設定檔與景點介紹；關卡內容跟著 App 版本更新，先經過商店審核。

營運費用：AdMob 廣告

App 透過 Google AdMob 廣告支付營運費用，例如伺服器、Cloudflare 付費版與上架年費。
三個版位：開啟 App 時的開屏廣告、景點列表底部的橫幅、玩完幾關回到列表時的插頁廣告。
開車畫面不放廣告；插頁廣告有每天上限與最短間隔，後台可以隨時調整或關閉。
網頁版沒有廣告，用來讓玩家先試玩，再導向下載 App。

開發故事

這個 App 從建立專案到 0.1.0，主要由 Claude Code 寫程式與測試，人負責提需求、做決定與實機驗收。以下數字由建置時的統計腳本從 git 歷史產生。

使用的工具與模型

VS Code
IDE
開發用的整合開發環境。
Open Bull
Harness 外掛
管理修改議題與專案文件。
Claude Code
200 美元訂閱方案
主要負責程式碼開發、整合測試與部署操作。模型以 Claude Opus 為主，子任務改用 Sonnet、Haiku。
Codex
Pro 訂閱方案
主要負責生圖：特色圖片、街景元件、看板與圖示。
OpenAI
音效
生成叫賣廣播、喇叭聲等語音音效。

里程碑

建立專案基線：企劃、Godot 驗證版、Flutter 外殼Godot 是本專案第一次使用；Flutter 已在過去多個專案驗證過，執行效能與開發效率都令人滿意。
三語介面（繁中、英文、日文）
第一個高雄街景關卡
網頁版獨立建置：龍虎塔一關試玩
0.1.0 送審

工作流程

人提需求：一句話描述想要的功能或看到的問題
AI拆成議題：寫清楚目前行為、期望行為與驗收條件
AI每個議題開分支實作，補測試
AI跑靜態檢查與自動測試，通過才合併
AI部署到測試環境並實際呼叫驗證
人做取捨：AI 把需要決定的事整理成三個選項加建議，由人選擇
人實機試玩，截圖標記問題交給 AI 修正
AI上架與正式部署由 AI 執行：透過 Ego Lite 瀏覽器操作商店後台與正式機，帳號密碼由人輸入

不是全自動：產品方向、選項取捨、正式上線都由人決定。

人與 Claude Code 的分工

遊戲腳本與規則：由人定義大方向，細節規則由 Claude Code 決定，再由人試玩後回報議題。
聲音好不好聽、畫面順不順手：由人拿手機實際試玩測試。
英文與日文：目前沒有母語者審稿，先採用 Claude Code 產生的翻譯。
手機實機的效能、發熱與觸控手感：由人在實機上測試，模擬器量不出來。
上架帳號、商店後台與正式機：Claude Code 透過 Ego Lite 瀏覽器技能操作，帳號密碼由人輸入。
開發過程的交付由 Claude Code 執行：開分支、跑測試、合併與部署，交付規則寫在 CLAUDE.md。

直接在網頁玩

網頁版只提供蓮池潭龍虎塔一關，免安裝，用電腦或手機瀏覽器就能開。

在網頁玩龍虎塔

首次載入約 15 MB（壓縮後）。完整的高雄景點關卡請下載 App。

下載 App

App Store 與 Google Play 版本準備中，上架後可在這裡下載。

下載於App Store即將推出立即取得Google Play即將推出

台灣雞腿

遊戲特色

高雄景點關卡

九款車任你選

台灣街頭日常

違規就開罰單

沿路收集雞腿

喇叭、錄影、截圖

遊戲畫面

技術分享

Flutter 外殼

Godot 4 遊戲

Django 後端

網頁版：一關試玩

品質

Flutter 跨平台的好處

為什麼遊戲用 Godot，而不是 three.js 或 Flutter

部署決策：用 Cloudflare Workers 放網站與遊戲資源

為什麼完整關卡封裝在 App 裡

營運費用：AdMob 廣告

開發故事

使用的工具與模型

VS Code

Open Bull

Claude Code

Codex

OpenAI

里程碑

工作流程

人與 Claude Code 的分工

直接在網頁玩

下載 App