Sprite-Motion-Lab:雪碧图动画编辑器

原理等后面我有空写一篇文章再说,先讲怎么用:

使用指南

先用文生图工具生成雪碧图,一个用于生成雪碧图的示例提示词如下(可以给AI让它帮你改成自己想要的):

生成一张 4×4 的动画雪碧图:同一只可爱的虎斑猫坐着眨眼。透明背景 PNG,严格 4 列 × 4 行,共 16 个等大单元;每个单元只放一个完整动作帧;相机、比例、光照和脚底基线保持一致。每只猫都必须完整位于自己的单元内,四周至少保留 12 px 透明留白。单元之间不能重叠,不要间距线,不要文字、标签、拼贴,不要超出单元的阴影。帧顺序从左到右、从上到下:睁眼、眨眼、睁眼、歪头,然后重复并做细微自然变化。添加图片注释,不超过 140 字(可选)

比如我生成的是这样的:

然后导入到网站中:

直接下一步(如果划分还不准,这里可以自行手动调整每一帧边框):

再下一步:

导出为Gif如下(目前用的算法重心对的还不太准,后续有时间会改进):

Demo地址: Sprite Motion Lab · 雪碧图动画编辑器

Github地址:Sprite-Motion-Lab

相关推荐
benbenAItalk5 小时前
数字人口播视频的批量生产实践:素材规范、任务编排与质量验收
java·前端·音视频
2601_962885726 小时前
如何用 Python 扫描 A 股跳空缺口并统计缺口回补概率?
java·前端·python
西瓜太郎12346 小时前
Claude Code、Codex CLI、Gemini CLI 能否共用一枚 Key?先看协议选择矩阵
前端·api 网关·claude code·gemini cli·codex cli
陈随易8 小时前
在Finch用了62亿词元,我认为这是新一代Agent工具之神
前端·人工智能·后端
水域安全老周8 小时前
水趣钓鱼救生衣专利拆解:两级锁紧如何解决落水人衣分离
java·前端·网络
计算机魔术师9 小时前
Anthropic CEO突然喊踩刹车,OpenAI罕见力挺:AI这辆车不能只踩油门了
前端
wing989 小时前
从codex转战workbuddy使用一周的感受
前端·人工智能·后端
EatFan9 小时前
Java接入支付宝 JSAPI 支付保姆教程(二):流程讲解与前后端代码讲解
前端·spring boot·后端·微信小程序·小程序·uni-app
梦想平凡10 小时前
百游棋牌源代码开发搭建教程(五):房间创建、座位分配与请求幂等实现
前端·javascript·数据库·源代码管理
IT_陈寒10 小时前
Redis的Set操作居然能把我的服务整挂了?
前端·人工智能·后端