SPINE骨骼动画预览
未加载资源 返回工具集
未选择资源

Spine 骨骼动画预览工具

选择资源目录后,文件仅在当前浏览器中读取。支持 .skel 或 .json、.atlas 以及 PNG、JPG、WebP 贴图。

准备就绪仅在本地浏览器内处理
GRID全部骨骼动画

Spine 骨骼动画预览工具

这是一个在浏览器中本地查看 Spine 动画资源的工具。选择包含骨骼数据、图集和贴图的目录后,可从资源列表和动画列表中定位内容并预览播放效果。选中的文件仅由当前浏览器读取,不会上传到服务器。

支持的 Spine 资源

骨骼数据支持 .skel.json;图集支持 .atlas;贴图支持 PNG、JPG、JPEG 和 WebP。为使图集能正确找到贴图,请保留资源导出时的目录结构和相对路径。

本地读取与隐私

目录选择和资源解析发生在本地浏览器中。页面不将骨骼、图集或贴图文件上传到服务器,适合先对项目资源进行本地检查。

如何预览 Spine 动画

  1. 将同一资源的骨骼数据、图集和贴图放在保留原有路径关系的目录中。
  2. 点击“选择资源目录”,授权浏览器读取该目录。
  3. 从资源列表选择骨骼文件,再从动画列表选择需要查看的动画。
  4. 需要批量查看时,点击“全部预览”,可按页浏览并搜索资源。

加载异常排查

若资源无法加载,请先检查 .skel.json.atlas 与贴图是否完整,以及相对路径是否被改变。Spine runtime 与导出版本可能存在兼容性要求,版本不匹配时应使用与资源对应的 runtime。

常见问题

支持哪些 Spine 文件格式?

工具识别 .skel.json.atlas 以及 PNG、JPG、JPEG、WebP 贴图。资源之间的相对路径应保持不变。

Spine 动画资源会被上传吗?

不会。文件由当前浏览器本地读取,用于生成预览;页面不会上传所选目录中的资源。

为什么加载失败或动画显示异常?

通常需要检查资源是否齐全、图集引用路径是否正确,以及导出版本是否与当前 runtime 兼容。不同版本的 Spine 资源不能保证使用同一 runtime 正常加载。

可以同时查看目录内多个动画吗?

可以。加载目录后点击页面顶部的“全部预览”,即可分页查看多个骨骼资源,并使用搜索缩小结果范围。