精灵动画工作台 · Sprite Studio

看左边是原图每个格子做什么，中间是它动起来的样子。把你自己画的精灵图拖进来，用同一套动作定义立刻预览动画。所有处理都在本地浏览器里完成，不上传任何文件。

1原图解剖 —— 每个格子是什么

格子编号按「从左到右、从上到下」计。灰底格子是图集里留空、原站代码从未取用的位置。

    2动起来的样子

    下方色条是帧序列，亮的那个是当前帧。帧率与循环点和原站代码一致。

    预览背景 角色是给浅色场景画的，想看清轮廓用「浅色」

    3切片参数与动作定义

    动作 起始帧 帧数 每帧时长 ms 循环回到
    「起始帧」是全图线性编号（0 起），可以跨行

    帧数据来源：UniverseGameSet_01.png 与 githubuniverse.com 的 MONA_CLIPS 定义 · 播放一律关闭插值（image-rendering: pixelated），保证像素边缘不糊