星际前线：指挥官版

作品简介与玩法

在 64 × 64 地图上选择三个阵营，管理双资源经济，迎战每图 20 波敌人。默认视野为 50%，可切换到 75% 或 100%；通过常驻武器库部署，也可连续拖动地图和使用小地图定位。

依据：starfront-advanced/README.md。

制作工具与技术栈

JavaScript CommonJS 工程使用 Node.js 构建脚本生成浏览器 bundle。入口是 browser.js，适配层是 web/platform.js，核心 src 不依赖 DOM。部分地形、单位和特效使用原创像素图集，其余保留程序绘制。仓库还包含使用 Python / Pillow 处理地形板、生成防御单位动画的素材脚本。

依据：starfront-advanced/README.md、starfront-advanced/package.json、starfront-advanced/tools/build.cjs、starfront-advanced/tools/art/build_space_platform_tiles.py、starfront-advanced/tools/art/build_terran_defenses.py。

源码与 README 未记录具体 AI 工具、提示词历史或像素图集的原始绘制软件，不能据此指定这些工具。

制作步骤

以下按现有模块给出复现与阅读顺序；仓库未提供完整的历史制作步骤。

1. 从 README 理解地图、阵营、双资源和波次，再阅读 src/data/ 的配置。
2. 阅读 src/game/camera.js，理解缩放、平移和小地图定位。
3. 结合 src/render/asset-loader.js 与 sprite-schema.js 阅读图集加载和元数据校验。
4. 在 starfront-advanced/ 运行测试和构建。将生成的 dist 交给静态服务器，检查游戏与图集一起加载。

npm test
npm run build

依据：上述源码文件、starfront-advanced/README.md、starfront-advanced/tools/build.cjs。

关键实现要点

• 镜头将屏幕点减去视口偏移，再除以缩放值转换为世界坐标。缩放只接受 0.5、0.75、1，并限制镜头不越出地图边界。
• 图集加载后按实际图片尺寸校验精灵元数据。加载失败会抛出带图集名称和路径的错误。
• 构建复制 assets/atlases，并在 build-info 中记录 PNG 图集与 bundle 的 SHA-256，用于安装和发布核验。

依据：starfront-advanced/src/game/camera.js、starfront-advanced/src/render/asset-loader.js、starfront-advanced/tools/build.cjs。

局限说明

这是独立的非官方作品。部分内容仍使用程序绘制。微信配置保留空 AppID，不提供微信生产发布；本项目 README 的运行方式是静态网页。

依据：starfront-advanced/README.md。

给 AI 的需求示例

以下是源码阅读练习需求，不是原始开发对话。

请阅读 starfront-advanced/src/game/camera.js。用一个屏幕坐标的例子解释 50%、75%、100% 缩放后的世界坐标；为靠近地图边缘切换缩放时的镜头边界补充测试，保留现有缩放档位。

练习依据：starfront-advanced/src/game/camera.js。

小练习

在同一地图位置切换三档缩放，观察视野变化；阅读 setCameraZoom，解释为什么它先计算视野中心，再调用边界限制。

练习依据：starfront-advanced/src/game/camera.js、starfront-advanced/tests/camera.test.js。