快速开始

Spine2D骨骼动画播放器 - 微信小程序版
可用于播放 Spine 导出的动画文件。支持版本：3.8、4.1（这两个版本的官方资源测试通过）

应用场景

1. 动画师：K完动画，交给领导审核。对方不在电脑边。又不想浪费时间录一大堆GIF。
2. 动画师：动画导给开发，他代码有BUG非说我导出有问题。
3. 程序员：美工导出的动画文件不对，非说我程序有BUG。
4. 策划：想仔细验收每个角色的动作和皮肤，但动画师没空。
5. 直接发给已付款的甲方预览，能有效避免对方程序甩锅。

用法简介

• 动画师：
  把导出的文件打包成 zip 通过微信聊天发给：主美、策划、已付款的甲方。

• 主美、策划、甲方：
  打开微信小程序，从聊天消息中选择 zip，加载完成后，选择【角色名】单独预览，或点击【播放全部】一起预览。

播放器预览 VS 录屏动画预览

1. 真实的播放2D骨骼动画：验收时可以自由切换角色、动画、皮肤。
2. 真实的播放2D骨骼动画：而非录制的逐帧效果。
3. 真实的播放2D骨骼动画：以官方资源9个角色为例 zip 大小 3.18M，远小于GIF。
4. 小程序上播放成功，能证明动画师导出文件正常，已圆满完成任务。
5. 小程序上播放成功，排除了导出文件异常的可能，同样能提高开发人员调试效率。

平台支持

扫码打开小程序

演示视频

界面预览

1. 选择运行库版本
2. 前往选择文件
3. 打到聊天信息
4. 选好文件，确认

6. 点击角色名称单个预览。
7. 点击播放按钮一起预览。

8. 没了。。。

使用说明

分角色举例：动画师（K动画）、策划（验收）、甲方（验收）

1. 动画师做好动画后导出 skel、json、atlas、png 等文件，打包为 zip 包。
   1.2. 注意：别用中文 毕竟底层还是人家老外做的。
2. 通过微信发给要策划，并告知运行库版本。（不知道的可咨询程序）
   2.1. 强烈建议动画师开工前，先与程序确认好使用哪个版本。
3. 策划打开小程序，进入相应版本，点击选择文件从则才的微信聊天中选择 zip 文件。
   3.1. 信不过那帮美工，自己试也行。能播放就是对了。
4. 确认后回到上一界面，会显示加载到的角色列表。
5. 点击单个角色，预览动画。或点击播放动画预览全部角色。
6. 策划验收无误，将zip包转发给已付款的甲方，如上告知预览方法。
7. 千叮咛万嘱咐，让甲方关注笨笨。
8. 打完收功。

笨笨的小目标（废话）

1. 关于笨笨的小目标，想在抖音开直播玩玩，分享一下日常学习生活，但是目前粉丝量不够（无法电脑上开直接），快来粉啊。（听说头条粉满1000也算）
2. 虽然之前笨笨出了不少Spine教程，但自己竟一直用的试用版（哭晕在厕所）。想存钱买一个。所以如果小程序能一直运营下去，后期会考虑挂广告。（你考虑个毛，你广告位都留好了）

参考资料

测试文件

给没有CSDN账号的同学准备的。（有CSDN账号的在帖子顶上找，直接免费下载即可）
这是一个内含图（绅士都懂）测试包就在里面

用法：

1. 将图片另存到本地。
2. 用解压工具打开，即可看到资源 zip

百度盘分享

喜欢用百度盘的也可以到这里下：https://pan.baidu.com/s/1wgsM4lPToEWiNquynZGSMQ?pwd=s4il

相关文档

esotericsoftware 官方运行库
esotericsoftware Spine运行时文档
esotericsoftware API 参考文档

微信小程序 - 官方文档 API

MDN WebGL - Web API 接口参考

版本历史

2023-09-07

1. 会完成对 3.8 运行库版本的支持。

2023-09-10

1. 修复 iOS 加载出错的bug。

2023-09-12

1. 添加对 4.1 运行库的支持。
2. 加载过程添加进度提示，优化用户体验。
3. 整体优化UI样式。