Power Quest 2.5D —— 战力探索小游戏

PC 横屏 HTML5 Canvas 2.5D 战力探索单关 Demo。TypeScript + Vite，零游戏引擎、零外部美术资源，全部视觉由 Canvas 程序绘制。

玩法

• 鼠标左键点击空地移动；点击敌人自动寻路并进入约 2 秒战斗；点击宝箱自动寻路开箱；WASD 可直接移动。
• 初始战力 30。玩家战力 ≥ 敌人战力则胜利并吸收敌方战力；战力 < 敌人则游戏结束。
• 宝箱有最低战力要求：满足则获得宝剑 +30 战力并消失；不满足则被击飞回到原位，不扣战力。
• 击杀 Boss 即通关（VICTORY），可重新开始。

运行

npm install
npm run dev       # 开发服务器 http://127.0.0.1:5173
npm run build     # 类型检查 + 生产构建
npm run preview   # 预览构建产物

技术要点

• 1280×720 设计分辨率，Canvas 自适应缩放 + 摄像机跟随 + 地图边界钳制。
• A* 网格寻路 + 路径平滑；y-sort 实现伪 2.5D 前后遮挡。
• 第一关数据驱动：src/data/level1.ts（敌人 / 宝箱 / Boss / 地图装饰）。
• 逻辑更新与渲染解耦，requestAnimationFrame 驱动游戏循环。