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 接口参考

相关推荐
律宏阔18 小时前
Taro 4 项目从 npm 迁移到 pnpm 踩坑实录
前端·微信小程序·taro
恩创软件开发21 小时前
自助KTV系统管理员续单功能
经验分享·小程序
多客:duokelijie2 天前
代练订单系统选型思路:跨品类游戏接入、订单分层管理、自动结算逻辑拆解!
数据库·mysql·微信小程序·前端框架·uni-app·php·持续部署
AI源码3 天前
在线考试小程序
小程序·notepad++
计算机毕设定制辅导-无忧学长3 天前
《基于微信小程序健康习惯激励系统设计与实现》
java·spring boot·mysql·微信小程序·uniapp·健康习惯激励系统
2501_916008893 天前
iPhone 设备信息查看,用 KeyMob 看型号、序列号、电池健康和 UDID
android·ios·小程序·https·uni-app·iphone·webview
拖孩4 天前
流量主门槛从 500 降到 100,我的小程序上线 18 小时够到了线
前端·后端·微信小程序
云-缩影4 天前
做微信小程序,自建服务器还是用云托管:技术选型对比
服务器·微信小程序·小程序
avi91114 天前
【AI教人】UnityEditor扩展Spine动画,Spine骨骼,预览Preview一切
spine·骨骼动画·1024程序员节·editor扩展·spine动画·spine骨骼
极限挑战哥4 天前
共享电单车联营平台分账架构实践:二清合规与自动分账零人工方案
java·大数据·人工智能·微信小程序·架构·微信公众平台