Spine2D骨骼动画播放器 - 微信小程序版

Spine2D骨骼动画播放器 - 微信小程序版

  • 简介
    • 平台支持
  • 界面预览
  • 使用说明
    • 演示视频
  • 版本
  • 笨笨的小目标(废话)
  • 参考资料
    • 测试文件
      • 百度盘分享
    • 相关文档

简介

本播放器是SpinePlayer的微信小程序版。由于官方并没有提供现成的运行库,只能自己改造。
设计目的,方便 Spine 用户直接通过微信小程序预览动画。

  • 关于播放器的意见建议在此帖回复。(私信太多,看不过来)
  • 报BUG也是在这回帖,这就当BUG清单用了。
  • 有什么新动态,我会在此帖子追加更新。
    • 要考虑到毕竟很多人没注册CSDN,所以头条我也会同步发。
  • 需要实时讨论的可以到QQ群,我不一定在,但是那人多,管理也很热情。您遇到的问题,大多数情况是别人已经解决过的。

平台支持

安卓:支持
苹果:支持

PC:不支持。因为微信没给PC端选择文件的接口。看到社区里被追问了几年了,到现在还是用不了。

扫码打开小程序
Spine2D骨骼动画播放器 - 微信小程序版_第1张图片

界面预览

Spine2D骨骼动画播放器 - 微信小程序版_第2张图片 Spine2D骨骼动画播放器 - 微信小程序版_第3张图片 Spine2D骨骼动画播放器 - 微信小程序版_第4张图片 Spine2D骨骼动画播放器 - 微信小程序版_第5张图片

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

Spine2D骨骼动画播放器 - 微信小程序版_第6张图片 Spine2D骨骼动画播放器 - 微信小程序版_第7张图片 Spine2D骨骼动画播放器 - 微信小程序版_第8张图片 Spine2D骨骼动画播放器 - 微信小程序版_第9张图片

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

Spine2D骨骼动画播放器 - 微信小程序版_第10张图片 Spine2D骨骼动画播放器 - 微信小程序版_第11张图片
8. 没了。。。

使用说明

分角色举例:动画师(K动画)、策划(验收)、甲方(验收)

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

演示视频

Spine2D骨骼动画播放器 - 微信小程序版_第12张图片

版本

  1. 目前为第一版阶段将会完成对 3.8、4.1 两个运行库版本的支持。

笨笨的小目标(废话)

仓促之间难免遗漏,对于小程序后期会逐步完善。

  1. 关于笨笨的小目标,想在抖音开直播玩玩,分享一下日常学习生活,但是目前粉丝量不够(无法电脑上开直接),快来粉啊。(听说头条粉满1000也算)
  2. 虽然之前笨笨出了不少Spine教程,但自己竟一直用的试用版(哭晕在厕所)。想存钱买一个。所以如果小程序能一直运营下去,后期会考虑挂广告。(你考虑个毛,你广告位都留好了)
  3. 之前出教程,基本是在公司利用工作时间摸鱼(说是摸鱼,可我的头发怎么少了555),结果公司都被干倒了。当然公司倒闭这事我也不能居功,(大吼:)毕竟你们也都不是无辜的。

参考资料

测试文件

给没有CSDN账号的同学准备的。(有CSDN账号的在帖子顶上找,直接免费下载即可)
这是一个内含图(绅士都懂)测试包就在里面
Spine2D骨骼动画播放器 - 微信小程序版_第13张图片
用法:

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

Spine2D骨骼动画播放器 - 微信小程序版_第14张图片 Spine2D骨骼动画播放器 - 微信小程序版_第15张图片

百度盘分享

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

相关文档

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

微信小程序 - 官方文档 API

MDN WebGL - Web API 接口参考

你可能感兴趣的:(Spine,2D,骨骼动画,微信小程序,小程序,Spine)