码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-06-24 12:57:46      阅读:460      评论:0      收藏:0      [点我收藏+]

标签:内存占用   spro   zoom   mat   二进制   contain   http   配置文件   ati   

公司的人想用龙骨,但是同事在官网找不着二进制的资料技术分享图片...于是写了个简单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下载

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

标签:内存占用   spro   zoom   mat   二进制   contain   http   配置文件   ati   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!