Boneview · Spine骨骼动画预览器 - 纯离线单文件 HTML,专为手机优化,直接用浏览器打开!

不会代码和Spine,用豆包 2.1 Pro 在工作任务-云端电脑模式 VibeCoding 了一个单文件HTML的Spine骨骼动画预览器。
我把要copy的spine播放器的GitHub库 和 想把他们迁移到安卓手机端的需求给豆包,豆包回复做不了没安卓工具链路,推荐做html。在v0.4版本跑通了基本的播放问题,后面一直在修bug,提需求,解决bug。

Spine Viewer - 骨骼动画预览器

SpineViewer-offline-v0.4-fix136.zip (844.4 KB)

  • 支持 Spine 3.6–4.3(.json/.skel),自动识别版本,可以导入文件、文件夹或者zip压缩包。
  • 用的file:// 没有隐私风险
  • 有快播功能(顺序播放第一个模型的第一个动作到最后一个模型的最后一个动作)
  • PMA 自动选择,少数模型识别不了转预乘。
  • 5 套界面主题
  • 可以切换30或者60帧、自动渲染像素比(可以选1 1.5 2)、3种初始缩放策略,让模型刚好占满屏幕尺寸
  • 设置参数保存在浏览器LocalStorage,不用每次去修改偏好选项
  • 还有好多细节,用豆包 fix136
  • 另外,spine资源自己准备,比如ero,ntk的二黄。

另外我没有引流,html里面什么都可以看到,里面加了几个base64的签名,欢迎页写的也是参考的开源github库和两个兴趣社区,另外一个社区是喜欢live2d和spine的非商业兴趣社区。

4 个赞
  • 修复一个bug。模型列表连续点击相同模型两次,重载时贴图丢失。
  • 感兴趣的可以试试从URL加载模型
    https://cdn.jsdelivr.net/gh/Nikke-db/Nikke-db.github.io/l2d/bba001/bba001_00.skel
    SpineViewer-offline-v0.4.zip (893.6 KB)