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

Jax NOtE

  • 設計筆記
  • 關於 Jax
blog banner

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

Publish on 2026-11-142026-11-14By Jax.H
噁男殺手 SKY KILLER 狙擊鏡畫面:命中噁男、濺血倒地
AI 遊戲開發

繼「全臺通緝令」之後,又用 Claude 做了一款網頁遊戲:噁男殺手 SKY KILLER。這是一款在真實台北市空照地圖上狙擊噁男的俯視狙擊遊戲,不用安裝、不用註冊,用電腦瀏覽器就能直接玩(手機也能開,但瞄準比較吃力)。

⚠️ 內容提醒:遊戲內含暴力情節,以及對性騷擾、性犯罪行為的直白描述,建議成年玩家遊玩。

遊戲在玩什麼?

你是暗網上的頂尖駭客兼職業狙擊手,對一般仇殺沒興趣,只接被性騷擾、跟騷、偷拍的女性與女學生的委託。法律管不了的噁男,由你從幾百公尺外解決。

遊戲特色

  • 真實的台北市地圖:內政部國土測繪中心的正射空照圖,加上 OpenStreetMap 的真實路網,涵蓋台北市 12 個行政區。每一局都會在選定的行政區內隨機挑一塊市區當狙擊場,每次的街景都不一樣。
  • 上帝視角狙擊:從正上方俯瞰街道,拖曳地圖瞄準,縮放就是狙擊鏡倍率。放大到 ×18 看得到上衣顏色,×19 看得到帽子,×21 以上看得到身體部位。
  • 真實的彈道:距離越遠,子彈飛得越久,移動中的目標要抓提前量;橫風會把子彈吹偏,準星旁的藍點會標出風偏修正後的落點。
  • 暗網委託:委託人的暱稱、身分和遭遇隨機組合,能產生上萬種不重複的委託內容,並附上噁男的帽子、上衣顏色與出沒的行政區。
  • 指定部位與順序:委託人可能要求「一槍爆頭」,或「先打胯下、再打兩隻手掌、最後爆頭」。全身 21 個部位都可能被指定,照順序全部打中才算完美達成。
  • 找出噁男:現場有上百個路人,還有同上衣不同帽子、同帽子不同上衣的誘餌,要放大仔細比對。槍聲會讓附近的人四散逃跑,誤傷路人會被扣酬勞和聲望。
  • 彈藥庫與裝備庫:9 種特性不同的子彈(高速彈、抗風彈、麻醉彈、導引彈等),以及狙擊鏡、腳架、消音器、彈道電腦等 8 項可升級的裝備。高倍率下準星會隨呼吸晃動,按住 Shift 屏息。
  • 中彈物理:子彈的衝量會把人沿彈道方向推開、打轉,手腳會繞著關節甩開,而且位移和姿勢都會套用在命中判定上。
  • 聲望系統:受害者付不起高價,酬勞不多;學生付不起錢時會發免費委託,完成後聲望加 3 倍。聲望越高,小費越多、買東西越便宜。

怎麼玩

  1. 在暗網終端的「委託」頁挑一件委託,花 $5 解密出沒地點和噁男特徵後接案,再挑選要帶的彈藥。
  2. 進入狙擊場後,藍圈是你的位置,黃色虛線圈是噁男的活動範圍。
  3. 拖曳地圖找人,用滾輪、雙指或 E / Q 縮放。先用上衣顏色篩選,再放大確認帽子顏色。
  4. 準星永遠在畫面中央,注意距離、飛行時間和風偏,按 SPACE 開火。
  5. 打中非致命部位,噁男會倒地緩慢爬行,比較容易完成委託人指定的順序。
  6. 指定部位全部打中就自動結算,也可以按「收工撤離」依完成度提早結算。

技術

  • 純前端:HTML + CSS + 原生 JavaScript,不需要建置工具。
  • 地圖:Leaflet + 內政部國土測繪中心正射影像(WMTS 圖磚服務)。
  • 路網:事先用 Overpass API 下載 OpenStreetMap 各行政區的區界與道路,遊戲執行時不需要連到 OpenStreetMap。
  • 人物:程式產生的 SVG 俯視人形,外觀與命中判定使用同一份部位資料,看到的就是打得到的。
  • 音效:Web Audio API 即時合成槍聲、街道回音、拉栓上膛和倒數計時,沒有任何音效檔。
  • 存檔:瀏覽器 localStorage。

線上試玩:https://xiang0723.github.io/project_game_skykiller/
原始碼:https://github.com/xiang0723/project_game_skykiller

上一款用 Claude 做的遊戲:全臺通緝令 MOST WANTED · TAIWAN,在真實臺灣地圖上追捕通緝犯的推理遊戲。

Tags: AI, Claude, JavaScript, Leaflet, 狙擊遊戲, 網頁遊戲

You May Also Like


全臺通緝令 MOST WANTED · TAIWAN 遊戲開始畫面
7 11 月, 2026

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

近期文章
  • 我用 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)