cocos creator动态加载DragonBones

根据creator的龙骨组件来看的话添加一个龙骨的话需要设置五个地方，分别是DragonAsset（龙骨的配置json文件），DragonAtlas（龙骨的纹理json资源），Armature（Armature名称），Animation（Animation名称），playTimes（动画的循环次数）。
如果只是播放一个单一的龙骨的话直接把资源拖到相应的位置，设置一下动画然后就ok了，但是需要切换不同的龙骨的资源的时候要咋办？按照我的经验来说的话有如下三点可以解决：

制作成预制资源，在需要的时候加载不同的预制体。
事先把每个需要用到的龙骨附加到不同的节点，然后根据需要哪个龙骨进行显示跟隐藏。
动态加载龙骨，利用一个DragonBones组件，当需要不同的龙骨资源的时候动态加载龙骨资源并附到组件上面。

分析上面三点的话，肯定是3最省事省心，1跟2的话没有什么难点，无非就是控制好加载哪个预制体，控制哪个节点的显示。接下来就说说如何实现动态加载龙骨。

动态加载龙骨的思路：利用loader加载需要用到的龙骨资源，然后把需要用到的资源赋值给龙骨组件，设置好各项的参数。
代码如下

    /*** 动态加载龙骨* @param animationDisplay  龙骨组件* @param path              龙骨地址* @param armatureName      Armature名称* @param newAnimation      Animation名称* @param completeCallback  动画播放完毕的回调* @param playTimes         播放次数 -1是根据龙骨文件 0五险循环 >0是播放次数*/loadDragonBones(animationDisplay, path, armatureName, newAnimation, completeCallback, playTimes = 1) {  //动态加载龙骨cc.loader.loadResDir(path, function(err, assets){if(err || assets.length <= 0)  return;assets.forEach(asset => {if(asset instanceof dragonBones.DragonBonesAsset){animationDisplay.dragonAsset = asset;}if(asset instanceof dragonBones.DragonBonesAtlasAsset){animationDisplay.dragonAtlasAsset  = asset;}});animationDisplay.armatureName = armatureName;animationDisplay.playAnimation(newAnimation, playTimes);animationDisplay.addEventListener(dragonBones.EventObject.COMPLETE, completeCallback);})}

在实现的过程中遇到的几个坑记录一下，一个是armatureName跟Animation一定要一起设置，设置一个的话是不起作用的。用animationDisplay.playTimes = 1的方式设置播放次数也是不起作用，必须要在playAnimation方法里面设置才生效。

cocos creator动态加载DragonBones相关推荐

Cocos Creator 资源加载流程剖析【二】——Download部分
Download流程的处理由Downloader这个pipe负责(downloader.js),Downloader提供了各种资源的"下载"方式--即如何获取文件内容,有从网络获取 ...
Cocos Creator 3.x 动态加载龙骨动画
龙骨动画比序列帧优点好太多了, CocosCreator 提供了很好的支持: 我们就用龙骨软件自带的动画做一个demo 给大家介绍下: 1. 第一步肯定是导出资源我这边是按照目录进度的加载 ...
CocosCreator-精灵动态加载图片资源，实例化精灵
CocosCreator-3.0-精灵动态加载图片资源,实例化精灵 var spriteFrameEnemyBigGlobal:SpriteFrame; // 精灵框架敌人大号全局变量 onLoad( ...
Cocos Creator - 动态合图(dynamicAtlasManager)
步骤 Cocos Creator - 动态合图(dynamicAtlasManager) 前言启用.禁用动态合图贴图限制支持定制的渲染组件调试总结 Cocos Creator - 动态合图( ...
动态加载子节点_微信小游戏开发之场景切换和常驻节点传递数据
主题场景切换场景间数据传递方式小游戏全局背景音效特别说明 CocosCreator微信小游戏开发系列文章,是我在逐步开发过程中,基于官方文档之上,记录一些重点内容,以及对官方文档中有些知识点的 ...
CocosCreator开发笔记(21)-cc.Sprite的动态加载和释放
cc.Sprite是Creator中比较常用的一个组件,实际使用中常常需要做动态/异步加载.要让它显示图片,实际上主要是设置SpriteFrame. let path = 'resources/tes ...
破解猫眼动态加载的票房数据
破解猫眼电影网动态加载的票房.观看人数数据 **一.先交代下前事** 二.具体的分析一.先交代下前事先交代下背景,这次我们要爬的网站是猫眼,尽管猫眼电影网是一个静态网页,没有Ajax动态加载那些七 ...
CocosCreator 动态加载与远程加载资源汇总
CocosCreator 动态加载与远程加载资源汇总概述所有需要通过 cc.loader.loadRes 动态加载的资源,都必须放置在 resources 文件夹或它的子文件夹下.如果一份资源仅仅 ...
js 动态加载select触发事件
动态加载select后,手动调用一下 subjectChange函数,模拟触发change事件 function hallidChange(value) {$.ajax({type: "po ...

cocos creator动态加载DragonBones

cocos creator动态加载DragonBones相关推荐

最新文章

热门文章