首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

cocos2d-js V3.0 V3.1使用DragonBones

另外,由于DragonBones和Cocos2d-js都是开源的, 所以如果还有进一步问题,我们可以学习一下zrong,自己动手修改代码。当然,你需要知道怎么用Flash builder。。。...分享给大家: 只需要按照DragonBones的制作规范制作动画,再使用修改版的DragonBonesDesignPanel,就可以轻松在cocos2d-js加载DragonBones骨骼动画。...因为最后一帧到第一帧这个过程,DragonBones自己的运行库会做平缓过度,而cocos2d-js解析则没有这个过度,所以我们就要自己动手加一帧了。 ? 凑合着,还是可以用起来了。...不过,cocos2d-js肯定比不上DragonBones官方自己的运行库了,而现在DragonBones已经有C++版本了:https://github.com/DragonBones/DragonBonesCPP...我们可以考虑自行加上js绑定,从而让cocos2d-js也用上最新版的DragonBones。咳咳,当然,这个工作得有需求推动啊,如果有时间的话,笔者也许会尝试一下吧。

1.7K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    硬核破解 Cocos 内存泄漏

    既然通过调试工具分析,JS 层没有内存泄漏,而引擎底层的 C++ 层其实只是提供给 JS 侧的渲染层。JS 层的资源都销毁了,也不会再渲染,那么 C++ 层理论上是不会有什么泄漏的。...引擎内 spine、dragonbones、box2d、anysdk 等第三方库的绑定就是采用此方式。 我们看到 dragonbones,也就是龙骨动画在此列中。...= nullptr)      {         _lockUpdate = true;         _dragonBones->bufferObject(this);     } } bufferObject...方法把 Armature 对象放到一个_objectMap 中: void DragonBones::bufferObject(BaseObject* object) {     if(object ..._objectsMap[object] = true; } 在下一帧中,将会对 _objectMap 中的 Armature 对象进行释放: void DragonBones::advanceTime(

    2.4K10

    前端动效讲解与实战

    图片后,配合anime.js、GSAP等现有库进行动画制作(4)骨骼动画一般采用Spine、DragonBones等工具导出相应资源图片和JSON动画配置资源后使用。...2.3.4.2 骨骼动画制作首先我们来了解一下,骨骼动画是如何进行制作的:制作骨骼动画主要是使用 Spine 和 DragonBones 这样的工具进行制作。...DragonBones图片DragonBones是从Flash动画开始创作的,初衷是减小资源量,同时实现更为细粒度的动作(比如交互式的),让美术从繁琐的逐帧绘制Sprie Sheet的工作中解放出来,所以它把一个角色每一帧的...以下游戏&渲染引擎都支持渲染DragonBones导出的文件:图片Spine图片Spine 是一款针对游戏开发的 2D 骨骼动画编辑工具。...前端开发根据Spine或者DragonBones能够支持的渲染引擎,在项目中导入渲染引擎进行展示骨骼动画。

    2.6K30

    你知道几种前端动画的实现方式?

    在Web 端其本质是基于 SVG 或 Canvas,使用 JS 进行开发的动画实现,由于路径较为复杂,在日常开发中一般需要配合 UI 设计师输出相应的动画路径文件(json或js格式)进行渲染。...2、2D、3D游戏引擎 (1) Three.js Three.js 官方定位并不是游戏引擎,而是一个 JS 3D 库。...Three.js 更倾向于展示型的视觉呈现,也有用户直接拿 Three.js 来开发 H5 游戏。...(5) Hilo Hilo 是阿里团队推出的一个开源项目,包括Hilo.js(2D)和Hilo3D 支持模块化开发,同时提供了多种模块范式的包装版本和跨终端解决方案,Hilo.js适合用来开发营销小游戏...物理引擎支持——Chipmunk,支持自扩展物理实现;骨骼动画支持——DragonBones。 案例丰富:支持天猫,手淘多次大型和日常活动,如双十一,年中大促等。代表产品如狂欢城。

    3.6K20

    JS

    12230

    LayaAir引擎入门教程:一篇学会用AS3语言开发HTML5(FlashDevelop开发环境)

    LayaAirIDE正是一款可视化集成开发工具,当前已集成代码编辑器,UI、粒子、动画等常用可视化编辑工具,还支持DragonBones骨骼编辑器、tileMapEditor地图编辑器等第三方工具。...“laya.js.exe”为AS3代码编译器,用于将AS3代码编译为JS代码。 “playerglobal.swc”用于替换AS3原生编译器SDK,去除原生API语法提示。...1.4 安装Google Chrome浏览器 使用Laya.js.exe进行代码编译后,默认调用Chrome浏览器打开运行,因此,建议安装此浏览器进行项目调试。...第二节 配置FlashDevelop编译环境 要想使用AS3作为HTML5的开发语言,需要通过laya.js.exe编译器将AS3代码编译为JS代码才可以运行。...(Tips:”D:\LayaBox\LayaAir\laya.js.exe“应为laya.js.exe的实际所在路径) 步骤四:点击”确定“完成宏指令配置后,已经完成宏命令“LayaJsCompiler

    2.4K40

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券