基于 Three.js 的 3D 塔防游戏,在立体战场上布置防御塔,抵御一波波敌人的进攻!
- 选择防御塔:点击底部面板中的塔(或按键盘
1234) - 放置塔:点击地图上的绿色格子放置塔
- 开始波次:点击右下角按钮(或按空格键)
- 出售塔:右键已放置的塔(返还 50% 金币)
- 旋转视角:右键拖拽旋转 | 滚轮缩放
| 塔 | 伤害 | 射程 | 攻速 | 花费 | 特效 |
|---|---|---|---|---|---|
| 🏹 箭塔 | 18 | 5 | 0.5s | 100 | 快速单目标攻击 |
| 💣 炮塔 | 45 | 4 | 1.5s | 200 | 范围爆炸伤害 (AOE) |
| ❄️ 冰塔 | 12 | 4.5 | 1.0s | 150 | 范围减速敌人 35% |
| ⚡ 电塔 | 28 | 5.5 | 0.8s | 250 | 连锁闪电 3 个目标 |
| 敌人 | 血量 | 速度 | 奖励 |
|---|---|---|---|
| 小兵 | 80 | 1.5 | 15 💰 |
| 快兵 | 50 | 3.0 | 18 💰 |
| 重装 | 250 | 0.8 | 35 💰 |
| Boss | 800 | 0.5 | 120 💰 |
- Three.js
0.170.0— 3D 渲染引擎 - TypeScript — 类型安全
- Vite — 构建工具
- GitHub Pages — 部署
npm install
npm run devnpm run build
# 输出在 dist/ 目录Made with ❤️ and Three.js