一个可直接运行和部署的网页塔防演示项目,使用原生 HTML + CSS + JavaScript + Canvas 实现,并通过 Docker 提供本地访问。
- 单一路径地图
- 2 个关卡
- 敌人沿路径移动并可到达终点扣血
- 点击空地放置防御塔
- 防御塔自动攻击并击败敌人
- 多波次推进与胜负判定
- UI 显示生命值、金币、波次、关卡、防御塔数量
- 关卡配置器,可分别配置每关:
- 总波次数
- 本关总怪物数
- 本关最多防御塔数量
- 敌人基础血量
- 敌人移动速度
- 敌人生成间隔
- 防御塔伤害
- 防御塔攻击范围
- 防御塔攻击间隔
- 每波血量成长百分比
docker build -t tower-defense-game .docker run -d -p 8888:80 --name tower-game tower-defense-game在浏览器访问:
http://127.0.0.1:8888
停止容器:
docker stop tower-game重新启动容器:
docker start tower-game删除容器:
docker rm -f tower-game- 先选关,再开始游戏
- 点击画布空地可放置防御塔
- 路径格子不能放塔
- 每关有防御塔上限
- 若配置器修改数值,重新开始该关后即可生效
该项目本质上是纯静态网页,也可以直接将 index.html、style.css 与 src/game.js 部署到任意静态文件服务器。