【咸鱼教程】DragonBones帧动画、骨骼json、极速、二进制

公司的人想用龙骨,但是同事在官网找不着二进制的资料...于是写了个简单demo。

demo中包含了帧动画、骨骼动画json、极速和二进制的资源和代码

测试环境:
DragonBonesPro 5.5   (5.6一直报错无法导出,后来据说是未注册登录...)
Egret Wing4.1.0
EgretEgnie 5.0.14

目录:一、代码运行效果图
二、效率和内存占用对比
三、二进制龙骨使用方法
四、Demo下载

一、  代码运行效果图:
demo中使用的龙骨动画来自打开dragonbone软件后首页的那条龙

二、  效率和内存占用对比:
这里帧动画的图没压缩哈,看上去5m真吓人,可以到tiny上压缩,压缩了是800多kb。

三、 二进制龙骨使用方法
一般都会使用最新的二进制格式,也是官方推荐的。
软件左上菜单  文件 -> 导出 -> 二进制

会得到3个文件,放到Egret项目resource资源文件夹下

将文件导入资源配置文件default.res.json中

二进制dbbin文件需要选择类型为bin

egretProperties.json文件中导入dragonBones库,并编译一遍引擎

代码中创建骨骼动画

[AppleScript] 纯文本查看 复制代码

?


1

2

3

4

5

6

7

8

let factory = dragonBones.EgretFactory.factory;

factory.parseDragonBonesData(RES.getRes("NewDragon_ske_bin"));

factory.parseTextureAtlasData(RES.getRes("NewDragon_tex2_json"), RES.getRes("NewDragon_tex3_png"));

this.armatureDisplay = factory.buildArmatureDisplay("armatureName");

this.armatureDisplay.animation.play("stand",0);

this.addChild(this.armatureDisplay);

四、 Demo下载

原文地址:https://www.cnblogs.com/gamedaybyday/p/9219888.html

时间: 2024-08-07 05:13:45

【咸鱼教程】DragonBones帧动画、骨骼json、极速、二进制的相关文章

Esfog_UnityShader教程_逐帧动画

有段日子没出这个系列的新文章了,今天就拿一个比较常见也比较基础的利用改变Shader来改变不断调整UV实现播放逐帧动画的小功能.很久没写了就当练练手了.在新版本的Unity中早就已经集成了Sprite2D的功能,而且可以编辑不规则的图形,不过了解一下它的原理,也是蛮好的! 逐帧动画 帧动画大家应该都不陌生,经常会看到把一个动画几帧的的状态按一定顺序整合在同一张图片上,如下图: 从上图中我们可以看出,这个图片动画一共有20帧,从左到右,从上到下依次排布(基本上都是这个规律).为了展示效果我们需要一

Android基础入门教程——8.4.1 Android动画合集之帧动画

Android基础入门教程--8.4.1 Android动画合集之帧动画 标签(空格分隔): Android基础入门教程 本节引言: 从本节开始我们来探究Android中的动画,毕竟在APP中添加上一些动画,会让我们的应用变得 很炫,比如最简单的关开Activity,当然自定义控件动画肯定必不可少啦~而Android中的动画 分为三大类,逐帧动画(Frame)以及补间动画(Tween),还有Android 3.0以后引入的属性动画 (Property),而本节给大家带来的是第一种动画--逐帧动画

Cocos2d-JS中使用CocosStudio资源——帧动画(1)

在本篇博客中,我们将通过一个在Cocos2d-JS中使用从CocosStudio导出的帧动画资源的例子,来简要介绍以下内容:利用ActionTimeLine进行动画切割,如何使用导出的帧动画资源.关于帧动画,由于内容繁杂.我们将分为两篇进行介绍.本篇将主要介绍资源的准备工作,下一篇将主要介绍资源的使用问题. 不得不说: 按照原来的进度安排,帧动画和骨骼动画我准备最后介绍.但是,看到好多朋友非常期待动画的讲解,于是就修改了一下计划.其实,关于帧动画,前几天就大体研究明白了,这几天一直围绕着一个"坑

Cocos2d-JS中使用CocosStudio资源——帧动画(2)

在本篇博客中,我们将通过一个在Cocos2d-JS中使用从CocosStudio导出的帧动画资源的例子,来简要介绍以下内容:利用ActionTimeLine进行动画切割,如何使用导出的帧动画资源.关于帧动画,由于内容繁杂.我们将分为两篇进行介绍.在上一篇中,我们已经做好了前期的资源准备和CocosCodeIDE中的简单处理,本篇将主要介绍资源的使用问题. 一.使用CocosStudio资源 做好了前期的准备工作,终于到我们的重头戏(FrameAnimationScene.js)了,下面,我们将要

bodymovin for Mac(AE动画导出json插件)

bodymovin for Mac是非常优秀的AE动画导出json工具,可以将动画导出到json文件和png.动画可以通过bodymovin播放器在网络上播放,也可以通过Lottie在iOS和Android中播放.要播放动画,请在扩展程序面板中获取播放器,然后将其加载到浏览器中.是一款非常好用的插件,赶快来下载吧. 用于导出Web动画的After Effects扩展.动画导出为.json文件,使用随插件附带的bodymovin.js播放器.您可以在svg,canvas和html上在浏览器中渲染动

【v2.x OGE教程 11】 动画编辑器帮助文档

[v2.x OGE教程 11] 动画编辑器帮助文档 版本号 日期 作者 说明 1.0 2014-9-3 橙子游戏 文档创建       一.简单介绍 动画编辑器用于游戏动画的可视化编辑,支持序列帧动画和关键帧动画.通过解析生成的数据文件就可以获取动画信息,并能随时调整,以降低开发工作量.提高开发效率. 二.相关概念 1. 帧 帧是动画在某个时间点的状态.一系列的帧组成了动画的时间线.动画播放时.通过帧的切换,实现动画效果 2. 序列帧 序列帧组成序列帧动画,这样的动画中.仅通过静态图片的切换来实

Cocos2d-x Lua中实例:帧动画使用

下面我们通过一个实例介绍一下帧动画的使用,这个实例如下图所示,点击Go按钮开始播放动画,这时候播放按钮标题变为Stop,点击Stop按钮可以停止播放动画. 帧动画实例 下面我们再看看具体的程序代码,首先看一下看GameScene.lua文件,它的代码如下: [html] view plaincopy local isPlaying = false -- 播放标识                                                                    

Egret之MC逐帧动画

此处Egret逐帧动画借助Flash以及Texture Merger工具来生成文件( 1:动画描述文件Json , 动画图集文件 ) 本人以一只飞行的鸟为例 先看Flash , 如下 flash的项目名称为 fly.fla 舞台帧信息 , A 和 B为帧标签 打开texture merger , 选择egret movieclip .将fly.swf拖入到编辑区 , 取名Bird , 如下: 导出动画文件 , json 和 png图集 为导出文件取名: 我们看看mc_test.json文件如下:

Android中实现一个简单的逐帧动画(附代码下载)

场景 Android中的逐帧动画,就是由连续的一张张照片组成的动画. 效果 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书.教程推送与免费下载. 实现 首先准备一组不同表情的照片,放在res/drawable下,然后在此目录下新建动画资源文件fairy.xml <?xml version="1.0" encoding="utf-8"?> <animati