RMMV显示spine骨骼动画的插件

walf_man · 发表于 2017-1-20 02:54:48

加入我们，或者，欢迎回来。

您需要登录才可以下载或查看，没有帐号？注册会员

x

本帖最后由 walf_man 于 2020-1-21 18:58 编辑

本插件开源托管在Github：https://github.com/aaixy/rmmv-plugins
欢迎来给个star，欢迎fork。
插件使用样例也已开源，如何使用欢迎跟帖回复：http://rpg.blue/thread-397764-1-1.html

更新：
1.03 2020.1.21
增加对mv1.6.2和pixijs4.5.4的支持；
由于范例较大，请加我签名中的群下载吧；

1.03 2017.6.18
插件没有做任何更新，只是看到这么多人都不会用，补充一个范例，在rmmv1.0.1版本下测试一切正常。
由于只能上传2m以内的附件，所以采用7z压缩软件分卷压缩，请全部下载之后使用7z进行解压，其他压缩软件没有测试。
由于7z分卷后缀名001，002，003无法上传，因此在后面增加了.7z，请使用重命名将最后的.7z去掉之后才可以正常按照7z分卷解压。

Project_AXY_Spine.7z.001.7z (1.91 MB, 下载次数: 331, 售价: 1 星屑)

Project_AXY_Spine.7z.002.7z (1.91 MB, 下载次数: 272, 售价: 1 星屑)

Project_AXY_Spine.7z.003.7z (1.7 MB, 下载次数: 269, 售价: 1 星屑)

1.03 2017.3.30
兼容 pixi v3;
如果用的是pixi v3的话，需要自己去pixi的github下载一个pixi-spine.js，因为v3中spine被剥离了，感谢raketenfaust02反馈，详见6楼；

AXY_Spine.zip (2.6 KB, 下载次数: 162, 售价: 1 星屑)

1.02 2017.1.28
增加按照id添加、移除spine骨骼动画和移除全部spine骨骼动画的功能；
增加参数: id, opacity, rotation, loop; 意思分别是id，透明度=取值0-1之间的小数，旋转角度=0-360，是否循环取值ture/false；
增加动态改变动作功能；
例子，请在脚本命令中使用：
移除id为1的spine骨骼动画:
AXY_Spine.remove(1);
移除全部spine骨骼动画：
AXY_Spine.removeall();
改变动作，同时还可以改变位置、缩放等参数：
AXY_Spine.action({action:'jump'});
AXY_Spine.action({id:1,type:'loop',action:'jump',x:100,y:200,opacity:0.5,rotation:180,scalex:1.5,scaley:0.5});
取值：id不指定的话默认是1; type 可以是这三种值： loop/end/temp, 意思分别为：循环/执行之后结束/执行之后继续执行之前的动作，不指定的话默认是 temp;

1.01 2017.1.20
1.移除了默认的动作，现在必须手动指定动作；发现很多骨骼动画并没有walk这个动作，因此设定默认动作意义不大，反而容易出错；
AXY_Spine.show({filename:'spineboy', action:'walk'});
2.增加了提示，之前如果没有指定文件或者动作，则没有任何反应，体验不太好，现在会提示你缺少指定什么参数；
3.依赖我发布的AXY_Toast.js插件进行提示；

这个插件参考了国外，具体应该是日本的一个大神实现了的rmmv显示spine骨骼动画，
我测试成功后，封装成一个插件了，提供给大家使用拓展。
骨骼动画效率真的很高，我实测100个骨骼动画同屏，满帧60，
当添加到200个的时候仍然很流畅，基本也是维持在60帧，偶尔调到55帧左右；

大家可以看下

截图和gif动态图

用法：
比如你现在有一个spineboy的骨骼动画，包含如下文件：spineboy.atlas，spineboy.json，spineboy.png
1.将这三个spine动画文件放在spine/data/下
2.在事件中使用脚本命令：AXY_Spine.show({filename:'spineboy'});
3.enjoy！

本例截图中使用的脚本如下：
AXY_Spine.show({x:$gameVariables.value(1), y:$gameVariables.value(2), action:'walk', filename:'spineboy',scalex:0.5,scaley:0.5});
配合随机变量进行多次点击该事件进行压力测试。
其中1号变量从0-816随机，2号变量从0-624随机。

pixi的spine动画详情可以去官方网站查看：
https://github.com/pixijs/pixi.j ... le%2012%20-%20Spine

xiaoruis · 发表于 2017-1-20 06:07:17

白嫩白嫩的 · 发表于 2017-1-20 14:22:42

每次大神都会给我们带来惊喜

raketenfaust02 · 发表于 2017-1-22 12:51:06

给你65535个赞！

希望早日实用化，有兴趣的话可以PM我讨论spine

raketenfaust02 · 发表于 2017-3-28 15:13:01

这个插件是基于PIXI v2做的？MV更新之后运行就会报错：

The Loader system was overhauled in pixi v3， please see the new PIXI.loaders.Loader class.

raketenfaust02 · 发表于 2017-3-31 10:49:16

本帖最后由 raketenfaust02 于 2017-3-31 14:15 编辑

报错：Uncaught TypeError: Undefined is not a funtion
另外MV 1.34之后不就自带PIXI v3环境了么

没事，解决了。
v3把spine运行库单拆出一个pixi-spine.js来
从github上拖下来一个就可以播放了

克里斯蒂娜17 · 发表于 2017-6-15 03:43:16

那个，不知道大神还在吗？因为现在对这个spine和RPGMV的整合非常感兴趣，所以把这个帖子翻出来。现在PIXI的版本好像都已经提升到v4.0.3了，不知道是不是插件不支持的原因，我使用后报错说function not defined。我也从github上搜了下拖了个PIXi_spine.js 下来还在index里include了一下，但好像没什么用处，不知道我是哪里做的不对吗？

LanceRPG · 发表于 2017-6-15 12:08:54

这个用法能否再详细一些， spine 那个data文件夹放在MV工程文件的哪里？

克里斯蒂娜17 · 发表于 2017-6-15 15:15:45

克里斯蒂娜17 发表于 2017-6-15 03:43
那个，不知道大神还在吗？因为现在对这个spine和RPGMV的整合非常感兴趣，所以把这个帖子翻出来。现在PIXI的 ...

嗯嗯，上面那位大大说得是对的，PIXI是RPG MV的内核，也就是说RPGMV的所有环境其实是基于PIXI来搭建的，这就是说PIXI支持的所有功能理论上来说RPG MV上应该都能实现，只是理论上来说。因为我试着给Sprite挂在PIXI中的鼠标events就失败了，到现在也没搞清楚是怎么一回事……

raketenfaust02 · 发表于 2017-6-16 09:28:44

克里斯蒂娜17 发表于 2017-6-15 15:15
嗯嗯，上面那位大大说得是对的，PIXI是RPG MV的内核，也就是说RPGMV的所有环境其实是基于PIXI来搭建的， ...

没有，为了稳定我还在用v3的pixi

帐号		自动登录	找回密码
密码			注册会员

[原创发布] RMMV显示spine骨骼动画的插件

加入我们，或者，欢迎回来。

评分

点评

点评

点评

点评

开拓者