dragonbones

游戏中会用着一些简单的动画，公司一般使用的dragonbones制作，导出二进制格式或者MC来使用。 感觉一些简单动画直接使用动画编辑器更加简便些。 引擎版本：5.0.14 wing版本：4.1.0 一 效果图 二 使用动画编辑器 我这里使用的是类似Flash的MovieClip的概念。 这个开场动画是一个自定义组件，由OpenAnim.ts 和OpenAnimSkin.exml组成。 你可以使用代码创建，或者直接拖动到其他exml中使用它(这样非常方便摆位置)。 写了一堆又删了，关于动画编辑器的教程，还是看官方的吧。哈哈...哈哈... 官方动画编辑器教程： http://developer.egret.com/cn/github/egret-docs/Wing/animation/index.html 三 使用OpenAnim 1 自定义组件OpenAnim，包含动画的皮肤OpenAnimSkin.exml 使用的素材 OpenAnimSkin.exml OpenAnim.ts [AppleScript] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 / * * * 开场动画 *

参考： Mark_Liu -- cocos creator--DragonBones 骨骼动画入门 1.首先在网上下载dragonBones 的文件解压后有三个文件 　　 　　2.将文件夹放入cocos creator， 　　 　　3.新建一个空结点并添加渲染组件dragonBones，新建一个js文件，将js文件和节点绑定。将资源的两个json文件放入dragonBones对应的框中 　　 　　4.查看SwordsMan的json文件，搜索 gotoAndPlay ，该关键字对应的就是动作名称 　　5.打开js文件，写入代码 　　 cc.Class({ extends: cc.Component, properties: { // foo: { // default: null, // The default value will be used only when the component attaching // to a node for the first time // url: cc.Texture2D, // optional, default is typeof default // serializable: true, // optional, default is true // visible: true, // optional, default is

公司的人想用龙骨，但是同事在官网找不着二进制的资料 ...于是写了个简单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

如何开发一个可维护性，可扩展，跨平台的换装游戏呢，本文从产品设计、龙骨动画、前端再到后端如何管理等角度，来介绍摩比秀换装模块从0到1的实现过程。 项目背景   我们一直在思考，如何能激励学员自主学习的积极性？从上课表现良好奖励摩比星、app上及时完成课后练习挣得摩比星等，但这些学员获得的星星多了也没有兴趣了，我们需要一个途径能让学员挣得的摩比星有价值，这样就能产生一个良性的循环来激励学习。这样的背景下，摩比秀诞生了。   我们的学员可以在摩比秀通过摩比星来兑换不同虚拟服装，穿上后在课前点名环节就可以穿着这件衣服展示在我们的IPS上，同学们都可以看到，同时还可以领养小宠物，领养宠物之后就可以进行各种各样的学习了，比如：“编程启蒙”，让孩子们感受程序的魅力。   今天就来说一说换装这一块具体的实现方案。 体验地址： 1） 摩比秀：http://shop.mobbyxt.com/html/index/login.html   测试账号：18201652946/20140706 分校选北京 2）小demo ：https://activity.firstleap.cn/egretLeapDemo/index.html 技术选型 我们考虑到跨平台性，需要在App里、服务号、白板端等场景下使用，决定用H5来开发，然后又对比了一些游戏引擎Cocos2d-js和Egret等,最终决定采用Egret

如何开发一个可维护性，可扩展，跨平台的换装游戏呢，本文从产品设计、龙骨动画、前端再到后端如何管理等角度，来介绍骨骼换装游戏从0到1的实现过程。 项目背景 我们一直在思考，如何能激励学员自主学习的积极性？从上课表现良好、app上及时完成课后练习等途径挣的星星，但这些学员获得的星星多了也没有兴趣了，我们需要一个途径能让学员的星星有价值，这样就能产生一个良性的循环来激励学习。这样的背景下，我们设计了一套这样的系统。 我们的学员可以在通过星星来兑换不同虚拟服装，穿上后在课前点名环节就可以穿着这件衣服展示在我们的IPS上，同学们都可以看到，同时还可以领养小宠物，领养宠物之后就可以进行各种各样的学习了，比如：“编程启蒙”，让孩子们感受程序的魅力。 今天就来说一说换装这一块具体的实现方案。 体验地址： 小demo ： https://activity.firstleap.cn/egretLeapDemo/index.html 技术选型 我们考虑到跨平台性，需要在App里、服务号、白板端等场景下使用，决定用H5来开发，然后又对比了一些游戏引擎Cocos2d-js和Egret等,最终决定采用Egret+Dragonbones来实现。 官网： https://egret.com/ 基本概念 首先来说一下骨骼动画里的一些基本概念，只有了解了这些，才能进行后面的游戏开发、系统管理的设计等。 1）、骨架

【推荐阅读】微服务还能火多久？>>> 参考： 骨骼动画-换装 骨骼动画进阶 分享：Dragonbones/Spine的换肤操作 Laya 2.5.0 一 从DragonBones骨骼动画转成Laya可用骨骼动画 打开DragonBones软件，打开示例项目剑客-骨骼嵌套。 （DragonBones登录失败的话，因为服务器迁移，这个登录没有部署。需要去下载5.6.3版本，这个版本无需登录） 导出数据类型json，数据版本5.0。Laya只支持这个。 打开Laya的UI编辑器，选择右上角工具，龙骨动画转换 选择DragonBones导出的龙骨文件目录 转换后，获得了SwordsMan.png和SwordsMan.sk文件。 在Assets新建目录bones，将文件放到bones文件夹下 二 加载并使用骨骼动画 在LayaUI编辑界面，F9，添加骨骼库 加载并播放攻击动画 实际效果 三 局部换装 我们把头盔给换一下。在dragonbones软件中查看头盔的插槽名字为boli 我们用一个按钮图片去替换头盔 代码中进行换装 换装后效果 其他： 1. 骨骼模式的说明 2.全局换装 据说 只有spine才支持 来源： oschina 链接： https://my.oschina.net/u/4288691/blog/3238108