Skip to content
Jax NOtE
Jax NOtE
  • 設計筆記
  • 關於 Jax

Jax NOtE

  • 設計筆記
  • 關於 Jax
blog banner

我用 Claude 做了一款遊戲:全臺通緝令 MOST WANTED · TAIWAN

Publish on 2026-11-072026-11-14By Jax.H
全臺通緝令 MOST WANTED · TAIWAN 遊戲開始畫面
AI 遊戲開發

最近用 Claude 做了一款網頁遊戲:全臺通緝令 MOST WANTED · TAIWAN。這是一款在臺灣地圖上追捕通緝犯的推理追緝遊戲,不用安裝、不用註冊,電腦和手機的瀏覽器都能直接玩。

遊戲在玩什麼?

你是一名持有警方特約證照的賞金獵人,重大通緝犯正在臺灣本島、澎湖、金門、馬祖與各離島之間流竄。你要蒐集線索、推理他的去向、封鎖他的退路,在他偷渡出境前把人抓回來領賞金。

遊戲特色

  • 真實的臺灣地圖:45 個地點,從基隆、九份、日月潭到綠島、蘭嶼、小琉球。交通方式和時間依實際距離計算,有警車、高鐵、交通船和國內線班機。
  • 推理追緝:詢問目擊者、調閱監視器和通聯紀錄、聯絡線民。每條線索會在地圖上畫出「包圍網」,但假線索也會把網畫歪。
  • 會跑、會躲、會騙人的逃犯:每個逃犯都有犯罪側寫,例如空中飛人、地頭蛇、山老鼠、老狐狸。他越警覺,就越會放假消息、臨時改路線。
  • 攻堅與追捕:申請搜索票,在倒數內找出正確的藏身處;攻堅成功後他還會破窗逃跑,要聽聲音判斷他往哪跑。
  • 卡牌收藏與成長:逮捕的逃犯會變成卡牌,共 24 種輔助效果;累積經驗值可以解鎖 30 項技能,讓他跑掉的人之後還會變成「宿敵」回來。
  • 特殊任務與案件狀況:追回贓物、人質救援、抓一整個集團,還會遇到颱風、連假人潮、選舉維安等狀況。
  • 在地知識:每個地點都有真實的歷史與在地特色,結案的報紙會附上「你知道嗎?」小知識。

怎麼玩

  1. 第一次玩建議先跑一次新手教學(約 5 分鐘),會一步一步帶你抓到第一個逃犯。
  2. 在懸賞看板挑一張通緝令,看清楚通緝海報上的特徵和犯罪側寫。
  3. 到了一個地方先調查,每一站能調查的項目有限,要自己取捨。
  4. 依照辦案筆記和地圖上的包圍網,推理他下一站去哪,點地圖上的地點出發。
  5. 查到「他就在這裡」時,申請搜索票攻堅,成功後還要追上他。
  6. 時間、經費、嫌犯的警覺都要顧好,偷渡倒數歸零,他就逃出國了!

技術

  • 純前端:HTML + CSS + 原生 JavaScript,不需要建置工具。
  • 地圖:Leaflet + OpenStreetMap 圖資。
  • 角色頭像:程式依種子產生的 SVG,同一個種子永遠是同一個角色。
  • 音效:Web Audio API 即時合成,沒有任何音效檔。
  • 存檔:瀏覽器 localStorage,進度存在自己的瀏覽器裡。

歡迎來試玩看看:https://xiang0723.github.io/project-game-most-wanted-taiwan/

另一款用 Claude 做的遊戲:噁男殺手 SKY KILLER,在真實台北市空照地圖上的俯視狙擊遊戲。

Tags: AI, Claude, JavaScript, Leaflet, 推理遊戲, 網頁遊戲

You May Also Like


噁男殺手 SKY KILLER 狙擊鏡畫面:命中噁男、濺血倒地
14 11 月, 2026

我用 Claude 做了一款狙擊遊戲:噁男殺手 SKY KILLER

近期文章
  • 我用 Claude 做了一款狙擊遊戲:噁男殺手 SKY KILLER
  • 我用 Claude 做了一款遊戲:全臺通緝令 MOST WANTED · TAIWAN
  • 無障礙網頁(AA)色票產生器
  • Famiport 雲端列印 讓你家外流變全家(*全家已修改機制,此文章所述內容僅供過往案例參考)
  • 練習七:jQuery 頁面頂端卷軸進度條
分類
  • AI 遊戲開發 (2)
  • 專題:SEO實務心得 (3)
  • 專題:今天我Wordpress (3)
  • 專題:自己的網站自己架 (4)
  • 廢文 (5)
  • 架站筆記 (1)
  • 綜合應用:HTML+CSS+jQuery (10)
  • 電腦&網站疑難雜症 (4)
Tags
7-Zip ADSL AI Apache Tomcat Claude cPanel Domain famiport GeoIP Gmail API Google Ads Google OAuth 2.0 iframe JavaScript jQuery cookies komica Leaflet php.ini Post SMTP SMTP SoapClient TIMEREPUBLIK Tomcat ProxyPass WHM window.onload Windows WooCommerce wordpress 個資洩漏 克思六 全家 共享經濟 推理遊戲 時間共和國 時間貨幣 曝光量 漏洞 狙擊遊戲 網頁遊戲 虛榮指標 跳出率 進度條 關鍵字 雲端列印 駭客

Copyright © 2026 Jax Huang(GitHub:xiang0723)