DragonBonesJS 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
DragonBonesJS 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
DragonBonesJS 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
DragonBonesJS 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
DragonBonesJS 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 其他
开源组织 阿里巴巴
地区 国产
适用人群 未知
收录时间 2016-03-03

软件简介

DragonBonesJS是DragonBones的JS版本,DragonBones的改进版。

用法:

  • dragonbones-alone.js 

  • dragonbones-pixi.js   pixi工厂代码

  • dragonbones-hilo.js is  hilo工厂代码

  • dragonbones-createjs.js  createjs工厂代码

快速入门:

//create factory, now support PixiFactory, HiloFactory, CreatejsFactory and DomFactory
var dragonbonesFactory = new dragonBones.DomFactory();

/**
 * add texture data and skeleton data
 * textureImg is a load completed Image
 * textureData is texture json data
 * skeletonData is skeleton json data
 */
dragonbonesFactory.addTextureAtlas(new dragonBones.TextureAtlas(textureImg, textureData));
dragonbonesFactory.addDragonBonesData(dragonBones.DataParser.parseDragonBonesData(skeletonData));

//create armature
var armature = dragonbonesFactory.buildArmature(skeletonData.armature[0].name);

//play
armature.animation.gotoAndPlay('walk');

//add armature to clock
dragonBones.WorldClock.clock.add(armature);

//you need to run dragonBones.WorldClock like this to run the armature
var t = new Date().getTime();
function tick(){
    var now = new Date().getTime();
    dragonBones.WorldClock.clock.advanceTime((now - t)*0.001);
    t = now;
    requestAnimationFrame(tick);
}
tick();

效果图:

更多内容:http://edn.egret.com/cn/docs/page/392

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
2018/11/28 20:52

前端动画渲染引擎pixi.js系列(10)骨骼动画实现之DragonBones

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zeping891103/article/details/72529122 在介绍骨骼动画之前,我先介绍一下DragonBones,它的中文名是龙骨,是一套由Egret团队制作...

0
0
发表了博客
2016/10/09 14:22

阿里巴巴73款开源产品全向图

一、框架 react-web:Readt Web是为那些使用React Native兼容的API构建的Web应用而提供的一个框架。React Web的目的及意义非常明确: 让React Native代码跑在Web上让一套代码运行在各个移动终端,对前端及业务来说,这是开发效率中一个质的提升。 Jstrom:"JStorm是参考storm的实时流式计算框架,在网络IO、线程模型、资源...

0
14
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
3 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部