🏎️ 港城飛馳|香港鬧市賽車設計稿

純粹好玩 適合 6–12 歲 真實香港街道 參考手感:Phonics Blox、P1 加減——全畫面、卡通 3D、粒子特效、似真遊戲機。八關全部用真實香港街道,路線次序跟真實地理;建築同車輛做卡通版,唔用任何真實品牌標誌或商舖招牌。車靠左行,同香港一樣。

📖 故事

「霓虹精靈」波波嘅光被頑皮雲怪吹散咗,香港八條街一條條熄燈。小車手由上環叮叮路慢慢遊車河開始,一路加速,沿途收集「光之金幣」,最後喺維港夜晚衝刺,幫成個香港重新著燈!


🧑‍✈️

揀車手/夥伴

四位卡通車手:阿叮(叮叮迷)、小紅(的士仔)、綠綠(小巴妹)、機仔(機械人)。夥伴波波坐喺車尾,會出聲打氣,報埋而家喺邊條街(「到咗亞皆老街喇!」)。

🗺️

世界地圖

立體卡通香港地圖,跟真實位置擺:港島北岸 → 尖沙咀 → 彌敦道 → 中環 → 山頂 → 大嶼山 → 青馬大橋 → 維港夜景。每關路線喺地圖上用發光線畫出嚟,打完就著燈,地圖慢慢由灰變彩色。

🔧

車房

用金幣同小食換車同塗裝:紅的士、綠/紅小巴、叮叮卡丁車、機械人變形車、雙層巴士仔(隱藏車)。塗裝:霓虹、菠蘿包黃、蛋撻金、彩虹。只改外觀同少少手感,唔影響公平。


🏁 關卡表(速度由慢到快)

#關卡真實路線(按次序)沿途地標(卡通版)速度(遊戲 km/h)加速/氮氣新元素解鎖
1德輔道叮叮遊西港城(摩利臣街口)→ 德輔道中 Des Voeux Road Central 向東 → 中環皇后像廣場西港城、叮叮車路、中環街市、皇后像廣場、終審法院大樓20–40自動加速;冇氮氣學轉線、食金幣;叮叮車喺路中慢慢行叮叮卡丁車
2梳士巴利海傍尖沙咀天星碼頭 → 梳士巴利道 Salisbury Road 向東(經彌敦道口)→ 漆咸道南 Chatham Road South 交匯處 → 尖東天星小輪、尖沙咀鐘樓、文化中心、太空館、藝術館、尖東海濱30–55輕加速;第一次見氮氣罐氮氣(短衝)、海傍跳台蛋撻塗裝
3彌敦道霓虹佐敦道 Jordan Road 口 → 彌敦道 Nathan Road 向北 → 油麻地(窩打老道 Waterloo Road 口)→ 旺角(亞皆老街 Argyle Street 口)→ 太子道西 Prince Edward Road West卡通霓虹招牌(自創字,冇真舖名)、油麻地、旺角行人街、太子45–75正常加速;氮氣 2 罐的士、小巴車流;紅綠燈紅的士
4中環摩天陣金鐘 夏慤道 Harcourt Road → 干諾道中 Connaught Road Central 向西 → 畢打街 Pedder Street → 皇后大道中 Queen's Road Central大會堂、國際金融中心、中銀大廈、匯豐總行大廈(只做外形,冇標誌)、天橋60–95較快加速;氮氣 3 罐雙層巴士、修路圍板、直角彎小巴
5山頂彎彎道灣仔 司徒拔道 Stubbs Road 上山 → 灣仔峽 → 山頂道 Peak Road(經馬己仙峽)→ 山頂跑馬地馬場(俯瞰)、灣仔峽警務處博物館、馬己仙峽、凌霄閣、山頂纜車70–105彎道要放油(自動模式幫手減速)髮夾彎、落雨水氹彩虹塗裝
6大嶼山奇遇東涌 東涌道 Tung Chung Road → 伯公坳 → 散石灣迴旋處 → 嶼南道 South Lantau Road 向西(長沙、塘福、水口)→ 石壁 → 羗山道 Keung Shan Road → 深屈道 Sham Wat Road → 昂平路 Ngong Ping Road → 昂坪伯公坳山口、長沙泳灘、石壁水塘、路邊牛群、昂坪纜車、天壇大佛、寶蓮禪寺85–125氮氣可儲兩格上落斜、山路 S 彎、牛仔慢慢過馬路(要繞開)機械人變形車
7青馬飛虹北大嶼山公路 North Lantau Highway → 青嶼幹線 Lantau Link:汲水門大橋 Kap Shui Mun Bridge → 馬灣高架道路 Ma Wan Viaduct → 青馬大橋 Tsing Ma Bridge → 青衣 長青公路 Cheung Tsing Highway汲水門、馬灣、青馬大橋吊纜、遠景汀九橋、貨櫃船100–150超級氮氣(連食 3 罐)長直路、側風推車、橋上車流加密菠蘿包塗裝
8維港夜光衝刺中環民耀街 → 龍和道 Lung Wo Road 向東(經添馬隧道、會展)→ 菲林明道 Fleming Road → 告士打道 Gloucester Road → 維園道 Victoria Park Road → 東區走廊 Island Eastern Corridor夜景:國際金融中心、中環摩天輪、添馬政府總部、會展、金紫荊廣場、銅鑼灣避風塘、維園;對岸九龍大廈幻彩燈光120–180全部招式;終點前「光速衝刺」夜景、燈光節奏跑道、終極追雲怪雙層巴士仔(隱藏)

