DragonBones 5.5 is relesaed!

Dragonbones 5.5  is released!

You may notice that there is no 5.4. We just skipped the 5.4 version number since we do not like it. It's a joke 🙂 . The real reason is that this is a big version. Not only add more function in the editor, also update the Dragonbones data format version to 5.5.

 

Download DragonBones Pro 5.5

~ What's New ~

- Split the timeline

This is a big change. The timeline of bone splits into translate, rotate and scale. The timeline of slot splits into color and display index. After splitting, you can made animations more flexible. You can add key frame to the specify property, and apply curve to the specify tween.

For example, a bone translate from A point to B point and rotating one circle during moving. Now you can apply fade in and out curve to the rotate only, and keep the translate still in line curve.

After splitting the timeline, the obvious change is the flag button. The flag button is moved from timeline panel to several place, on transform toolbar and property panel of slot. Each property has its own flag button.

Layout of timeline panel is also updated. The top area is enlarged, and  divides into draggable area and box selectable area. In draggable area, you can drag to control the green play pointer. In box selectable area, you can box select the lead keys.

And we show the key offset value on timeline when dragging key. It works for  both single key and multiple keys.

And just notice, we move the onion button to the left area.

- X,Y lock scaling

When locking the scale,  adjust x or y scale value, another one will changed accordingly.

- Section loop playback

Set the"S" - Start frame and the "E" - End frame, with the repeat animation option enabled, the animation will be loop playing in the specify section.

"C" means current, with it is enabled, it will automatically scroll timeline during playback.

- Timeline filter lock

With timeline filter enabled, only the selected bone can be shown in timeline. Then enable lock button to lock the filter, the timeline will always show the selected bone when the lock is triggered. And it will prevent timeline items from changing to selected bones. Click the "refresh" button, it will update timeline items to selected bones. Click the "Select" button, it will automatically select the bones that shown in timeline.

With the timeline filter lock, you can compare and edit several specify bones' timeline.

For example, if you want to edit timeline of bone B according to timeline of bone A. If the timeline filter is disable, bone A and B are faraway from each other. So you need to enable timeline filter, then select both bone A and B. Then enable the filter lock, the timeline of bone A and B will be locked and continue showing. After that, you can select bone B only to edit it's timeline according to timeline of bone A easily.

- Auto generate mesh outline

Auto generate mesh outline according to the edge of image. You can set the density from 1 to 5, it effects the amount of the vertices on mesh outline. This is a new function, if you have any suggestions on it , please comments blow.

- Add more hotkeys

  • Set parent: P
  • Navigate to the parent of current bone: B
  • Navigate to the first child of current bone: N
  • Navigate to the next brother of current bone: M
  • Add / remove tween of the selected key: J
  • Holding the middle button of mouse and push-pull it, the scene will zoom in and out.  Since some users said that they do not have wheel of mouse (Using graphics tablet)

- Adjust order of bones in the same level

Holding Ctrl key, then drag the bone in scene tree, you can adjust the order of bones in the same level.

- Find in animation or library panel

Now, you can find in animation or library panel. If you have many animations or resource, this will be helpful.

- Data format upgrade to 5.5

Dragonbones data format upgrade to 5.5. 

What’s New in DragonBones Pro 5.3

DragonBones 5.3 New Features

DragonBones 5.2 provides a amount of new features and user experience upgrade compare with version 5.1:

  1. Add frames symbol type. Convenient to produce frames animation.
  2. Support export DragonBones binary data format. Greatly improve H5 runtime performance.
  3. Add canvas property for symbol to enable to set symbol’s border and background color.
  4. Cloning Symbol.
  5. Press Ctrl + # to group multi-select grid points, and then press # to quickly select them.
  6. Integrate the functionality of the published web page into the export panel. (Export HTML, select "publish" type)
  7. Reduce the frequency of online detection. You can save project in offline status.
  8. Optimize Photoshop import plug-in, resolve the problem that sometimes images imported from Photoshop is too large to show in DragonBones.
  9. Right-click on timeline blank space to create tween between two frames
  10. Click export path in the successful export pop-up prompt window will automatically shut the window down.

