cocos jsc(cocos菜鸟教程)

最近自学了Cocos JS，手里正好有一套Flash动画源文件。我打算利用这些资源学习龙骨(龙骨动画)。
流程如下：
用Cocos Creator新建一个项目，布局如下图：DBAnimation是一个空节点，用于以后挂载导出的DragonBones动画数据。用于导出龙骨动画的资源将放在SceneAnim目录中。
下载最新版本的DragonBones和Flash Pro插件。现在官网的DragonBones(简称DB)最新版本是5.6。直接从官网下载就可以了。Flash Pro插件的链接指向github，插件最新版本是V3.0.1，直接下载就好。
DB地址：http://dragonbones.com/cn/download.html,官网
DB Flash插件在：https://github.com/DragonBones/DesignPanel/releases的地址
下载Adobe Animate和Anastasiy扩展管理器(插件管理器)。在这里说一下，Flash CS6在网上是可以的，但是我的DB Flash插件无论如何也安装不了，Adobe官网也放弃了Flah项目的维护(改为Animate)。如果有带Flash CS6和DB Flash插件的，可以跳过这一步。
在这里，我想说Animate是收费的(NND，一年888人民币)。对于一个小程序来说还是有点贵，所以被迫安装了破解版。
这里只给出软件的官网地址。
Adobe Animate官网地址：https://creativecloud.adobe.com/apps/download/animate promo id=vy 36k 4 sdmv=其他
Anastasiy推广经理官方网站地址：http://install.anastasiy.com/
Animate安装DB插件时，只需从github拖动zxp插件文件到Animate插件管理器，如图。
用软件导出DB动画文件供程序使用，工人要想做好事，必须先磨利工具。通过以上步骤，我们终于做好了所有需要的准备工作，接下来就开始导出即将要用到的动画数据。动画编辑器中的效果如图所示。
然后导出到DB识别的动画数据，如图
然后单击导入-& gt；在弹出的DragonBonesDesignPanel界面点击OK，如图
之后会弹出动画数据界面，如图
最后点击导出，导出的数据格式为Json，如图
只需指定最终导出文件的路径。然后使用DragonBones工具查看导出的zip包数据，如图。
如果一切正常，可以在DragonBones中看到和Animate中一样的效果，然后导出到最终的数据中，如图所示。
最后，打开Cocos Creator项目，再找到三个文件，如图所示。
在cococreator编辑器中，使用导出的DragonBones动画数据选择DBAnimation节点，添加DragonBones组件，然后将骨骼数据和贴图数据拖动到DB组件上，如图所示。
添加代码按规则播放动画代码并直接截图，如图。
浏览器最终运行效果如图。
结论学习永无止境，记录点点滴滴，记录成长。感谢您的观看。