cocos2dx js 龙骨动画
时间: 2023-08-14 21:33:07 浏览: 155
cocos2d-x 动画演示 源码
5星 · 资源好评率100%
cocos2d-x JS 通过 DragonBones 插件支持龙骨动画。以下是使用步骤:
1. 首先需要在项目中引入 DragonBones 插件,可以在 Cocos Creator 中通过菜单 "扩展 -> 扩展商店" 搜索 "DragonBones" 安装插件。
2. 在需要使用龙骨动画的场景中,创建一个 cc.Node 对象,并添加 DragonBones.ArmatureDisplay 组件。
3. 在代码中加载龙骨动画资源,可以使用 cc.loader.loadResDir 方法加载整个资源文件夹,也可以使用 cc.loader.loadRes 方法加载单个资源文件。
4. 加载资源成功后,通过以下代码播放龙骨动画:
```
var armatureDisplay = node.getComponent(dragonBones.ArmatureDisplay);
var armatureName = "dragonBonesName"; // 龙骨动画名称
var animationName = "animationName"; // 动画名称
armatureDisplay.dragonAsset = dragonAsset;
armatureDisplay.dragonAtlasAsset = dragonAtlasAsset;
armatureDisplay.armatureName = armatureName;
armatureDisplay.playAnimation(animationName, playTimes);
```
其中,dragonAsset 和 dragonAtlasAsset 分别为加载的龙骨资源和图集资源,playTimes 为动画播放次数。
5. 龙骨动画播放完毕后,可以通过监听 ArmatureDisplay 组件的 "completed" 事件进行处理。
以上是 cocos2d-x JS 中使用 DragonBones 插件播放龙骨动画的基本步骤。
阅读全文