爱意满满的作品展示区。
bobo20240310

做了个给 2D 游戏用的 AI 精灵图生成器:一张角色图生成待机、攻击动画,直接导出精灵图和 JSON

  •  
  •   bobo20240310 · 2h 46m ago · 112 views

    大家好,距离上次发帖已经过去挺久了。原因是 7 月底,我又失业了,哈哈哈。

    不过这次失业我到没有那么焦虑了,原因是通过这一年的折腾,副业还是有了点成果。

    然后就是哪怕失业了,我跟朋友那边也在合作做一些游戏项目,目前有稳定的订单,虽然赚的不多,但是起码饿不死。

    然后我最近几个月呢,也在打磨自己的全新的产品SpriteCanvas,一个给 2D 游戏做角色动画的工具。

    起因是自己做小游戏:角色立绘用 AI 很快就能出,但一到“让它动起来”就卡住。逐帧手画不现实;用视频模型生成一段动画,又得自己抽帧、抠背景、对齐脚底、拼成图集、写每帧时长,一套下来比做游戏还累。SpriteCanvas 就是把这条链路做完,最后给你一张游戏引擎能直接用的精灵图。

    效果

    一张参考图,生成待机和攻击动画( 35 帧,透明背景):

    一张参考图生成待机和攻击动画

    剑士三连击,38 帧:

    剑士三连击

    技能特效也能单独生成,每个 6 帧、透明背景:

    火球、闪电、爆炸特效

    导出时可以勾“像素风”,每帧重绘到小像素网格上,整张精灵图共用一套 32 色调色板,帧与帧之间颜色不闪:

    普通导出和像素风导出对比

    怎么用

    1. 描述角色,或者上传你已有的角色图。一次出几张候选,挑一张。
    2. 选动作:待机、行走、奔跑、攻击、跳跃是内置的,也可以自己写动作描述。所有动作都从同一个角色生成,造型不会跑偏。
    3. 逐帧检查,选帧范围和帧数。
    4. 导出 PNG 精灵图和 JSON 图集。JSON 是 Phaser 、PixiJS 能直接读的 JSON Hash 格式,带每帧时长和脚底锚点。

    做完还能在内置试玩场里用键盘跑、跳、打几下,先看看手感:

    工作台

    首页就有一个能玩的示例场景,不用注册:

    首页

    视频演示( YouTube Shorts ): https://youtube.com/shorts/vfHBoUoWIm4

    不用登录的免费工具

    顺手做了几个小工具,都在浏览器里本地处理,不用注册:

    还有一套 CC0 免费素材包(苔藓骑士 5 个动作、剑士,加史莱姆、蘑菇怪、哥布林、石头巨人几个怪物和一组特效),可商用,拿去测试游戏代码也行。

    价格

    • 邮箱验证后送 40 积分,7 天内有效;之后每天送 3 积分,最多攒到 12 ,免费积分只能用于标准画质。
    • 每个任务开始前会显示要花多少积分;任务失败、没有产出时,积分会退回。
    • 付费套餐 Starter 起步价 $12/月;也可以不订阅,单独买积分包。

    目前的不足

    • 它不是逐像素的像素画编辑器。像素风是在导出时重绘的,单个像素还得去 Aseprite 这类编辑器里修。
    • 动画是排队生成的,要等一会儿,不是秒出。
    • Unity 、Godot 的导入流程还没正式验证。现在确定能直接用的是 PNG 精灵图加 JSON ( Phaser 、PixiJS 已验证)。

    想听听大家的意见:你做游戏时最缺哪类动作或素材?想要哪个引擎的导出?用下来哪里卡住了?评论区或者站内反馈都可以,谢谢!

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1495 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:01 · PVG 03:01 · LAX 12:01 · JFK 15:01
    ♥ Do have faith in what you're doing.