DragonBones Pro 5.6 发布!

新年快乐~!!!


这个版本应该说是千呼万唤始出来。之前在Q群里已经陆续的给大家透露过不少5.6的新功能了,大家们都很期待。
下载 DragonBones Pro 5.6
DragonBones Pro 5.6 新功能 视频教程
接下来就逐一的给大家介绍一下5.6的新功能。

直接导入PSD



当我把这个新功能展示在Q群里的时候,大家的反应是这样的


是的,我们可以不通过Photoshop,直接导入PSD文件了!

只要把PSD文件拖拽到DragonBones Pro中,便会弹出导入设置面吧,点击“导入”,PSD就会被自动按照图层分拆为PNG文件导入到项目中,并按照PSD中的位置排布呈现在舞台上。导入的速度也比之前使用PS的导入插件快不少。

需要注意的是,PSD中的图层最好不要使用混合选项(例如:描边,浮雕等),如果有使用,在保存前要对图层做栅格化。也不要使用遮罩等复杂的图层关系,如果有使用,在使用前要对图层做合并,平面化。否则在导入的过程中就可能出现错误。

IK时间轴



以前的版本中,IK的完全方向和权重是不能在动画中改动的。

5.6中我们在时间轴添加了IK层,现在你可以给IK的完全方向和权重添加关键帧了,也就可以在动作制作中,动态的设置调整IK。

标尺和辅助线



总有人说希望有个标尺,现在有了~

操作基本和PS的标尺和辅助线基本相同。从标尺处拖拽便可以添加辅助线,拖出标尺便删除辅助线。不同的是,我们的标尺,用右键点击也可以删除,更加方便。

偏好设置面板里,可以设置标尺是否显示,设置辅助线的颜色,显隐(Ctrl + ;)和是否可以拖拽(Ctrl + Alt + ;)。

全新的偏好设置面板



因为需要设置的内容越来越多,偏好设置面板放不下了,所以我们对它进行了界面优化,对不同选项进行了分类。 现在看起来更整洁了。

纹理集预览



早先的版本,是可以预览纹理集的,但界面很丑。

5.0的时候,为了界面整洁,我们去掉了纹理集预览。但不少朋友说还是很需要这个预览功能的。

这次,我们重新优化了界面,把纹理集预览又加了回来。并且增强了功能,比如可以缩放预览图。对于不需要预览的朋友,还提供了预览的开关功能。关掉后,下次再打开就不会呈现纹理集预览了。 同样的,在纹理集设置面吧,纹理集的预览图也可以缩放了。

“导出到”



“导出到”功能,提供了三个选项:
  • 项目所在文件夹
    选择这个选项,效果和以往的版本一样,导出到当前项目文件所在的目录。

  • 指定文件夹
    选择这个选项,可以指定任意文件夹为导出目的地。

  • 导出时指定
    选择这个选项,当你点击导出面板的“完成”按钮后,才会弹出窗口,要你指定导出的目的地。

“导出到” 方便之处在于,你的选择会被记住。 比如你在A项目导出的时候,设定了“指定文件夹”。打开B项目导出的时候,“导出到”的设置依然是“指定文件夹”,而且它会记住A项目指定的文件夹地址。这样,如果你有很多项目,最终都需要导出到同一个目录,就非常方便了,不需要每次都指定导出目的地。(注意导出项目不要重名,重名会默认覆盖的。)

导出透明背景GIF



这也是一个大家呼唤了很久的功能。 现在大家可以愉快的导出透明背景的GIF图了。想象一下,把你讨厌的人的照片分层后导入DB, 加上骨骼,做个鬼畜的动画,然后导出GIF,在微信里做成动态表情发给他,是不是有点小激动?

同时,GIF导出还添加了“品质损失”这么个选项。它的设置范围是 1 到 20 。1表示品质最好,导出时间最长。20表示品质最差,导出时间最短。 品质的差异主要体现在颜色上。大家可以根据自己对品质的要求进行调整。

