---
type: release
title: "坦克大战：纯前端经典坦克射击游戏"
date: 2026-06-21 16:28:00 +0800
tags: [tool, game, tank-battle, browser, canvas]
linkUrl: https://wangjunjian.com/tools/tank-game.html
---

## 坦克大战是什么

坦克大战是一款纯前端运行的经典坦克射击游戏，基于 HTML5 Canvas 构建。玩家控制坦克消灭所有敌人、保护基地，采用关卡制推进，每关敌人数量和强度逐渐增加，支持道具收集和丰富的自定义配置。

---

## 核心功能

- **经典关卡制玩法**：消灭所有敌人即可进入下一关，每关难度递增。
- **6 种道具系统**：生命+1、火力提升（散射穿甲弹）、速度提升、护盾、炸弹（全屏清敌）、冻结敌人。
- **完整音效系统**：基于 Web Audio API 合成射击、爆炸、移动、通关、游戏结束等音效。
- **自定义游戏配置**：支持调整玩家速度、射击冷却、初始生命、敌人数量与速度、道具生成间隔、地图元素数量等参数。
- **实时侧边栏状态**：显示分数、关卡、生命值（心形）、敌人进度条、活跃道具计时、游戏时间、历史最高分。
- **暂停与音效控制**：游戏中可随时暂停/继续，一键开关音效。
- **本地最高分记录**：通过 localStorage 保存历史最高分，刷新不丢失。
- **响应式布局**：适配不同屏幕尺寸，三栏布局自动调整为纵向排列。

---

## 操作说明

- **WASD / 方向键**：控制坦克移动
- **空格键**：发射子弹
- **回车键**：开始游戏 / 重新开始
- **P 键**：暂停 / 继续游戏
- **M 键**：开关音效

---

## 得分规则

- 击毁敌人坦克：100 分
- 通关奖励：500 分
- 道具得分：20 分
- 基地被摧毁：游戏结束

---

## 技术栈

- HTML5 Canvas
- JavaScript（原生，无框架依赖）
- Web Audio API（音效合成）
- localStorage（最高分持久化）
- 无后端、无依赖、纯静态页面