ShotGame产品系统

面向 FPS 射击游戏玩家打造的轻量化网页端练枪工具，无需下载安装，打开浏览器即可训练瞄准、反应等核心操作能力。

项目包含网格定点射击、移动目标追踪两大核心训练模式，支持玩家自定义目标大小、数量、移动速度、训练时长等个性化参数；训练过程中实时统计展示得分、命中率、平均反应时间、连击数等核心数据，训练结束后自动生成结算面板，同时支持训练历史记录的本地存储、查看与管理。

本项目为个人独立开发完成，全程负责需求设计、UI 界面搭建、前端交互逻辑开发、Canvas 渲染模块实现、数据统计与本地存储功能开发、全流程测试与兼容性优化的全部工作。技术栈采用 HTML5、CSS3 与原生 JavaScript 开发，无第三方前端框架依赖，项目采用模块化架构设计，按职责拆分了渲染器、游戏主循环、两种训练模式、数据统计、历史记录管理等独立模块，各模块职责清晰、低耦合，便于维护与功能扩展。实现上基于 HTML5 Canvas 完成目标、准星、动画等元素的高性能绘制，通过 requestAnimationFrame 实现稳定流畅的游戏主循环；精准实现了点击碰撞检测、移动目标边界反弹、实时数据加权计算等核心逻辑；同时支持训练参数自定义、结算面板展示、历史记录本地持久化等功能，最终打造出一个轻量化、免安装、打开即用的网页端瞄准训练工具。