拓冰网站定制 
AI生成资产的最后10%sprite-gen精选Webview编辑器实战指南【免费下载链接】sprite-genGenerate clean 2D game sprites animation atlases — component-row pipeline: state rows, alpha cleanup, frame extraction, runtime atlases. Codex/Claude skill.项目地址: https://gitcode.com/gh_mirrors/sp/sprite-genAI 能一秒钟画出游戏角色但生成出来的精灵图往往帧序混乱、背景残留、动画对不齐——这就是 AI 生成游戏资产的「最后 10%」难题。sprite-gen 是一款开源的 AI 精灵图与动画图集生成工具它内置的精选CurationWebview 编辑器正是为这最后一步而生在一个本地网页里逐帧对比、挑帧排序、拖拽微调并实时观看动画循环直到资产达到「可以直接进游戏」的状态。整个过程无需打开图形编辑器浏览器点一点就能完成——这正是新手最友好的收尾方式。什么是「最后 10%」为什么 AI 游戏素材需要精选让图像模型直接画一张「精灵图」你通常会得到每帧表情都在变、抠不掉的背景、互相重叠还偏离网格的姿势。sprite-gen 的流水线负责把一张底图变成干净的透明帧序列色度键背景 → 真实 alpha例如但 AI 生成的帧总有「不够对」的站姿高低不一、某一帧画歪了、循环首尾有跳帧。把这些帧逐个人工过一遍、对齐、重排就是精选编辑器要解决的问题——生成负责 90%精选负责剩下 10%。一条命令打开 sprite-gen 精选编辑器流水线跑完后在 run 目录上执行sprite-gen curation --run-dir 你的run目录 --lang en浏览器会自动打开本地预览页--lang ko可切换韩文界面内也能切换无头环境加--no-open并手动访问 URL。编辑器完全独立运行不依赖任何游戏引擎或 IDE在 Claude Code、Codex 或纯终端环境里都能用。服务端的实现见 sprite_gen/serve/serve_curation.py前端代码在 sprite_gen/serve/curator/。双行布局速成从候选池快速重排动画帧打开编辑器后每个动作状态idle、walk、run…都占据上下两行上行 播放序列被选中参与最终动画的帧从左到右就是播放顺序下行 候选池其余的生成帧比如多生成的一轮 take。核心操作只有三个手势拖卡片标题栏在序列内重排或从候选池拖入序列——从多轮生成中挑出最好的一帧拼出一个干净的循环卡片上的 加入/移除 按钮在序列与候选池之间移帧⧉ 复制按钮克隆一帧副本有自己的独立变换原帧不受影响。每一帧还有一组非破坏性变换手柄拖动画面 移动滚轮/右下角 缩放顶部手柄 旋转侧边手柄 剪切外加左右翻转开关——歪掉的帧不用重新生成调正即可。右侧预览窗会按该状态声明的 fps 实时播放当前序列支持播放/暂停、逐帧步进和 0.25×–4× 变速。多状态整屏效果如下 布局会自动保存关掉页面再打开你上次排的序、拖好的位置原样恢复。非破坏性编辑curation.json 边车记住每次微调所有编辑都写进 run 目录下的curation.json边车文件——原始帧 PNG 永远不会被改写。它记录每个状态选中的帧索引、播放顺序和逐帧仿射变换旋转/缩放/偏移/剪切/翻转。这意味着预览与最终烘焙共用同一套矩阵你调到的就是引擎拿到的任何决定都可回滚改一行 JSON、或删掉文件资产就回到默认全帧顺序合成步骤compose确定性地消费这份边车结果可复现。Schema 与变换数学由 sprite_gen/curate/curation.py 单一维护避免界面与烘焙逻辑漂移。打开像素网格与呼吸效果像素风也能逐像素对齐像素艺术最怕「半像素漂移」。编辑器内置Pixel grid像素网格叠加与Pixel unfake开关网格叠加与角色同一比例微调时能直接对齐到像素边界变换结果会自动重新吸附回逻辑网格右上还有呼吸Breathe面板对 idle 这类静止姿势做确定性的 squash stretch 呼吸循环depth、breaths/loop 都可视化调节底部帧条实时展示烘焙结果详见 docs/breathing.md。等距地面网格家具资产也能一键落位对等距isometric素材集编辑器会读取meta.json的瓦片/锚点参数在帧上叠加菱形地面网格——用剪切手柄把家具沿菱形轴一转立刻贴合地板没有运行目录、只有一张成品图集先用sprite-gen unpack-atlas --atlas sheet.png反向拆出一个可编辑的 run再打开精选视图即可流程见 docs/curation.md。不只是精灵通用图像候选对比视图把编辑器指向任意图片文件夹unpack_atlas_run.py --pngs-dir它就是一个通用的「挑赢家」视图图标方案、生成草稿、导入的静态素材集都能按行对比、加选、导出。导入的等距家具集效果每个状态的帧卡片下方都标注了实时变换读数如r0° ×1.00 0,0所见即所得。烘焙与导出拿到引擎就绪的资产图集顶部的Export PNGs / Bake atlas按钮会按当前精选状态现场计算并打包下载透明 PNG 序列、运行时图集附机器可读的manifest.json.frame_layout帧矩形与每状态 fps你的引擎直接采样矩形不再猜网格。计算产物同时留在 run 目录里——run 目录是工作间下载才是交付。一条底图进游戏里跑起来的精灵出。下面这些角色都来自同一套流程相关文档与源码路径精选视图完整契约含curation.json字段说明docs/curation.md用户请求 → 流水线的对话流程docs/user-workflow.md呼吸效果烘焙细节docs/breathing.md服务端入口sprite_gen/serve/serve_curation.py前端界面实现sprite_gen/serve/curator/运行目录数据契约docs/run-contract.md 记住这套节奏生成给 90%精选给 10%边车保安全——把 AI 资产从「能用」推到「能上」只需要一个浏览器页面。【免费下载链接】sprite-genGenerate clean 2D game sprites animation atlases — component-row pipeline: state rows, alpha cleanup, frame extraction, runtime atlases. Codex/Claude skill.项目地址: https://gitcode.com/gh_mirrors/sp/sprite-gen创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 AI生成资产的最后10%：sprite-gen精选Webview编辑器实战指南
AI生成资产的最后10%sprite-gen精选Webview编辑器实战指南【免费下载链接】sprite-genGenerate clean 2D game sprites animation atlases — component-row pipeline: state rows, alpha cleanup, frame extraction, runtime atlases. Codex/Claude skill.项目地址: https://gitcode.com/gh_mirrors/sp/sprite-genAI 能一秒钟画出游戏角色但生成出来的精灵图往往帧序混乱、背景残留、动画对不齐——这就是 AI 生成游戏资产的「最后 10%」难题。sprite-gen 是一款开源的 AI 精灵图与动画图集生成工具它内置的精选CurationWebview 编辑器正是为这最后一步而生在一个本地网页里逐帧对比、挑帧排序、拖拽微调并实时观看动画循环直到资产达到「可以直接进游戏」的状态。整个过程无需打开图形编辑器浏览器点一点就能完成——这正是新手最友好的收尾方式。什么是「最后 10%」为什么 AI 游戏素材需要精选让图像模型直接画一张「精灵图」你通常会得到每帧表情都在变、抠不掉的背景、互相重叠还偏离网格的姿势。sprite-gen 的流水线负责把一张底图变成干净的透明帧序列色度键背景 → 真实 alpha例如但 AI 生成的帧总有「不够对」的站姿高低不一、某一帧画歪了、循环首尾有跳帧。把这些帧逐个人工过一遍、对齐、重排就是精选编辑器要解决的问题——生成负责 90%精选负责剩下 10%。一条命令打开 sprite-gen 精选编辑器流水线跑完后在 run 目录上执行sprite-gen curation --run-dir 你的run目录 --lang en浏览器会自动打开本地预览页--lang ko可切换韩文界面内也能切换无头环境加--no-open并手动访问 URL。编辑器完全独立运行不依赖任何游戏引擎或 IDE在 Claude Code、Codex 或纯终端环境里都能用。服务端的实现见 sprite_gen/serve/serve_curation.py前端代码在 sprite_gen/serve/curator/。双行布局速成从候选池快速重排动画帧打开编辑器后每个动作状态idle、walk、run…都占据上下两行上行 播放序列被选中参与最终动画的帧从左到右就是播放顺序下行 候选池其余的生成帧比如多生成的一轮 take。核心操作只有三个手势拖卡片标题栏在序列内重排或从候选池拖入序列——从多轮生成中挑出最好的一帧拼出一个干净的循环卡片上的 加入/移除 按钮在序列与候选池之间移帧⧉ 复制按钮克隆一帧副本有自己的独立变换原帧不受影响。每一帧还有一组非破坏性变换手柄拖动画面 移动滚轮/右下角 缩放顶部手柄 旋转侧边手柄 剪切外加左右翻转开关——歪掉的帧不用重新生成调正即可。右侧预览窗会按该状态声明的 fps 实时播放当前序列支持播放/暂停、逐帧步进和 0.25×–4× 变速。多状态整屏效果如下 布局会自动保存关掉页面再打开你上次排的序、拖好的位置原样恢复。非破坏性编辑curation.json 边车记住每次微调所有编辑都写进 run 目录下的curation.json边车文件——原始帧 PNG 永远不会被改写。它记录每个状态选中的帧索引、播放顺序和逐帧仿射变换旋转/缩放/偏移/剪切/翻转。这意味着预览与最终烘焙共用同一套矩阵你调到的就是引擎拿到的任何决定都可回滚改一行 JSON、或删掉文件资产就回到默认全帧顺序合成步骤compose确定性地消费这份边车结果可复现。Schema 与变换数学由 sprite_gen/curate/curation.py 单一维护避免界面与烘焙逻辑漂移。打开像素网格与呼吸效果像素风也能逐像素对齐像素艺术最怕「半像素漂移」。编辑器内置Pixel grid像素网格叠加与Pixel unfake开关网格叠加与角色同一比例微调时能直接对齐到像素边界变换结果会自动重新吸附回逻辑网格右上还有呼吸Breathe面板对 idle 这类静止姿势做确定性的 squash stretch 呼吸循环depth、breaths/loop 都可视化调节底部帧条实时展示烘焙结果详见 docs/breathing.md。等距地面网格家具资产也能一键落位对等距isometric素材集编辑器会读取meta.json的瓦片/锚点参数在帧上叠加菱形地面网格——用剪切手柄把家具沿菱形轴一转立刻贴合地板没有运行目录、只有一张成品图集先用sprite-gen unpack-atlas --atlas sheet.png反向拆出一个可编辑的 run再打开精选视图即可流程见 docs/curation.md。不只是精灵通用图像候选对比视图把编辑器指向任意图片文件夹unpack_atlas_run.py --pngs-dir它就是一个通用的「挑赢家」视图图标方案、生成草稿、导入的静态素材集都能按行对比、加选、导出。导入的等距家具集效果每个状态的帧卡片下方都标注了实时变换读数如r0° ×1.00 0,0所见即所得。烘焙与导出拿到引擎就绪的资产图集顶部的Export PNGs / Bake atlas按钮会按当前精选状态现场计算并打包下载透明 PNG 序列、运行时图集附机器可读的manifest.json.frame_layout帧矩形与每状态 fps你的引擎直接采样矩形不再猜网格。计算产物同时留在 run 目录里——run 目录是工作间下载才是交付。一条底图进游戏里跑起来的精灵出。下面这些角色都来自同一套流程相关文档与源码路径精选视图完整契约含curation.json字段说明docs/curation.md用户请求 → 流水线的对话流程docs/user-workflow.md呼吸效果烘焙细节docs/breathing.md服务端入口sprite_gen/serve/serve_curation.py前端界面实现sprite_gen/serve/curator/运行目录数据契约docs/run-contract.md 记住这套节奏生成给 90%精选给 10%边车保安全——把 AI 资产从「能用」推到「能上」只需要一个浏览器页面。【免费下载链接】sprite-genGenerate clean 2D game sprites animation atlases — component-row pipeline: state rows, alpha cleanup, frame extraction, runtime atlases. Codex/Claude skill.项目地址: https://gitcode.com/gh_mirrors/sp/sprite-gen创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考