CocosCreator官方示例 - spine系列

2024-04-19 20:29:41

1.动态加载spine动画

挂载spine动画依赖sp.Skeleton组件

设置spine动画三个重要的属性，也可以代码动态设置

Skeleton Data	骨骼信息数据，拖拽 Spine 导出后的骨骼资源到该属性中
Default Skin	选择默认的皮肤
Animation	当前播放的动画名称

通过代码加载，读取assets/resources目录下的资源初始化spine动画

cc.loader.loadRes('loadSpine/alien-ess', sp.SkeletonData, this.onProcess.bind(this), this.onComplete.bind(this));

在onComplete回调里执行下面操作

let spine = this.getComponent('sp.Skeleton');

spine.skeletonData = res;

let animate = spine.setAnimation(0, 'run', true);

这样就完成了动态加载spine动画

2.spine动画的动作

setMix(fromAnimation, toAnimation, duration)

为所有关键帧设定混合及混合时间（从当前值开始差值）

说白了就是两个动作切换时，不在是生硬的切换，而是上一个动作快结束时，下一个动作开始进入

具体详情点击 https://www.cnblogs.com/BigFeng/p/6781855.html

setAnimation(trackIndex, name, loop)

设置当前动画。队列中的任何的动画将被清除，返回一个 sp.spine.TrackEntry 对象。

set相同的trackIndex 上一个动作会被覆盖

假如trackIndex == 0是walk动作，此时想播放射击动作，因为walk动作不能停下，那么就将shoot动作的trackIndex设置为1

addAnimation(trackIndex, name, loop, delay)

添加一个动画到动画队列尾部，还可以延迟指定的秒数，返回一个 sp.spine.TrackEntry 对象

3.Spine 换装

具体详见 https://docs.cocos.com/creator/2.2/manual/zh/components/spine.html#spine-%E6%8D%A2%E8%A3%85

部分换装

简单点说就是通过替换 findSlot 插槽的 attachment 对象，产生局部换装的效果，attachment 对象的是通过 findSlot 找到的

下面是spine动画的部分json数据

整体换装

setSkin('goblin')

setSlotsToSetupPose()

CocosCreator官方示例 - spine系列相关推荐

STC单片机驱动BLDC无刷直流电机(无HALL)官方示例
STC单片机驱动BLDC无刷直流电机(无HALL)官方示例示例代码在STC8系列文档第20章里面:http://www.stcmcudata.com/STC8F-DATASHEET/STC8H.pd ...
【AR.js】初步认识与官方示例的使用
说在前面测试浏览器:Microsoft Edge(PC版本 97.0.1072.55)/Firefox(Android) github库:AR.js AR系列文章:这里 go版本:go versio ...
Android鬼点子-通过Google官方示例学NDK（4）
如果你看遍了网上那些只是在C++里面输出一个 ' helloWorld ' 的NDK教程的话,可以看看本系列的文章,本系列是通过NDK的运用的例子来学习NDK. 如果对这方面感兴趣,可以看看前三篇. ...
实现3d图片移动_ThingJS官方示例（三）：3D标记Marker动效定制化
物联网3D可视化场景中,经常用到标注元素作为线路标绘.业务区域标绘,比如定位物联网设备或危险源位置,进行安全作业或者路径导航规划,远程解决难题. ThingJS的3D标记"Marker&qu ...
【Android 插件化】DroidPlugin 编译运行 ( DroidPlugin 简介 | 编译 DroidPlugin 官方示例 | 运行 DroidPlugin 官方示例 )
文章目录一.DroidPlugin 简介二.DroidPlugin 编译运行 1.编译 DroidPlugin 官方示例 2.运行 DroidPlugin 官方示例一.DroidPlugin 简 ...
【Android 热修复】运行 Tinker 官方示例 ( 处理 TINKER_ID 问题 | 编译 debug 包 | 修改 Gradle 脚本 | 生成 patch 包 | 热修复 )
文章目录一.下载官方示例源码二.处理 TINKER_ID 问题三.编译 debug 包四.安装 APK 并运行五.修改 Gradle 构建脚本中的文件名称六.修改程序逻辑代码七.生成 p ...
Qt Dock Widgets 官方示例的翻译
目录名字 Qt Dock Widgets 官方示例的翻译 Dock Widgets Example 介绍: MainWindow Class 定义: MainWindow Class 关联的相关头文件 ...
AXI-IIC官方示例解析
AXI-IIC官方示例解析说明:本文是作者自己对Xilinx的AXI-IIC的官方示例的解析,如有错误望各位指正. 文章目录 AXI-IIC官方示例解析前言 xiic_eeprom_example ...
微信小程序获取用户手机号--官方示例
微信小程序获取用户手机号–官方示例 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNu ...

最新文章

热门文章