GIF的导出渲染还是很花时间的。特别是当你导出大尺寸的动画时,做好开始导出就去吃饭的准备。如果不想等太久,可以尝试缩小“输出比例”。

为了让导出的过程更直观友好,我们也重制了导出GIF的进度条和界面。在导出的过程中,还可以随时取消。

优化替换图片流程和界面



早先的版本替换图片流程十分怪,只能从外部拖拽图片进来,不能在当前的库中选择,同一张图片拖进来还会提示重名。所以我们整体重制了替换图片的流程和界面。

新的替换图片流程,可以从当前库中选择用来替换的图片,也可以从外部导入新的图片到资源库中。

选择性粘贴



早先的版本已经实现了复制粘贴,但粘贴生成的骨骼或插槽是不带动画关键帧的。

在5.6, 粘贴生成的骨骼或插槽,默认就是带动画关键帧的了。而且现在,你还可以使用“选择性粘贴”。

如果你熟悉Excel,那就更容易理解什么是“选择性粘贴”。

首先,你选择一根骨骼或插槽复制(复选骨骼或插槽时不能复制的,复制只能基于一个选中对象),选中的骨骼下的子骨骼,插槽下的所有图片,都会被复制上。

选中目的骨骼,然后右键,选择“选择性粘贴”,便会弹出“选择性粘贴”面板。在面板中,你可以选择,是否带子骨骼,是否带相关的插槽,插槽下的图片,网格,权重等,还有动画关键帧。这让复制粘贴更加灵活,组合使用可以极大的提高你的动画制作效率。

跨项目、骨架复制粘贴



复制粘贴的强化不仅限于“选择性粘贴”,最大的强化部分在于,现在终于可以跨项目或跨骨架进行复制粘贴了。也就是说你可以从A项目复制一条腿,粘贴到B项目!而且是可以带着动画关键帧过去的!

注意,如果想跨项目复制粘贴带着动画关键帧,你需要确保A和B项目都有相同名字的动画剪辑。

例如,A项目有个动画剪辑叫“跑”,那B项目也要有个动画剪辑叫“跑”(没有就建一个),然后A项目复制一条腿,粘贴到B项目。那么A项目中,这条腿的“跑”这个动画剪辑里的动画关键帧就默认被带到B项目了。

如果A项目中有5个动画,对应的B项目中也有同名的5个动画,那复制粘贴骨骼或插槽过去,也都是带着这5个动画的关键帧的。

骨架也是同理。

这样以后做项目,动画的复用性就高多了,好多工作不需要重复了。

自定义骨骼颜色



以往的版本中,大家只能给所有骨骼指定一个统一的颜色。

在5.6中,你现在可以给每根骨骼指定不同的颜色了!而且你可以复选骨骼,一起指定同一个颜色。 比如腿的3根骨骼指定蓝色,胳膊的3根骨骼指定红色。这样在动画制作中,就更容易找到需要操控的骨骼,不会看花眼。

右键菜单优化

我们重新整理排列了右键菜单,让选项的结构更清晰合理,添加了选项对应快捷键的显示。并且添加了以下选项:

  • 隐藏相关
    隐藏和选中骨骼相关的骨骼和插槽,也就是他的插槽,子骨骼,子骨骼的插槽会被隐藏。这个和隐藏无关选项正好相反。

  • 锁定相关
    和隐藏相关同理。

  • 复制插槽属性
    复制选中的插槽的属性,包括颜色叠加,透明度,混合,显示资源等。

  • 粘贴插槽属性
    粘贴复制的插槽属性。这个选项还可以复选操作。也就是你可以从一个插槽复制属性,然后复选多个插槽粘贴。达到批量编辑的效果。

子骨架在编辑器中播放动画

以前的版本中,如果使用了骨架嵌套,那么主骨架在编辑器中播放动画的时候,子骨架的动画是不会播放的。只有在网页中预览的时候才能看到主骨架中嵌套的子骨架的动画播放。

在5.6中,编辑器里,播放主骨架动画时,已经可以看到子骨架的动画播放了。

