1 篇文章带有标签 “canvas”

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

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

HTML5 Canvas JavaScript(原生,无框架依赖) Web Audio API(音效合成) localStorage(最高分持