感谢『简书 ID: 曾彬思』友情提供
http://www.jianshu.com/p/a8686e5e30e9
刚刚接触Cocos Creator(简称:ccc)不久,对于Creator还是比较陌生的。之前有个朋友发了一个DragonBones的骨骼动画文件,说看能不能让里面的轮子转动起来。由于ccc和Unity3D都是组件化的编辑器,所以基本操作类似,我便开始尝试。
1
导入资源文件
导入文件
如上图所示,在资源管理器的assets文件夹下新建一个“test”文件夹,然后将DragonBones的三个资源文件拷贝到该目录下即可。
2
创建游戏对象
创建一个空的游戏对象
在游戏场景内添加一个空的节点,在层级管理器内将其拖拽成为Canvas的子节点,然后修改空节点的名称为“car”。
3
添加组件
添加龙骨组件
在层级管理器内选中car,然后点击菜单栏的“组件->添加渲染组件->DragonBones”为car添加一个骨骼动画组件。
组件属性说明
添加后可以在属性检测器面板上看到该组件。
4
绑定骨骼数据
对应的资源文件绑定
将资源管理器中的骨骼数据和骨骼纹理集数据拖拽到属性检测器dragonBones.ArmatureDisplay组件的对应属性上松开即可完成绑定。
选择显示的骨架和动画
然后设置对应的Armature和Animation属性。
Scene预览
完成以上操作,DragonBones的骨骼动画就成功的显示在了场景编辑器面板中。
5
添加脚本组件
新建脚本组件
在资源管理器的test文件夹上右键“新建->JavaScript”创建一个脚本组件,并命名为“TestDB”。
绑定脚本组件
将该脚本组件直接从资源管理器拖拽到属性检查器面板松开,完成组件绑定。
6
编辑脚本组件代码
双击资源管理器的“TestDB”组件,打开代码编辑器
修改代码如下:
完成编辑后保存,运行即可看到效果。
之前有在此处踩坑的小伙伴们,记得收藏。
虽然本教程基于Cocos Creator v1.4版本编写,
但目前官方已经出到最新v1.5.2,
有需要的小伙伴自行进阅读原文下载升级哦。