Below describes the first four new features in detail:

  • Add frames symbol type. Convenient to produce frames animation

DraonBones is good at making skeletal animations but not good at making fames animation. Based on a lot of real user requirements, we decided to provide a new frames symbol to make frames animation.

You can easily produce frames animation with this symbol. Just drag images into stage will auto generate frames sequence. You can quickly sort the images, adjust position by keyboard to make alignment, , horizontal and vertical flip and apply to all frames. There are also onion skin features.

If you want to make a pixel style frames animation, it is recommended to close the Image Smooth Display in Preferences.

  • Support export DragonBones binary data format. Greatly improve H5 runtime performance.

The advantage of Dragonbones Binary is as same as Egret Fast format. Compare with JSON format, it can reduce 70% memory cost, and reduce more loading time. So what's the different between Dragonbones Binary and Egret Fast format? Here is the point, there is no animation effect lost. As you know, Egret Fast does not support Mesh, Weight, and animation blending. Dragonbones Binary support them all! So it can replace JSON totally. And performance is better than Egret Fast.

  • Add canvas

With canvas, you can set the size and background color of the exported images. And you can publish a symbol with canvas as HTML web page.

Check the "Canvas" option in property panel, then you can set canvas size, position and color. If the color option is unchecked, the background will be transparent. Click the "Fit min image area" will calculate and generate the minimum canvas size according to all the animations (Make sure all the animations will be shown in canvas).

Stage will be removed in next release since it is same as canvas.

  • Duplicate symbol 

Now, you can clone a symbol by duplicating it in library directly.

 

What’s New in DragonBones Pro 5.2

What's New in DragonBones Pro 5.2

DragonBones 5.2 provides a small amount of new features and a large number of user experience upgrade compare with version 5.1:
1. Optimize the grid editing, weight adjustment related user experience, support edit mesh with mesh deformed.
2. Copy and paste bones, slot, images across project and symbols.
3. Enhance the preview feature. It can switch components and animation
4. Export panel optimization, add export specified frame and export web.
5. Optimize the login process, complete registration and login within the tool. No need to read Chinese any more.
6. Press H to drag the stage. Select the mesh and press D to edit the mesh.

This new and enhanced features of DB5.2 video is made by Poedil 88 . Thank you Poedil 88.

Following is the details:

  • Optimize the grid editing, weight adjustment related user experience, support edit mesh with mesh deformed.

Fully optimize the mesh editing, weight adjustment related user experience.

Move the layout of the mesh editing area to stage. Add feature to edit mesh in deform mode.

Improve weight property panel’s user experience:

Mesh and pictures are no longer a conversion relationship, the mesh becomes an optional attribute of the picture, but it is turned off at any time.

The skin weight of the skeleton list shows a more reasonable, did not select the mesh point, and no longer show the weight ratio.

  • Copy and paste bones, slot, images across project and symbols.

Bones, slots, and pictures can now be copied and pasted across project and symbols as following:

  1. Right click on a bone or image, click copy in context menu.
  2. Right click another bone as parent (the parent bone can be located in other project or symbols), click paste in context menu.

  • Enhance the preview feature. It can switch components and animation

Totally improve the preview interface, switch armatures and animations, adjust animation speed, change background color, on/off grid, watch on mobile and so on.

In addition, this preview page can be local saved by exporting pages, send to others, and share the animations.

 

  • Export panel optimization, add export specified frame and export web.

The export panel layout has been improved. Add the feature to export specified picture in specified animation and web page.

You can export a specified frame in a specified animation

Add export webpage feature, animation directly exported to HTML file. Compared to GIF, it can display the delicate movements of skeletal animation better, smaller size, no loss of color.