从一张 PNG 到可上场的宝可梦一条流水线看懂 pokemonAutoChess 的纹理打包【免费下载链接】pokemonAutoChessPokemon Auto Chess Game. Made by fans for fans. Open source, non profit. All rights to the Pokemon Company.项目地址: https://gitcode.com/GitHub_Trending/po/pokemonAutoChesspokemonAutoChess 是一款粉丝制作的开源宝可梦自走棋游戏本文用仓库里自带的精灵处理脚本讲清楚原始动画素材是怎么被切成帧、重新打包、再变成游戏能直接加载的纹理资源的。手工摆资源为什么扛不住给游戏新增一只宝可梦远不是放一张 PNG 那么简单。每只角色都要有站立、走路、攻击、受击等好几套动作每套又是几十帧动画且每一帧的持续时间要单独记录。手工处理时对齐稍有偏差帧序就会乱掉要是再算上闪光形态工作量直接翻倍。这正是仓库里那条自动化流水线要解决的痛点。一次看懂这条流水线它本质是 edit/add-pokemon.ts 里的一段 TypeScript 编排逻辑输入是 SpriteCollab 仓库存放社区绘画原始素材的仓库读取其中每只宝可梦的 AnimData.xml 动画配置和帧图长条拆分、处理颜色后重新打包产出游戏直接消费的纹理表把几十个小帧拼进一张大图减少加载次数和配套的 JSON 元数据。输入、中间过程与产出脚本运行后先问两个问题SpriteCollab 的本地路径、要处理的宝可梦 4 位索引。索引留空就是处理全图鉴README 里注明可能需要数小时不建议第一次尝试。确认之后SpriteSheetProcessor会先加载已计算过的 durations/delays 数据避免重复劳动再按 XML 里的 FrameWidth/FrameHeight 把每张帧图切到split/目录按索引/闪光/动作/贴图类型分层存放。阴影帧会做额外的颜色通道清理把纯红、纯蓝像素转成透明黑。切帧完成后交给 TexturePacker参数包括--pack-mode Good、--texture-format png8、--format phaser产出单张 PNG8 纹理表加 Phaser 格式 JSON。随后脚本删掉 JSON 的 meta 字段和空格做精简把.png/.json移入app/public/src/assets/pokemons/肖像移入 portraits 目录并把时长数据同步到app/types/delays.json等位置。最后解析 SpriteCollab 的 tracker.json更新每只宝可梦可用的情感肖像表和创作者署名文件至此一次完整的入库结束。跨平台与依赖的坑在哪系统差异藏在命令名里Windows 调TexturePacker.exeMac/Linux 调TexturePacker脚本按process.platform自动选择但 TexturePacker 的命令行版必须先装好并加入 PATH。路径输入支持/与\混用~会被展开为主目录路径不存在时脚本会直接退出所以先确认路径再跑。写入目标包括sheets/、split/和app/子目录运行账号需要项目目录的写权限。依赖缺失先在项目根目录跑npm install。个别动画缺失不会中断流程会记入日志缺失清单最终汇总到sheets/missing.txt方便补资源时对照。源码地图edit/add-pokemon.ts — 主脚本含SpriteSheetProcessor类与整个编排流程edit/README.md — 用法、依赖与排错说明edit/assetpack/ — AssetPack 工具链配置CLI fork 与插件补丁动手跑一下克隆仓库后在项目根目录执行git clone https://gitcode.com/GitHub_Trending/po/pokemonAutoChess cd pokemonAutoChess npm install npm run add-pokemon按提示输入 SpriteCollab 路径和索引如0001终端会依次打印 Step 1/5 到 Step 5/5 的日志成功后 assets 目录多出一对0001.png与0001.json说明这只宝可梦已经能进入游戏了 这套流水线把画图的人和跑游戏的人解耦贡献者只管产出素材切帧、打包、署名记录全部交给脚本。想参与的话可以从补画 SpriteCollab 的缺失帧入手也可以直接给这个仓库的脚本与配置提改进建议。【免费下载链接】pokemonAutoChessPokemon Auto Chess Game. Made by fans for fans. Open source, non profit. All rights to the Pokemon Company.项目地址: https://gitcode.com/GitHub_Trending/po/pokemonAutoChess创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考