但请注意,当前只支持嵌套一层的情况,如果嵌套了多层,更深层次的骨架的动画在编辑器中还是看不到播放的。需要在网页中预览才可以。

另外,如果主骨架的总帧数和子骨架的总帧数不符,有可能出现子骨架动画会播放一部分就从头开始的情况。例如,主骨架10帧,子骨架4帧。那么子骨架在编辑器中就会只播放2次半。你们仔细琢磨琢磨,应该能理解。这不影响最终在游戏中运行。(不过如果你导出gif,就得自己想办法解决这个问题了,比如主骨架的动画帧复制重复一遍,延长到20帧,就好了。)

发布html直接嵌入网页



导出时,选择“HTML”, 然后选择导出类型为“发布”,便会生成一个HTML文件。

如果你懂前端,就可以很容易的选取其中的代码,把龙骨动画嵌入网页内。就像以前的flash动画那样。而不同的是,它的运行并不需要安装浏览器插件。

如果你不懂前端,你可以试试wix.com
这个网站可以免编程组件化的搭建网站,其中有个插入html代码的功能,你将之前生成的html文件的所有代码贴进去,就能看到骨骼动画呈现在网页上了。是不是很方便~

在线预览

访问 http://www.dragonbones.com/viewer/v1

把导出的所有数据文件(xxx_ske.json, xxx_tex.json, xxx_tex.png)都拖拽进去,就可以预览动画了。

支持的数据版本为:
DragonBones JSON 4.0 , 4.5 , 5.0 , 5.5
DragonBones 二进制

在这种模式下,还可以预览换肤的效果,具体的操作方法请参考5.6新功能介绍的视频。

新增快捷键

  • 时间轴中跳转关键帧:Y 和 H
  • 变换工具栏,切换输入框:Tab
  • 显隐辅助线:Ctrl + ;
  • 开关辅助线可选:Ctrl + Alt + ;
  • 开关时间轴筛选:Ctrl + D
  • 重命名:F2
  • 复制变换:Ctrl + Shift + C
  • 粘贴变换:Ctrl + Shift + V

修复的问题

  • 网格加权重在编辑器中播放抖动的问题。
  • 分布到关键帧功能无效的问题。
  • 浏览器预览,默认显示比例过大的问题。
  • 导出的spine数据格式,去掉tex后缀。
  • 导出的Spine数据格式,GM2无法使用的问题。
  • 某些情况下层级调整错乱的问题。
  • 当项目中引用了多个库目录,另存时不会全部拷贝的问题。
  • 切换到图片过多的项目,卡顿的问题。

DragonBones for Unity – Unity的龙骨插件

以前,大家在Unity中使用龙骨数据,需要从Git上下载一个项目包,导入,然后才能使用。
为了大家能更方便的在Unity中使用龙骨动画数据,我们制作了Unity的龙骨插件 - DragonBones for Unity.
点击下边的按钮下载
下载后,你可以看到,它是一个标准的unitypackage文件。如果你安装了unity,双击就可以打开。
具体的使用方法请参考下边的视频
你也可以访问Github,查看源码
https://github.com/DragonBones/DragonBonesCSharp

外国友人制作的DB视频教程

DragonBones在全球有着不少的海外用户。

虽然我们官方并没有提供足够的英文视频教程(T_T 我们的锅,我们将来一定补上)。 但不少外国友人本着“没有枪没有炮,俺们自己个造”的精神,录制了不少教学视频和动画的制作过程。

其中有英语的,俄语的,法语的,还有葡萄牙语的……
虽然语言不通,但不少视频的动画制作过程还是很具有参考价值的。对初学者来说,只看操作就能学到不少东西,比如网格点的添加,权重的分配等。

海外用户的视频都上传到“油管”上,基于你知道的原因,大家看不了。所以我们把收集到的视频都搬运到了B站上

点击下边的大按钮访问B站上的外国友人制作的DB教程视频
其中特别推荐 Maksim Petrik 制作的视频,以实际案例居多。
他是一位俄罗斯友人,不过整个制作过程中基本没有言语说明,大家只要看他的操作就行了。