每關約 2–3 分鐘、分 3 段,每段終點就係檢查點。路線長度會按比例縮短(例如嶼南道只揀精華段),但街道次序同轉彎方向跟真實地圖。速度數字只係遊戲顯示,唔代表真實限速;載入畫面會提一句「真實馬路要守限速同交通燈」。


📈 難度曲線

1–2 關:闊路、冇對手壓力、障礙稀。3–4 關:加車流同紅綠燈。5–6 關:彎同路面變化。7–8 關:高速+密集,但檢查點更密。如果連續兩次少於 1 星,自動降少少車流(動態難度,玩家睇唔到)。

🏆 獎勵

⭐ 1 星:到終點;2 星:收夠一半金幣;3 星:碰撞少於 3 次。全 3 星解鎖「霓虹金」塗裝;收齊 8 款小食入「港式小食圖鑑」。每日第一場送轉盤一次(只送金幣/塗裝)。

🖥️ UI 畫面

開始畫面(霓虹 LOGO 閃)→ 揀車手 → 世界地圖 → 車房 → 賽前倒數 → 比賽 HUD(速度錶、氮氣格、金幣、迷你進度條)→ 結算(星、金幣、新解鎖動畫)→ 設定(語音、音量、簡易模式、傾斜)。


✅ 成功準則(好玩指標)

細路第一次玩 30 秒內上手;第 1 關完成率 100%;平均每次玩 ≥ 3 關;≥ 70% 試玩者主動再玩多次;試玩問「想唔想再玩?」大部分答「想」;冇細路因為難而喊停。

要避免:太快頭暈(鏡頭搖晃要有上限、可關震動);字太多;撞車太懲罰;真品牌標誌。

🛠️ 技術說明(Developer)

引擎:Three.js(低多邊形卡通風、toon shading),跑道沿真實路線做樣條曲線(CatmullRomCurve3),障礙同金幣用物件池;路面、大廈同街燈用 instanced mesh。車靠左行:玩家預設喺左線,對頭車喺右邊。
效能:目標 iPad/Android 平板 60fps,最低 30fps;自動畫質(陰影、粒子數、解像度縮放);夜景用 emissive 材質+簡單 bloom,平板可關 bloom。
素材:免費 CC0 低多邊形車同城市模型(例如 Kenney、Quaternius)再改色做的士/小巴/叮叮;霓虹招牌用自製卡通字(唔好真舖名)。音效 CC0;廣東話旁述可用錄音或 TTS(zh-HK)。
控制:Pointer/Touch events、DeviceOrientation(iOS 要先撳掣申請權限);全畫面 API。
儲存:星、金幣、解鎖用 localStorage(或沿用 SQLite 後台,可選)。
OpenStreetMap 起跑道:
① 用 Overpass API 按街名/way ID 抽出每關路段(例如 way["name:en"="Nathan Road"]),連埋 lanes、oneway、bridge、tunnel 標籤;高度用香港地政總署公開 DTM 或自己手調(山頂、伯公坳要有起伏)。
② 經緯度投影做本地米制座標(以每關起點做原點,或用 HK1980 Grid),將多條 way 駁成一條中線。
③ 簡化:Douglas–Peucker(約 5–10 米容差)去細節 → 樣條平滑 → 限制最細彎半徑(細路關卡放寬彎位),長直路按比例縮短,令每關 2–3 分鐘。
④ 由中線擠出卡通路面(行車線數跟 lanes,最多 4 線);兩邊大廈用 OSM 建築外框粗略擠高,地標另外手做卡通模型(唔用品牌標誌)。
⑤ 授權:OSM 數據係 ODbL 1.0。遊戲內「鳴謝」頁同載入畫面要寫「地圖數據 © OpenStreetMap contributors」並連去 openstreetmap.org/copyright。如果將處理後嘅路線數據檔(JSON)公開發佈,嗰份屬衍生數據庫,要同樣用 ODbL 公開;遊戲畫面本身屬「產出作品」,只需要標明出處。
⑥ 預先離線烘焙成 JSON 放入 repo,遊戲執行時唔好即時 call Overpass(慢同有用量限制)。
部署:純前端靜態檔,Deploy 可以直接上 Cloudflare Pages。