Codex 内建 Image2:一句话生成 2D 游戏精灵图
@0x0funky:prompt→生图→sprite sheet→去背→透明 PNG→GIF,Codex 一手包办,还自带 review 微调。
开篇:这课解决什么问题
@0x0funky 本来只想测"能不能生成 2D game sprite",结果发现 Codex 内建的 Image2 已经能很稳地产出角色动作的 sprite sheet。于是顺手做成 Skill:一句 prompt,生成任何 2D 动画。
更狠的是:从 prompt 设计到 image gen,到 sprite sheet、cleanup、透明 PNG、animated GIF,全部 Codex 一手包办——生成完还会自己 review、微调,直到输出干净。
全链路:6 步 Codex 全包
以下来自 @0x0funky 的实测。一句 prompt 进去,Codex 按顺序干完 6 步:
- 1. prompt 设计:把你的需求翻译成生图提示词。
- 2. image gen:调用内建 Image2 生成。
- 3. sprite sheet:拼成精灵图集(多帧动作排成一张大图)。
- 4. cleanup:清理杂点、修边。
- 5. transparent PNG:输出透明底 PNG。
- 6. animated GIF:合成可动的 GIF。
做完还有第 7 步:自己 review、微调,直到输出比较干净——等于请了个会自我质检的助理。
这条链路像"中央厨房":你点一道菜(prompt),配菜、切配、烹饪、摆盘、质检全在后厨自动完成,端出来就是能吃的 GIF。
Skill:agent-sprite-forge
作者把这套链路开源成了 Skill:agent-sprite-forge(github.com/0x0funky/agent-sprite-forge)。
Skill 的通用装法见《第 18 课》。装上后,"生成 2D 元素 Sprite 跟 gif"就真的只是一句话的事。作者还补了一句:"玩上瘾了还可以叫 Codex 直接组合技能"——比如生图技能 × 动画技能叠着用。
实测:90 分钟复习影片 10 分钟做完
作者老婆开补习班,教学影片也交给 agent 做:一整个学期总共 90 分钟的复习影片,10 分钟做完,"重点是质感还不差"。
这就是"解放双手时代"的体感:以前做 2D 动画 = 画帧 + 抠图 + 拼 sheet 的体力活;现在 = 一句话 + 等 Codex 交作业。
边界:轻量路线的天花板
诚实地说,这条路线是轻量路线:
- 适合:2D 小动画、教学视频素材、简单的角色动作循环。
- 不适合:每帧角色必须长得一模一样、网格严格对齐的游戏级交付——那是《第 21 课》sprite-gen 的地盘。
AI 直接生 sprite sheet 的三大折磨(@realfxw 总结):每帧角色长相不同、绿幕抠图有毛边、动作对不齐网格。本课路线"够用",但痛点重的话请移步第 21 课的工程级方案。
进阶:痛点重的请看第 21 课
本专题 2D 精灵图有两课,分工如下:
- 本课(第 9 课):轻量路线——Codex 内建 Image2 + agent-sprite-forge,一句话出 GIF。
- 第 21 课:工程路线——sprite-gen 开源工具,专治换头、毛边、对不齐,输出引擎级 manifest 直进 Phaser/Flame/Aseprite。
先拿本课跑通"一句话出动画"的感觉,遇到天花板再升级工具链。
本课像"家用缝纫机":日常改衣服够用;第 21 课像"工业缝纫机":开服装厂才需要。先分清自己是改衣服还是开厂。
术语翻卡:点卡片看解释
自测一下:点问题展开参考答案
prompt 设计 → image gen → sprite sheet → cleanup → 透明 PNG → animated GIF,全由 Codex 一手包办,做完还自己 review 微调。
agent-sprite-forge(github.com/0x0funky/agent-sprite-forge)。
90 分钟的学期复习影片,10 分钟做完,且质感不差——体力活被 AI 接管。
本课是轻量路线(一句话出 GIF);第 21 课是工程路线(治换头/毛边/对不齐,输出引擎级交付)。