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

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

简介

本播放器是SpinePlayer的微信小程序版。由于官方并没有提供现成的运行库,只能自己改造。

设计目的,方便 Spine 用户直接通过微信小程序预览动画。

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

平台支持

安卓:支持
苹果:支持

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

扫码打开小程序

界面预览

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

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

  1. 没了。。。

使用说明

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

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

演示视频

版本

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

笨笨的小目标(废话)

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

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

参考资料

测试文件

给没有CSDN账号的同学准备的。(有CSDN账号的在帖子顶上找,直接免费下载即可)

这是一个内含图(绅士都懂)测试包就在里面

用法:

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

百度盘分享

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

相关文档

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

微信小程序 - 官方文档 API

MDN WebGL - Web API 接口参考

相关推荐
说私域1 小时前
淘宝直播与开源链动2+1模式AI智能名片S2B2C商城小程序的融合发展研究
人工智能·小程序·开源
说私域4 小时前
互联网生态下赢家群体的崛起与“开源AI智能名片链动2+1模式S2B2C商城小程序“的赋能效应
人工智能·小程序·开源
The_era_achievs_hero11 小时前
微信小程序71~80
微信小程序·小程序
dssxyz12 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
!win !13 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
澄江静如练_16 小时前
微信小程序发体验版
微信小程序·小程序
流口水的兔子20 小时前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
一念杂记21 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
张晓~183399481211 天前
数字人源码部署流程分享--- PC+小程序融合方案
javascript·小程序·矩阵·aigc·文心一言·html5
The_era_achievs_hero1 天前
微信小程序61~70
微信小程序·小程序