冷知识 动画制作教程（菜鸟龙骨制作火焰帧动画）

冷知识 动画制作教程（菜鸟龙骨制作火焰帧动画）选择骨架装配，把第一种图片拖去，位置选择0，0。 在图片上创建一个骨骼，骨骼的位置选择 0，0。 打开龙骨，创建项目，选择骨骼动画，这样可以同时编辑多个动画，也可以和龙骨接合做动画，本教程制作帧动画，所以选择骨骼动画模板。 把选好的图片拖进资源。

本次给开发者带来的教程是 通过龙骨制作火焰帧动画 ， 让开发者们通过对工具的使用来了解龙骨制作帧动画的技巧和方式。

首先我们准备制作动画所需要的图片：

打开龙骨，创建项目，选择骨骼动画，这样可以同时编辑多个动画，也可以和龙骨接合做动画，本教程制作帧动画，所以选择骨骼动画模板。

把选好的图片拖进资源。

选择骨架装配，把第一种图片拖去，位置选择0，0。 在图片上创建一个骨骼，骨骼的位置选择 0，0。

把图片绑定到骨骼上，把剩余的图片拖到插槽里。

择动画制作，在每两帧上面换一张图片资源。

最后导出项目。在 wing里配置好导出的三个文件夹，在Main里面写如下代码：

let dragonbonesData = RES.getRes("龙骨的数据"); let textureData = RES.getRes("图片的数据"); let texture = RES.getRes("图片"); let jinqiuegretfactory: dragonBones.EgretFactory = dragonBones.EgretFactory.factory; jinqiuegretFactory.parseDragonBonesData(dragonbonesData); jinqiuegretFactory.parseTextureAtlasData(textureData texture); let armature= jinqiuegretFactory.buildArmatureDisplay("armatureNamejinqiu"); this.addChild(armature);

最终结果如下：

通过本篇教程可以学会：1、使用龙骨制作帧动画；2、在代码中引入帧动画。 以上就是本次教程的全部内容了，不知道各位开发者小伙伴们看完之后有没有学会，如果有任何关于白鹭引擎的问题，欢迎在文章内评论，我们共同交流探讨。