![]() For details, please refer to the Creating Animation Component and Animation Clip documentation.Īdd the animation property cc.Sprite.spriteFrame to the property list.Ĭlick the + button in the upper right corner of the property list, then select cc.Sprite -> spriteFrame.ĭrag the spriteFrame asset from Assets panel to the property track on the right side of the cc.Sprite.About This Game SpaceKraft is a physics based spaceship simulation which you craft elements and explore the open world. Or add a Sprite component to the node by selecting the node and clicking the Add Component button in the Inspector panel and selecting 2D -> Sprite.Īdd the Animation Component to the node, attach the Clip file, and enter the Animation Editing Mode. ![]() Next, let's take a look at the process of creating a Sprite animation as an example.Ĭreate a Sprite node in the Hierarchy panel. Then, when the corresponding property is modified in the Animation / Inspector / Scene panel, a solid blue diamond will be created on the right side of the animation property where the time control line is located, which is the keyframe (The selected keyframe data can also be modified by this method).įor more information on the design of Animation Curves and how to control them via scripts, please refer to the Using Animation Curve documentation. When the node and its animation properties are shown in blue in the list, it is determined that the node's properties are the target object for the current keyframe creation. Once the animation properties are added, keyframes can be added to the properties track on the right. Added animation properties are grayed out and cannot be added repeatedly. The properties included in the component are preceded by the name of the component, e.g.: cc.Sprite.spriteFrame.Ĭlick the + button in the upper-right corner of the Property List area to add animation properties as needed, depending on the node type. ![]() The animation properties include the node's own position, rotation, scale, and other properties, and also include the custom properties in the component Component. Creating an Animation Curveīefore adding keyframes, it is necessary to know about animation properties. All the keyframes added to the animation property are displayed in the corresponding animation property as a list pattern of linear trajectories, which are called animation curves. By moving, rotating, or scaling the nodes, keyframes are added to the animation property corresponding to the currently selected node. Please refer to the Animation panel documentation before editing animation clips.Īn Animation Clip may contain multiple nodes (nodes and their children), and multiple animation properties can be attached to each node. Once an Animation Clip is attached on to an Animation Component of a node, click Enter animation editing mode or use the shortcut Ctrl/ Cmd + E to enter Animation Editing Mode and add keyframe data to the Animation Clip to animate the node. ![]() Resource Management Considerations - meta files Build a Scene Image Using the Scene PanelĬustom Materials for 2D Rendering ObjectsĭragonBones ArmatureDisplay Component ReferenceĬreate a List of Dynamically Generated ContentĬreating Animation Components and Animation Clips
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |