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.