DEADZONE|能量防線是一款直接在瀏覽器裡跑的 3D 第三人稱射擊 × 塔防遊戲。玩家扮演最後能源站的守衛,一邊親自開槍,一邊在敵人進攻路線上布置防禦塔,目標是撐過十波殭屍、守住核心完整度。
玩法設計
- 三種能量武器可即時切換(按 1/2/3 或點武器卡):脈衝步槍高射速通用(傷害 23、射程 26)、電漿重砲範圍爆破(傷害 64、爆炸半徑 3.1)、冰霜射線持續減速控場(射速最快、減速 2.3)。武器共用一條熱量條,滿了就得冷卻,逼玩家間歇射擊而不是壓著滑鼠不放。
- 三種防禦塔各有分工:脈衝哨塔 100 能源(穩定連射)、冰凍稜鏡 125 能源(低溫減速)、電漿迫擊塔 175 能源(範圍群傷)。塔可升級也可出售,出售返還已投入能源的 70%,讓「押錯位置」不是死局。
- 地圖是一條有多個直角彎的路徑,遊戲自己在戰術提示裡說白了:彎道是最好的伏擊點,冰凍稜鏡搭配電漿迫擊塔能延長火力覆蓋。這正是塔防的核心決策——把有限的錢放在敵人停留最久的地方。
- 四種敵人依波次登場:普通殭屍打底,第 2 波起出現快速殭屍,第 3 波起出現重型殭屍,第 5 與第 10 波各有一隻血量 1000 的巨型殭屍。起始能源 300、核心完整度 100%。
- 角色不受傷害,敵人只攻核心。這是很關鍵的一個設計取捨:失敗回饋集中在「塔該蓋在哪裡」的策略層面,而不是操作反應,孩子可以放心嘗試不同走位與布陣,挫折感低很多。貨櫃、水塔、油桶與塔本身會擋住玩家射擊,走位仍然有意義。
技術特色
以 Three.js 建構 3D 戰場,殭屍、守衛與場景物件都是 GLTF/GLB 模型,Vite 打包後部署於 GitHub Pages。音效不是音檔,而是用 Web Audio 即時合成的音調,載入量極小。內建五步驟新手訓練、暫停與倍速、全圖視角、瞄準輔助與音效開關;桌機是 WASD 移動加滑鼠瞄準,手機則切換成左右雙搖桿。
工程細節上做了三件對校園環境很實際的事:偵測不到 WebGL 2 時會明確告訴使用者要用支援硬體加速的 Chrome 或 Edge,而不是給一片黑畫面;準備階段自動把波次、能源與塔的配置存進 localStorage,戰鬥中重新整理會回到最近一次部署;改版後若遇到舊快取造成的載入失敗,會自動註銷 Service Worker、清掉快取再重載,並在畫面上說明正在同步新版。整份遊戲附 PWA manifest 與各尺寸圖示,可加到手機或平板主畫面離線遊玩。