Such as the "walk", "run" motions of a character.Īfter setting the parameters above, you can see the updated animation in the preview window which is in the bottom left of the design panel. Loop: Decide if the current motion should be played repeatly. Keyframe Ease: The ease value between key frames within a motion. For example, there is a motion called "going down" which has only 1 frame in timeline, but if you set this parameter into 6, then the program will add addtion 6 frames long tween to make the switch more natural when there is a switch from one motion to the "going down" motion. The larger the number is, the slower the motion goes.īlending Times: Number of tween frames needed to switch from one motion to another. Total Times: Duration of the selected motion. Texture List: The texture name that is associated with each bone.įor each motion, you can also set the preferences like this: The name of each item is same with the name of related layer in the MovieClip. The name are got from the label name in the MovieClip and will be used by programs to play motions.īone Tree: The skeleton structure of animated objects. Each MovieClip containing motions is called "Armature" in DragonBones.īehavior List: Motion/Behavior names of corresponding animated objects. Each element in this list has the same name with the corresponding MovieClip in library and the program will use this name to create the animated object.
Select the MovieClip "Dragon" in library panel, then choose "Selected Items" item in design panel, and Finally click the "OK" button.Īfter importing the MovieClip "Dragon" to the design panel you will see the updated UI like following:Īrmature List: List of imported movieClip. In the "Import" option you can import the selected elements in library, or all the elements in symbol library, or the PNG/SWF/ZIP files exported by the design panel. In the "Import" window you can set the layout of the texture, texture size and texture padding. We will explain the details about the usage of design panel in following steps.Ĭlick the "import" button in this panel, then you will see the following pop up window: New kinds of tween will be supported in later version)Īfter getting all of the requirements above ready, you can click Window>Other Panels>SkeletonAnimationDesignPanel in the Flash Pro menu to open the design panel. (The current version of DragonBones only supports classictween. You may ask why there isn't any tween in the timeline? Yes, all you need to do is to set key frames on the timeline and the rest of the work will be accomplished by the design panel.Īs a designer, you may have added the tween in your animation, no worry, the design panel can import the animation as what it is designed. This is very important! The design panel will read and set motions by these labels. If there are more than one motions, you will need to add more labels in corresponding position of the start frame. You should also note the layer named "label", where we add the label "walk" to indicate the motion of current timeline. The design panel of DragonBones will recognize all the parts of the skeleton automatically according to the name of layers. Pay attention to the name of each layer in the timeline because we name them as the related part of the skeleton.
We need to understand how this animation is structured, which can help edit the skeletal animation later. Naming a element clearly is a good practice, isn't it? :)ĭouble click the MovieClip "Dragon" in the library panel to enter the edit mode.
You can guess which part of the dragon it is by reading the name of each element. The "parts" folder contains all the elements that the animation "Dragon" is made up of. Open the library panel in Flash Pro and you can see the related symbols for this example.
#Dragonbones pro merging animation files install
Then, in the Flash Pro timeline editing view, assemble them properly,and set the key frames and use the design panel of DragonBones to get everything done.Īfter download and install the design panel, start the Flash Pro and open the "DragonBones_tutorial_Start.fla" file in source code package.
Tutorial 1: For designers Use DragonBones to create skeletal animation in Flash ProĪs a designer, all you need to do is to prepare all the parts of the cartoon character.
0 kommentar(er)