有新的视频,我们会持续更新到B站的这个专辑里的

Dragonbones 5.5 发布!

Dragonbones 5.5 正式发布了!
留心的朋友一定注意了,这次发布我们跳过了5.4这个版本号。没什么特别的原因,程序员的日常迷信而已~~
其实,主要是因为,这次更新的改动很大,除了编辑器新增了不少功能之外,龙骨的数据格式也升级到了5.5。

下载 DragonBones Pro 5.5

~新功能~

分拆时间轴

这次最大的改动便是时间轴的分拆。骨骼时间轴分拆为移动,旋转,缩放三个时间轴。插槽时间轴分拆为颜色和显示资源。这样在动画制作的时候便更加灵活,可以只对修改的属性添加关键帧,同时可以只对特定的轴添加曲线。

例如:从A点到B点,移动的同时骨骼旋转一周,可以只对旋转添加淡入淡出的曲线效果,而移动不受曲线影响。

时间轴分拆后,界面上最大的改动便是添加关键帧的“旗标”。原本在时间轴面板上的“旗标”,现在分散到工具栏和插槽属性上,每个属性都有自己的“旗标”。

时间轴的布局也做了调整。顶部拉高,分为播放指针拖拽区域和总关键帧框选区域。在可拖拽区域,可以通过点击,拖拽来控制绿色播放指针。在可框选区域,可以直接框选菱形总关键帧。

我们还给关键帧的拖拽移动,添加了相对值的显示。在拖拽关键帧移动时,释放前可以显示相对于初始位置的相对位移值。这个功能在复选多个关键帧移动时也是有效的。

同时我们的洋葱皮开关按钮移到了左侧,请大家留意。

X,Y轴缩放锁定

开启xy缩放锁定后,在调整缩放值时,无论调整x还是y,另一方都会等比例变化。

区间循环播放

设置起始帧和结束帧后,在循环播放开启的情况下,动画便会在设置的区间内循环播放。

“当前”帧选项也是个开关,开启后,时间轴会跟随绿色播放指针滚动。关闭时,时间轴便不会跟随滚动。

时间轴筛选锁定

开启时间轴筛选后,时间轴内便只显示当前选中的骨骼。开启筛选锁定后,时间轴内便始终显示锁定时的骨骼,不会随着场景中选择的骨骼不同而变化。通过选中锁定骨骼功能,还可以反过来在场景中选中时间轴内锁定显示的骨骼。

通过时间轴筛选锁定功能,可以实现指定骨骼时间轴的比较编辑。

例如,需要对比A骨骼的key帧点来编辑B骨骼,而不开启筛选的情况下,A和B骨骼的时间轴离得又比较远。此时,只要开启时间轴筛选,然后复选A和B骨骼,然后锁定筛选,时间轴内便只显示A和B两个骨骼了。只是选中B骨骼,然后参照A骨骼的时间轴来进行编辑便十分容易了。

自动生成网格边框

根据所选图形边缘,自动生成网格边框。可以设置1~5的密度值来调整生成的网格边框的点密度。这项功能还在完善过程中,自动生成的结果可能还不够理想,需要手动调整修正。还请大家在使用后,多提改进意见。

新增多项方便操作的快捷键

  • 设置父骨骼:P
  • 选中当前骨骼的父骨骼:B
  • 选中当前骨骼的第一子骨骼:N
  • 选中当前骨骼的兄弟骨骼:M
  • 选中关键帧后,添加/删除补间:J
  • 按住鼠标中键,推拉鼠标,缩放场景。这个功能主要是方便部分使用手绘板的用户。

同级骨骼顺序调整

按住Ctrl键的时候,在场景树中拖拽骨骼,便可以实现同级骨骼间的顺序调整。(此时,骨骼只能在同级间移动)

动画与资源面板的搜索筛选框

资源面板与动画面板添加搜索筛选功能,当资源与动画很多的时候,可以方便的查找筛选。

数据格式升级到5.5

龙骨数据格式升级到5.5, 具体请参考 DB 5.5数据格式说明