Animation visual editing method and device, storage medium and electronic equipment

Abstract

The present disclosure relates to the field of computers, in particular to an animation visual editing method and device, a computer readable storage medium and an electronic device. The method comprises: generating a visual editing interface according to a graphical interface module of a graphics processing application; in response to a UI interface object selection operation on the visual editing interface, selecting a target UI interface object from a plurality of UI interface objects; obtaining a UI node in the target UI interface object; obtaining animation data corresponding to the UI node; displaying the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node in the visual editing interface; in response to an animation data adjustment operation on the UI node, adjusting the animation data; and generating an animation resource file corresponding to the UI node according to the adjusted animation data. The technical solution of the present disclosure can solve the problem of wasting time when adjusting UI animation code.

Description

TECHNICAL FIELD

[0001] The present disclosure relates to the field of computer, in particular, to an animation visual editing method, an animation visual editing device, a computer readable storage medium and an electronic device. BACKGROUND

[0002] With the development of terminal devices and the game industry, a large number of games with different themes have emerged to meet the needs of players. In the game, players can interact with the game client through UI animation (User Interface), and developers can make appropriate UI animations according to the characteristics of the UI. UI animation can improve the expressiveness and liveliness of UI and greatly improve user experience.

[0003] During the development of the game, the game developer needs to continuously adjust the UI animation according to the game version iteration. When adjusting the UI animation, the game developer needs to adjust the animation data corresponding to the UI animation in the code, and after compiling and running, the UI animation effect after adjustment can be seen.

[0004] The existing technology adjusts the UI animation by editing the code, which requires a lot of manpower and material resources, and reduces the game development efficiency.

[0005] It should be noted that the information disclosed in the above background section is only used to strengthen the understanding of the background of the present disclosure, and therefore can include information that does not constitute prior art known to those of ordinary skill in the art. SUMMARY

[0006] The purpose of the present disclosure is to provide an animation visual editing method and device, a computer readable storage medium and an electronic device, which can solve the problem of wasting time when adjusting the UI animation code.

[0007] Other characteristics and advantages of the present disclosure will become apparent from the following detailed description, or will be learned by practice of the present disclosure.

[0008] According to a first aspect of the present disclosure, an animation visual editing method is provided, characterized by comprising: generating a visual editing interface according to a graphical interface module of a graphical processing application; selecting a target UI interface object from a plurality of UI interface objects in response to a UI interface object selection operation on the visual editing interface; obtaining a UI node in the target UI interface object, and obtaining animation data corresponding to the UI node; wherein the UI interface object comprises at least one UI node; displaying the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node in the visual editing interface; adjusting the animation data in response to an animation data adjustment operation on the UI node; and generating an animation resource file corresponding to the UI node according to the adjusted animation data.

[0009] Optionally, the animation data corresponding to the UI node comprises one or more of an animation type, a play timing, an animation start value, an animation end value, and an animation curve.

[0010] Optionally, the animation effect corresponding to the UI node is viewed through a preview interface corresponding to the visual editing interface.

[0011] Optionally, before the animation effect corresponding to the UI node is viewed through the preview interface corresponding to the visual editing interface, the method further comprises: storing the UI node and the animation data corresponding to the UI node in an animation data container.

[0012] Optionally, the animation data corresponding to the UI node comprises an animation timing, and the animation effect corresponding to the UI node is viewed through the preview interface corresponding to the visual editing interface, comprising: creating a preview animation class in response to an animation preview operation on the visual editing interface; obtaining the play timing and inputting the play timing into the preview animation class; traversing preset play timings corresponding to animation data in the animation data container; wherein the animation data corresponding to the UI node comprises at least one type, and the animation data has a corresponding preset play timing; creating an animation preview task corresponding to the UI node when the play timing is the same as the preset play timing; and viewing the animation effect corresponding to the UI node in the preview interface corresponding to the visual editing interface according to the animation preview task.

[0013] Optionally, the animation effect corresponding to the UI node is viewed in the preview interface corresponding to the visual editing interface according to the animation preview task, comprising: obtaining the animation data corresponding to the UI node; wherein the animation data comprises an animation start value, an animation end value, and an animation curve; performing interpolation between the animation start value and the animation end value according to the animation curve to obtain the animation effect corresponding to the UI node; and viewing the animation effect corresponding to the UI node in the preview interface corresponding to the visual editing interface.

[0014] Optionally, the animation data corresponding to the UI node is acquired, including: acquiring an animation node corresponding to the UI node, determining a storage path of the animation data corresponding to the UI node according to the animation node corresponding to the UI node; and acquiring the animation data corresponding to the UI node according to the storage path.

[0015] Optionally, the animation resource file is generated according to the adjusted animation data, including: acquiring at least one UI node with animation data in the target UI interface object; and generating the animation resource file according to the at least one UI node with animation data.

[0016] According to a second aspect of the present disclosure, an animation visual editing device is provided, and the device comprises: an editing interface generation module, configured to generate a visual editing interface according to a graphical interface module of a graphical processing application; a target UI interface object selection module, configured to select a target UI interface object from a plurality of UI interface objects in response to a UI interface object selection operation on the visual editing interface; an animation data acquisition module, configured to acquire a UI node in the target UI interface object and acquire animation data corresponding to the UI node; wherein the UI interface object comprises at least one UI node; a UI node display module, configured to display the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node in the visual editing interface; an animation data adjustment module, configured to adjust the animation data in response to an animation data adjustment operation on the UI node; and a resource file generation module, configured to generate an animation resource file corresponding to the UI node according to the adjusted animation data.

[0017] According to a third aspect of the present disclosure, a computer readable storage medium is provided, and the computer readable storage medium stores a computer program, and the program is executed by a processor to implement the animation visual editing method of the first aspect in the above embodiments.

[0018] According to a fourth aspect of the present disclosure, an electronic device is provided, and the electronic device comprises:

[0019] one or more processors; and

[0020] a memory configured to store one or more programs, when the one or more programs are executed by the one or more processors, the one or more programs cause the one or more processors to implement the animation visual editing method of the first aspect in the above embodiments.

[0021] The technical solutions provided by the embodiments of the present disclosure can have the following beneficial effects:

[0022] The animation visualized editing method provided by one embodiment of the present disclosure can generate a visualized editing interface in a graphic processing application, and adjust UI animation data in the visualized editing interface. The developer can more intuitively adjust the UI animation data, avoid wasting time when adjusting the code, reduce the consumption of manpower and material resources, and more easily produce the UI animation meeting the needs of the developer, thereby improving the game development efficiency.

[0023] It should be understood that the foregoing general description and the following detailed description are only exemplary and explanatory, and are not limiting to the present disclosure. BRIEF DESCRIPTION OF DRAWINGS

[0024] The drawings incorporated in the specification and constituting a part of the specification illustrate embodiments consistent with the present disclosure and, together with the specification, serve to explain the principles of the present disclosure. Obviously, the drawings in the following description are only some embodiments of the present disclosure, and other drawings can be obtained by those skilled in the art without creative labor on the basis of these drawings. In the drawings:

[0025] Figure 1 A flowchart schematically showing an animation visualized editing method in an exemplary embodiment of the present disclosure;

[0026] Figure 2 A schematic diagram schematically showing displaying the UI nodes in the target UI interface object and the animation data corresponding to the UI nodes in the visualized editing interface in an exemplary embodiment of the present disclosure;

[0027] Figure 3 A schematic diagram schematically showing adjusting the animation data in the visualized editing interface in an exemplary embodiment of the present disclosure;

[0028] Figure 4 A schematic diagram schematically showing generating the animation resource file corresponding to the UI nodes according to the adjusted animation data in an exemplary embodiment of the present disclosure;

[0029] Figure 5 A schematic diagram schematically showing opening the preview interface corresponding to the visualized editing interface in the visualized editing interface in an exemplary embodiment of the present disclosure;

[0030] Figure 6 A flowchart schematically showing viewing the animation effect corresponding to the UI nodes in the preview interface corresponding to the visualized editing interface according to the animation preview task in an exemplary embodiment of the present disclosure;

[0031] Figure 7Fig. 1 is a flowchart illustrating a process of interpolating between an animation start value and an animation end value according to an animation curve to obtain an animation effect corresponding to a UI node, according to an example embodiment of the present disclosure;

[0032] Figure 8 Fig. 2 is a flowchart illustrating a process of obtaining animation data corresponding to a UI node according to a storage path, according to an example embodiment of the present disclosure;

[0033] Figure 9 Fig. 3 is a flowchart illustrating a process of generating an animation resource file according to at least one UI node having animation data, according to an example embodiment of the present disclosure;

[0034] Figure 10 Fig. 4 is a flowchart illustrating a process of handling logic of a UI animation code, according to an example embodiment of the present disclosure;

[0035] Figure 11 Fig. 5 is a flowchart illustrating a process of handling logic of an editor code, according to an example embodiment of the present disclosure;

[0036] Figure 12 Fig. 6 is a diagram illustrating a relationship of a data structure code, a UI animation code, and an editor code, according to an example embodiment of the present disclosure;

[0037] Figure 13 Fig. 7 is a diagram illustrating a composition of an animation visual editing device, according to an example embodiment of the present disclosure;

[0038] Figure 14 Fig. 8 is a diagram illustrating a structure of a computer system of an electronic device suitable for implementing an example embodiment of the present disclosure. DETAILED DESCRIPTION

[0039] Example implementations are now described with reference to the drawings; however, these implementations are merely examples of implementations and are not intended to limit the scope of what is described herein. Rather, the scope of the disclosure is to be determined solely by the appended claims. The descriptions of the example implementations are intended to be illustrative, and not limiting. Many modifications of the example implementations described herein can be conceived without departing from the scope of the disclosure. Accordingly, the phrasing "in one implementation", "according to an implementation", unless otherwise stated, is not intended to refer to only one implementation or example, but instead is meant to indicate that the feature, structure, or characteristic being described is included in at least one implementation. Furthermore, unless otherwise stated, the phrase "one implementation" is not used with the sole intention of introducing a corresponding independent claim. The term "implementation" refers to an implementation, or a combination of several implementations.

[0040] The block diagrams shown in the drawings are merely functional entities and do not necessarily have to correspond to physically independent entities. That is, the functional entities can be implemented in the form of software, or in one or more software-hardened modules, or in different network and / or processor devices and / or microcontroller devices.

[0041] With the development of terminal devices and the game industry, a large number of games of different themes have emerged to meet the needs of players. In the game, players can interact with the game client through the UI, and game developers can make appropriate UI animations according to the characteristics of the UI. UI animations can improve the expressiveness and liveliness of the UI and greatly improve the user experience. For example, in Unity (a game engine), game developers can edit UI animations using the UIToolkit (UI toolkit) provided by Unity.

[0042] During game development, game developers need to continuously adjust UI animations according to game version iterations. When adjusting UI animations, game developers need to adjust the animation data corresponding to the UI animations in the code, and after compiling and running, the adjusted UI animation effect can be seen.

[0043] The existing technology adjusts the UI animation by editing the code, which requires a lot of manpower and resources, and reduces the game development efficiency.

[0044] In an example embodiment of the present disclosure, a visual editing interface can be generated according to a graphical interface module of a graphics processing application, a target UI interface object can be selected from a plurality of UI interface objects in response to a UI interface object selection operation, a UI node in the target UI interface object can be obtained, animation data corresponding to the UI node can be obtained, the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node can be displayed in the visual editing interface, the animation data can be adjusted in response to an animation data adjustment operation for the UI node, and an animation resource file can be generated according to the adjusted animation data. Figure 1 As shown, a flowchart of the animation visual editing method in the example embodiment is shown, which can include the following steps:

[0045] Step S110: A visual editing interface is generated according to a graphical interface module of a graphics processing application;

[0046] Step S120: A target UI interface object is selected from a plurality of UI interface objects in response to a UI interface object selection operation for the visual editing interface;

[0047] Step S130: obtaining a UI node in the target UI interface object, and obtaining animation data corresponding to the UI node; wherein the UI interface object comprises at least one UI node;

[0048] Step S140: displaying the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node in the visual editing interface;

[0049] Step S150: in response to an animation data adjustment operation on the UI node, adjusting the animation data;

[0050] Step S160: generating an animation resource file according to the adjusted animation data.

[0051] In the animation visual editing method provided by an embodiment of the present disclosure, a visual editing interface can be generated in a graphics processing application, and UI animation data can be adjusted in the visual editing interface. This can enable game developers to more intuitively adjust the UI animation data, avoid wasting time when adjusting the code, reduce the consumption of manpower and resources, and more easily produce UI animations that meet the needs of game developers, thereby improving the game development efficiency.

[0052] In the following, the steps S110-S160 of the animation visual editing method in the example embodiment will be described in more detail in combination with Figure 1

[0053] Step S110: generating a visual editing interface according to a graphics interface module of a graphics processing application;

[0054] In an example embodiment of the present disclosure, the visual editing interface can be generated according to a graphics interface module of a graphics processing application. Specifically, the graphics processing application refers to a program for developing games or other applications that need to load UI animations. For example, the graphics processing application can include Unity3d, UE4, Roblox studio, Cocos creator, Godot Engine, etc. It should be noted that the present disclosure does not specially limit the specific type of graphics processing application.

[0055] In an example embodiment of the present disclosure, the graphics interface module of the graphics processing application can be used to design a tool class running in the graphics processing application. Specifically, the visual editing interface (UITool, tool class) can be generated by the graphics interface module of the graphics processing application, which can be used to edit UI animations. It should be noted that the present disclosure does not specially limit the specific form of the visual editing interface.

[0056] ​In step S120, in response to the UI interface object selection operation on the visual editing interface, a target UI interface object is selected from the plurality of UI interface objects.

[0057] In an example embodiment of the present disclosure, a UI interface object selection operation on the visual editing interface can be received, and a target UI interface object is selected from the plurality of UI interface objects. Specifically, when developing an application through a graphic processing application, a UI interface object can be set for an object in the application.

[0058] For example, a game includes a virtual backpack, and when developing the game through a graphic processing application, a virtual backpack UI interface object can be created for the virtual backpack, and a developer can adjust animation data corresponding to the virtual backpack UI interface object.

[0059] For example, a communication application includes a communication box, and when developing the communication application through a graphic processing application, a communication box UI interface object can be created for the communication box, and a developer can adjust animation data corresponding to the communication box UI interface object.

[0060] It should be noted that the present disclosure does not specially limit the specific type of the UI interface object.

[0061] In an example embodiment of the present disclosure, a UI interface object selection operation on the visual editing interface can be received, and a target UI interface object is selected from the plurality of UI interface objects. Specifically, for an application to be developed, the application can include a plurality of UI interface objects, and when editing the UI animation of the application through the visual editing interface, a target UI interface object to be edited can be selected in the visual editing interface.

[0062] For example, for a game application, the game application includes a virtual backpack UI interface object, a virtual equipment bar UI interface object, a virtual fashion UI interface object, and a virtual weapon UI interface object, and a target UI interface object can be selected from the plurality of UI interface objects through a UI interface object selection operation on the visual editing interface.

[0063] Specifically, the plurality of UI interface objects can be displayed in the visual editing interface, and a target UI interface object can be selected from the plurality of UI interface objects.

[0064] Alternatively, the plurality of UI interface objects can be displayed through one or more levels of menus in the visual editing interface, and a target UI interface object can be selected from the plurality of UI interface objects.

[0065] For example, a first-level menu option is provided in the visual editing interface, and a first-level menu can be opened by clicking the first-level menu option, and a UI interface object option can be clicked in the first-level menu to display a plurality of UI interface objects in the visual editing interface.

[0066] It should be noted that the disclosure does not specially limit the display form of the plurality of UI interface objects.

[0067] In an example embodiment of the disclosure, the UI interface object selection operation can be used to select a target UI interface object from the plurality of UI interface objects. The UI interface object selection operation can include a key operation, a touch operation, voice control, etc. It should be noted that the disclosure does not specially limit the specific form of the UI interface object selection operation.

[0068] In step S130, a UI node in the target UI interface object is obtained, and animation data corresponding to the UI node is obtained.

[0069] In an example embodiment of the disclosure, the UI node in the target UI interface object can be obtained, and the animation data corresponding to the UI node can be obtained. Specifically, the target UI interface object can include a plurality of UI nodes, and each UI node can correspond to at least one set of UI animation.

[0070] For example, for a virtual backpack UI interface object in a game application, the virtual backpack UI interface object includes a prop use UI node, a prop equipment UI node, a prop acquisition UI node, and a prop transaction UI node, wherein the prop use UI node includes a game prop A use UI node, a game prop B use UI node, a game prop C use UI node, and a game prop D use UI node.

[0071] It should be noted that the disclosure does not specially limit the number of UI nodes in the UI interface object and the number of sets of animation data corresponding to the UI nodes.

[0072] In an example embodiment of the disclosure, when an application developer develops an application, the UI node in the UI interface object can be obtained. For example, when creating a UI node for a UI interface object, the UI node of the UI interface object can be stored in a sub-path of the UI interface object, and when obtaining the UI node in the UI interface object, the UI node corresponding to the UI interface object can be searched in the sub-path of the UI interface object.

[0073] It should be noted that the disclosure does not specially limit the specific way of obtaining the UI node in the target UI interface object.

[0074] In an example embodiment of the present disclosure, the animation data corresponding to the UI node can be acquired. For example, the UI node and the animation data corresponding to the UI node can be stored in the same path, and when the animation data corresponding to the UI node is acquired, the path corresponding to the UI node can be searched, and the animation data corresponding to the UI node can be acquired in the path.

[0075] It should be noted that the present disclosure does not make special limitation on the specific manner of acquiring the animation data corresponding to the UI node.

[0076] Step S140, displaying the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node in the visual editing interface;

[0077] In an example embodiment of the present disclosure, after the UI node in the target UI interface object and the animation data corresponding to the UI node are acquired through the above steps, the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node can be displayed in the visual editing interface. For example, as shown in FIG. 2, the acquired UI node 201 in the target UI interface object can be displayed in the visual editing interface 200, and the animation data 203 corresponding to the UI node can be displayed in the form of a secondary menu. Figure 2

[0078] It should be noted that the present disclosure does not make special limitation on the specific manner of displaying the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node in the visual editing interface.

[0079] In an example embodiment of the present disclosure, the animation data corresponding to the UI node can include one or more of animation type (denoted as AnimationType), play timing (denoted as TriggerType), animation start value (denoted as ValueA), animation end value (denoted as ValueB), and animation curve (denoted as Curve). For example, the animation type can include scaling, moving, rotating, color, transparency, etc.; the play timing can include mouse pressing, mouse releasing, opening interface, closing interface, etc.; and the animation curve can include linear interpolation, nonlinear interpolation, etc.

[0080] It should be noted that the present disclosure does not make special limitation on the specific type of the animation data corresponding to the UI node.

[0081] Step S150, adjusting the animation data in response to an animation data adjustment operation on the UI node;

[0082] ​In an example embodiment of the present disclosure, after the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node are displayed in the visual editing interface through the above steps, an animation data adjustment operation for the UI node can be received to adjust the animation data. Specifically, when the animation data corresponding to the UI node is adjusted, the animation parameters corresponding to the animation data can be adjusted. Specifically, a target animation parameter can be selected from the preset animation parameters, or the target animation parameter can be input in the visual editing interface to adjust the animation data corresponding to the UI node.

[0083] For example, as shown in FIG. 3, in the visual editing interface 300, a plurality of animation types 302 can be opened through a multi-level drop-down menu option 301, a target animation type can be selected from the plurality of animation types, and a target animation parameter can be input in an animation parameter input box 303 to adjust the animation data A. Figure 3

[0084] It should be noted that the present disclosure does not specially limit the specific manner of adjusting the animation data.

[0085] In an example embodiment of the present disclosure, the animation data adjustment operation for the UI node can be used to adjust the animation data. The animation data adjustment operation can include key operations, touch operations, voice controls, etc. It should be noted that the present disclosure does not specially limit the specific form of the animation data adjustment operation.

[0086] In step S160, an animation resource file corresponding to the UI node is generated according to the adjusted animation data.

[0087] In an example embodiment of the present disclosure, after the animation data corresponding to the UI node is adjusted through the above steps, an animation resource file can be generated according to the adjusted animation data. Specifically, the animation resource file can be used in the application to display the UI animation in the application.

[0088] In an example embodiment of the present disclosure, the animation resource file can be generated through an animation resource file generation operation for the visual editing interface.

[0089] For example, as shown in FIG. 4, an animation resource file generation control 401 can be provided in the visual editing interface 400, and after the animation data is adjusted, an animation resource file corresponding to the UI node can be generated through an animation resource file generation operation on the animation resource file generation control 401. The animation resource file generation operation can include key operations, touch operations, voice controls, etc. Figure 4

[0090] ​​It should be noted that the present disclosure does not make special restrictions on the specific manner of generating the animation resource file corresponding to the UI node according to the adjusted animation data.

[0091] In an exemplary embodiment of the present disclosure, the animation effect corresponding to the UI node can be viewed in the preview interface corresponding to the visual editing interface. Specifically, the preview interface corresponding to the visual editing interface can be designed through a graphics processing application, and the animation effect corresponding to the UI node can be viewed in this preview interface.

[0092] It should be noted that the present disclosure does not make special restrictions on the specific manner of designing the preview interface corresponding to the visual editing interface through the graphics processing application and the specific form of the preview interface.

[0093] In an exemplary embodiment of the present disclosure, when viewing the animation effect corresponding to the UI node in the preview interface corresponding to the visual editing interface, the preview interface corresponding to the visual editing interface can be opened through the animation preview operation on the preview control in the visual editing interface, and the animation effect corresponding to the UI node can be viewed in the preview interface.

[0094] As Figure 5 shown, in the visual editing interface 500, the preview interface 502 corresponding to the visual editing interface can be opened through the animation preview operation on the preview control 501, and the animation effect corresponding to the UI node can be viewed in the preview interface.

[0095] In an exemplary embodiment of the present disclosure, before viewing the animation effect corresponding to the UI node through the preview interface corresponding to the visual editing interface, the UI node and the animation data corresponding to the UI node can be stored in an animation data container (denoted as Dictionary<UI node, animation data>). Specifically, the animation data container can be used to store the UI nodes to be previewed and the animation data corresponding to the UI node. After obtaining the UI node and the animation data corresponding to the UI node, the UI node and the animation data corresponding to the UI node can be stored in the animation data container. It should be noted that the present disclosure does not make special restrictions on the specific form of the animation data container for storing the UI node and the animation data corresponding to the UI node.

[0096] In an exemplary embodiment of the present disclosure, in response to the animation preview operation on the visual editing interface, a preview animation class can be created, the playback timing can be obtained, the playback timing can be input into the preview animation class, the preset playback timings corresponding to the animation data in the animation data container can be traversed. When the playback timing is the same as the preset playback timing, an animation preview task corresponding to the UI node can be created, and the animation effect corresponding to the UI node can be viewed in the preview interface corresponding to the visual editing interface according to the animation preview task. Refer to [[ID=As shown, according to the animation preview task, the animation effect corresponding to the UI node can be viewed in the preview interface corresponding to the visual editing interface, which can include the following steps S610-S650:

[0097] In step S610, a preview animation class is created in response to an animation preview operation on the visual editing interface.

[0098] In an example embodiment of the present disclosure, the animation preview operation on the visual editing interface can be received, and the preview animation class can be created. Specifically, a preview control can be provided in the visual editing interface, and the preview animation class can be created through the animation preview operation on the preview control. Specifically, when viewing the animation effect corresponding to the UI node in the preview interface corresponding to the visual editing interface, a preview animation class (denoted as UIAnimation) needs to be instantiated to view the animation effect corresponding to the UI node in the preview interface.

[0099] It should be noted that the present disclosure does not make special limitations on the specific form of the preview animation class and the specific way of creating the preview animation class.

[0100] In step S620, the play timing is obtained, and the play timing is input into the preview animation class.

[0101] In an example embodiment of the present disclosure, after the preview animation class is created through the above steps, the play timing can be obtained, and the play timing can be input into the preview animation class. Specifically, the play timing can include a human-triggered play timing and a program-triggered play timing, and the obtained play timing can be input into the preview animation class.

[0102] For example, the obtained play timing is mouse down, and the play timing can be input into the preview animation class.

[0103] It should be noted that the present disclosure does not make special limitations on the specific type of play timing and the specific way of inputting the play timing into the preview animation class.

[0104] In step S630, the preset play timing corresponding to the animation data in the animation data container is traversed.

[0105] In an example embodiment of the present disclosure, after the play timing is input into the preview animation class through the above steps, the preset play timing corresponding to the animation data in the animation data container can be compared. The animation data corresponding to the UI node includes at least one, and the animation data has a corresponding preset play timing. Specifically, the animation data corresponding to each UI node in the animation data container can be traversed, and the preset play timing corresponding to each animation data can be obtained. The preset play timing can include a preset play timing triggered by a person and a preset play timing triggered by a program. It should be noted that the present disclosure does not specially limit the specific type of the preset play timing.

[0106] Step S640, when the play timing is the same as the preset play timing, creating an animation preview task corresponding to the UI node;

[0107] In an example embodiment of the present disclosure, when the preset play timing corresponding to the input play timing is traversed, it indicates that the animation data container has the same animation data as the input play timing, that is, the animation data corresponding to the UI node can be played in the preview interface. When the play timing is the same as the preset play timing, an animation preview task corresponding to the UI node can be created. Specifically, the animation preview task is to play the animation data corresponding to the preset play timing.

[0108] It should be noted that the present disclosure does not specially limit the specific way of creating an animation preview task corresponding to the UI node.

[0109] Step S650, according to the animation preview task, viewing the animation effect corresponding to the UI node in the preview interface corresponding to the visual editing interface.

[0110] In an example embodiment of the present disclosure, after the animation preview task is created through the above steps, the animation effect corresponding to the UI node can be viewed in the preview interface corresponding to the visual editing interface according to the animation preview task. Specifically, the animation preview task can be executed asynchronously, that is, the animation effect corresponding to the UI node can be viewed in the preview interface corresponding to the visual editing interface without waiting for the animation to be completed.

[0111] It should be noted that the present disclosure does not specially limit the specific way of viewing the animation effect corresponding to the UI node in the preview interface corresponding to the visual editing interface according to the animation preview task.

[0112] By the steps S610-S650, the preview animation class can be created in response to the animation preview operation on the visual editing interface, the playing opportunity can be acquired, the playing opportunity can be input into the preview animation class, the preset playing opportunity corresponding to the animation data in the animation data container can be traversed, the animation preview task corresponding to the UI node can be created when the playing opportunity is the same as the preset playing opportunity, and the animation effect corresponding to the UI node can be viewed on the preview interface corresponding to the visual editing interface according to the animation preview task.

[0113] In an example embodiment of the present disclosure, the animation data corresponding to the UI node can be acquired, the animation effect corresponding to the UI node can be obtained by interpolating the animation curve between the animation start value and the animation end value, and the animation effect corresponding to the UI node can be viewed on the preview interface corresponding to the visual editing interface. Referring to Figure 7 As shown, the animation effect corresponding to the UI node can be obtained by interpolating the animation curve between the animation start value and the animation end value, which can include the following steps S710-S730:

[0114] In step S710, the animation data corresponding to the UI node is acquired.

[0115] In an example embodiment of the present disclosure, after the animation preview task is created by the above steps, the animation data corresponding to the UI node can be acquired. Specifically, the animation data corresponding to the UI node can be acquired in the animation data container, and the animation data corresponding to the UI node can include the animation start value, the animation end value, and the animation curve.

[0116] Specifically, the animation start value can be used to represent the initial state of the UI animation, and the animation end value can be used to represent the end state of the UI animation.

[0117] For example, the UI animation is to change from white to gray in 1 second, and at this time, the animation start value of the UI animation is white, and the animation end value is gray.

[0118] The animation curve is a way to record the relationship between the input value and the output value. The animation curve can include a linear interpolation curve and a nonlinear interpolation curve, and the input and output of the linear interpolation curve are in a linear relationship.

[0119] It should be noted that the present disclosure does not make special limitations on the specific way of acquiring the animation data corresponding to the UI node.

[0120] In step S720, the animation effect corresponding to the UI node is obtained by interpolating the animation curve between the animation start value and the animation end value.

[0121] In step S730, the animation effect corresponding to the UI node is viewed on the preview interface corresponding to the visual editing interface.

[0122] In an example embodiment of the present disclosure, after the animation data corresponding to the UI node is obtained through the above steps, the animation effect corresponding to the UI node can be obtained by interpolating between the animation start value and the animation end value according to the animation curve. Specifically, interpolation calculation can be performed through the animation curve, that is, the output value is calculated according to the interpolation formula, and the output value is inserted between the animation start value and the animation end value of the UI animation to obtain the UI animation, and the animation effect corresponding to the UI node is viewed on the preview interface corresponding to the visual editing interface.

[0123] It should be noted that the present disclosure does not make special limitations on the specific way of interpolating between the animation start value and the animation end value according to the animation curve.

[0124] Further, the animation curve can be adjusted in an externally readable manner to obtain a UI animation that meets the needs of the developer.

[0125] Through the above steps S710-S730, the animation data corresponding to the UI node can be obtained, the animation effect corresponding to the UI node can be obtained by interpolating between the animation start value and the animation end value according to the animation curve, and the animation effect corresponding to the UI node can be viewed on the preview interface corresponding to the visual editing interface.

[0126] In an example embodiment of the present disclosure, the animation node corresponding to the UI node can be obtained, the storage path of the animation data corresponding to the UI node is determined according to the animation node corresponding to the UI node, and the animation data corresponding to the UI node is obtained according to the storage path. Referring to Figure 8 According to the storage path, the animation data corresponding to the UI node can be obtained, which can include the following steps S810-S820:

[0127] Step S810, obtaining the animation node corresponding to the UI node, and determining the storage path of the animation data corresponding to the UI node according to the animation node corresponding to the UI node;

[0128] Step S820, obtaining the animation data corresponding to the UI node according to the storage path.

[0129] In an example embodiment of the present disclosure, when the animation data corresponding to the UI node is obtained, the animation node (denoted as AnimationNode) corresponding to the UI node can be obtained. Specifically, the animation node corresponding to the UI node is used to store the animation information of the UI node and the animation node corresponding to the UI node. The storage path of the animation data corresponding to the UI node is included in the animation node corresponding to the UI node. After obtaining the animation node corresponding to the UI node, the UI node can be searched in the animation node, the storage path of the animation data corresponding to the UI node is found, and the animation data corresponding to the UI node is obtained in the storage path.

[0130] For example, in the animation node, the UI node and the UI node name corresponding to the UI node, the storage path of the animation data corresponding to the UI node, the hierarchical index of the animation data corresponding to the UI node, etc. can be stored. It should be noted that the specific way of obtaining the animation node corresponding to the UI node and the specific content included in the animation information corresponding to the UI node are not specially limited in the present disclosure.

[0131] Through the above steps S810-S820, the animation node corresponding to the UI node can be obtained, the storage path of the animation data corresponding to the UI node is determined according to the animation node corresponding to the UI node, and the animation data corresponding to the UI node is obtained according to the storage path.

[0132] In an example embodiment of the present disclosure, at least one UI node with animation data in the target UI interface object can be obtained, and an animation resource file can be generated according to the at least one UI node with animation data. The target UI interface object is searched Figure 9 As shown, generating an animation resource file according to at least one UI node with animation data can include the following steps S910-S920:

[0133] Step S910, obtaining at least one UI node with animation data in the target UI interface object;

[0134] Step S920, generating an animation resource file according to at least one UI node with animation data.

[0135] In an example embodiment of the present disclosure, after adjusting the animation data corresponding to the UI node through the above steps, at least one UI node with animation data in the target UI interface object can be obtained. Specifically, among the UI nodes of the target UI interface object obtained through the above steps, some UI nodes have corresponding animation data, and some UI nodes do not have corresponding animation data, or through the animation data adjustment operation for the UI node, the animation data of the UI node can be deleted, and some UI nodes in the target UI interface object can not have animation data. At this time, at least one UI node with animation data in the target UI interface object can be obtained, and an animation resource file can be generated according to the at least one UI node with animation data.

[0136] For example, the UI nodes in the target UI interface without animation data can be discarded, at least one UI node with animation data is retained, and an animation resource file can be generated according to the at least one UI node with animation data.

[0137] By the steps S910-S920, at least one UI node with animation data in the target UI interface object can be obtained, and an animation resource file is generated according to the at least one UI node with animation data. By the embodiment, the memory occupation of the animation resource file can be reduced.

[0138] In an example embodiment of the present disclosure, in order to implement the scheme of the present disclosure, the code of the UI animation can be divided into: data structure code, UI animation code, and editor code. The data structure code can be used to define the data structure of the UI animation, the UI animation code can be used to load the animation data corresponding to the UI node and play the animation data corresponding to the UI node, and the editor code can be used for the developer to adjust the animation data and generate the animation resource file corresponding to the UI node according to the adjusted animation data.

[0139] In an example embodiment of the present disclosure, for the UI animation code, the UI node in the target UI interface object can be obtained, the animation data corresponding to the UI node can be loaded, the animation node can be matched with the UI node and the animation data corresponding to the UI node, it can be determined whether to view the animation effect corresponding to the UI node in the preview interface, if yes, the preset playing time of the animation data can be traversed, the UI animation to be played can be determined according to the preset playing time and the input playing time, the animation curve can be determined according to the animation type corresponding to the UI animation, the interpolation can be performed between the animation start value and the animation end value according to the animation curve, the animation effect corresponding to the UI node can be obtained, and after completion, it can be waited whether to continue to view the animation effect corresponding to the UI node in the preview interface, if no, it can be waited whether to view the animation effect corresponding to the UI node in the preview interface. Referring to Figure 10 As shown in the figure, the processing logic of the UI animation code can include the following steps S1001-S1007:

[0140] Step S1001, obtaining the UI node in the target UI interface object; step S1002, loading the animation data corresponding to the UI node; step S1003, matching the animation node with the UI node and the animation data corresponding to the UI node; step S1004, viewing the animation effect corresponding to the UI node in the preview interface; step S1005, traversing the preset playing time of the animation data, determining the UI animation to be played according to the preset playing time and the input playing time; step S1006, determining the animation curve according to the animation type corresponding to the UI animation; step S1007, performing interpolation between the animation start value and the animation end value according to the animation curve, obtaining the animation effect corresponding to the UI node.

[0141] In an example embodiment of the present disclosure, for the editor code, a UI node in a target UI interface object can be acquired, and the UI node corresponding to the target UI interface object and animation data corresponding to the UI node can be displayed in a visual editing interface. A UI node to be adjusted can be selected, and the animation data corresponding to the UI node can be adjusted. The animation effect corresponding to the UI node can be viewed through a preview interface corresponding to the visual editing interface. The animation resource file corresponding to the UI node can be generated according to the adjusted animation data, or the UI node to be adjusted can be continuously selected, and the animation data corresponding to the UI node can be adjusted. As shown in Figure 11 The processing logic of the editor code can include the following steps S1101-S1104.

[0142] In step S1101, a UI node in a target UI interface object is acquired, and the UI node corresponding to the target UI interface object and animation data corresponding to the UI node are displayed in a visual editing interface. In step S1102, a UI node to be adjusted is selected, and the animation data corresponding to the UI node is adjusted. In step S1103, the animation effect corresponding to the UI node is viewed through a preview interface corresponding to the visual editing interface. In step S1104, the animation resource file corresponding to the UI node is generated according to the adjusted animation data.

[0143] In an example embodiment of the present disclosure, as shown in Figure 12 The editor code can adjust the animation data corresponding to the UI node, and save the adjusted animation data in a corresponding data structure code. When the UI animation code receives a request for previewing an animation, the corresponding animation data is read from the data structure code.

[0144] In the animation visual editing method provided by an example embodiment of the present disclosure, a visual editing interface can be generated in a graphics processing application, and UI animation data can be adjusted in the visual editing interface. The developer can more intuitively adjust the UI animation data, avoid wasting time when adjusting the code, reduce the consumption of manpower and material resources, and more easily produce the UI animation that meets the needs of the developer, thereby improving the game development efficiency.

[0145] It should be noted that the above-described figures are only schematic representations of the processes included in the method according to the example embodiments of the present disclosure, and are not intended to limit the purposes. It is easy to understand that the processes shown in the above-described figures do not indicate or limit the time sequence of the processes. In addition, it is also easy to understand that the processes can be executed synchronously or asynchronously in multiple modules, for example.

[0146] In addition, in the example embodiments of the present disclosure, an animation visual editing device is also provided. Referring to Figure 13As shown, the animation visualized editing device 1300 includes an editing interface generation module 1310, a target UI interface object selection module 1320, an animation data acquisition module 1330, a UI node display module 1340, an animation data adjustment module 1350, and a resource file generation module 1360.

[0147] The editing interface generation module is configured to generate a visualized editing interface according to a graphical interface module of the graphic processing application; the target UI interface object selection module is configured to select a target UI interface object from a plurality of UI interface objects in response to a UI interface object selection operation on the visualized editing interface; the animation data acquisition module is configured to acquire a UI node in the target UI interface object and acquire animation data corresponding to the UI node; the UI interface object includes at least one UI node; the UI node display module is configured to display the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node in the visualized editing interface; the animation data adjustment module is configured to adjust the animation data in response to an animation data adjustment operation on the UI node; and the resource file generation module is configured to generate an animation resource file corresponding to the UI node according to the adjusted animation data.

[0148] In an example embodiment of the present disclosure, based on the foregoing scheme, the animation data corresponding to the UI node includes one or more of an animation type, a play timing, an animation start value, an animation end value, and an animation curve.

[0149] In an example embodiment of the present disclosure, based on the foregoing scheme, the device further includes an animation effect preview unit configured to view an animation effect corresponding to the UI node through a preview interface corresponding to the visualized editing interface.

[0150] In an example embodiment of the present disclosure, based on the foregoing scheme, before the animation effect corresponding to the UI node is viewed through the preview interface corresponding to the visualized editing interface, the device further includes a container storage unit configured to store the UI node and the animation data corresponding to the UI node in an animation data container.

[0151] In an example embodiment of the present disclosure, based on the foregoing scheme, the animation data corresponding to the UI node includes an animation timing, the animation effect corresponding to the UI node is viewed through the preview interface corresponding to the visual editing interface, and the device further includes: an animation class creation unit configured to, in response to an animation preview operation on the visual editing interface, create a preview animation class; a play timing input unit configured to obtain a play timing and input the play timing into the preview animation class; a preset play timing traversal unit configured to traverse preset play timings corresponding to the animation data in the animation data container; wherein the animation data corresponding to the UI node includes at least one type, and the animation data has a corresponding preset play timing; a preview task creation unit configured to, when the play timing is the same as the preset play timing, create an animation preview task corresponding to the UI node; and a first animation effect viewing unit configured to view the animation effect corresponding to the UI node in the preview interface corresponding to the visual editing interface according to the animation preview task.

[0152] In an example embodiment of the present disclosure, based on the foregoing scheme, the animation effect corresponding to the UI node is viewed in the preview interface corresponding to the visual editing interface according to the animation preview task, and the device further includes: an animation data acquisition unit configured to acquire the animation data corresponding to the UI node; wherein the animation data includes an animation start value, an animation end value, and an animation curve; an interpolation unit configured to interpolate between the animation start value and the animation end value according to the animation curve to obtain the animation effect corresponding to the UI node; and a second animation effect viewing unit configured to view the animation effect corresponding to the UI node in the preview interface corresponding to the visual editing interface.

[0153] In an example embodiment of the present disclosure, based on the foregoing scheme, the animation data corresponding to the UI node is acquired, and the device further includes: an animation node acquisition unit configured to acquire an animation node corresponding to the UI node and determine a storage path of the animation data corresponding to the UI node according to the animation node corresponding to the UI node; and a storage path acquisition unit configured to acquire the animation data corresponding to the UI node according to the storage path.

[0154] In an example embodiment of the present disclosure, based on the foregoing scheme, the animation resource file is generated according to the adjusted animation data, and the device further includes: an animation data judgment unit configured to acquire at least one UI node having animation data in a target UI interface object; and an animation resource file generation unit configured to generate an animation resource file according to the at least one UI node having animation data.

[0155] Since the various functional modules of the animation visual editing device of the example embodiments of the present disclosure correspond to the steps of the example embodiments of the animation visual editing method described above, for details not disclosed in the device embodiments of the present disclosure, please refer to the example embodiments of the animation visual editing method described above.

[0156] It should be noted that although several modules or units of the devices for action execution are mentioned in the above detailed description, such division is not mandatory. Indeed, according to embodiments of the present disclosure, features and functionalities of two or more modules or units described above can be embodied in one module or unit. Conversely, features and functionalities of one module or unit described above can be further divided into embodied by multiple modules or units.

[0157] Furthermore, in the exemplary embodiments of the present disclosure, an electronic device capable of implementing the above-mentioned animation visual editing method is also provided.

[0158] Those skilled in the art can understand that various aspects of the present disclosure can be implemented as a system, a method or a program product. Therefore, various aspects of the present disclosure can be embodied as a complete hardware embodiment, a complete software embodiment (including firmware, microcode, etc.), or an embodiment combining hardware and software aspects, which can be collectively referred to as "circuitry", "module" or "system" here.

[0159] The electronic device 1400 according to such embodiments of the present disclosure will be described below with reference to Figure 14 Figure 14 The displayed electronic device 1400 is merely an example and should not bring any limitation to the functions and use range of the embodiments of the present disclosure.

[0160] As shown in Figure 14 The components of the electronic device 1400 can include, but are not limited to, the above-mentioned at least one processing unit 1410, the above-mentioned at least one storage unit 1420, a bus 1430 connecting different system components including the storage unit 1420 and the processing unit 1410, and a display unit 1440.

[0161] The storage unit stores program codes which can be executed by the processing unit 1410, so that the processing unit 1410 performs the steps according to various exemplary embodiments of the present disclosure described in the above "Exemplary Methods" section of the present specification. For example, the processing unit 1410 can perform the steps according to various exemplary embodiments of the present disclosure described in the above "Exemplary Methods" section of the present specification, by executing the program codes stored in the storage unit 1420. Figure 1 ​The step S110 shown in the middle: generating a visual editing interface according to the graphical interface module of the graphical processing application; step S120: in response to the UI interface object selection operation for the visual editing interface, selecting a target UI interface object in the plurality of UI interface objects; step S140: obtaining the UI node in the target UI interface object, obtaining the animation data corresponding to the UI node; wherein the UI interface object includes at least one UI node; step S140: displaying the UI node corresponding to the target UI interface object and the animation data corresponding to the UI node in the visual editing interface; step S150: in response to the animation data adjustment operation for the UI node, adjusting the animation data; step S160: generating an animation resource file according to the adjusted animation data.

[0162] For another example, the electronic device can implement each step as shown in Figure 1 .

[0163] The storage unit 1420 can include a readable medium in the form of a volatile storage unit, such as a random access memory (RAM) 1421 and / or a cache memory 1422, and can further include a read-only memory (ROM) 1423.

[0164] The storage unit 1420 can further include a program / utility 1424 having a set (at least one) of program modules 1425, such as an operating system, one or more application programs, other program modules, and program data, each of which or some combination thereof can include implementation of a network environment.

[0165] The bus 1430 can represent one or more of several types of bus structures, including a storage unit bus or storage unit controller, a peripheral bus, a graphics acceleration port, a processing unit bus, or a local bus using any of a variety of bus architectures.

[0166] The electronic device 1400 can also communicate with one or more external devices 1470 such as a keyboard or pointing device, a Bluetooth device, or a database, and / or with one or more devices that enable a user to interact with the electronic device 1400 and / or one or more devices (e.g., a router, a modem, and so forth) that enable the electronic device 1400 to communicate with one or more other computing devices. Such communication can occur via Input / Output (I / O) interface(s) 1450. Still yet, the electronic device 1400 can communicate with one or more networks, such as one or more local area networks (LANs), wide area networks (WANs), and / or the Internet, through network adapter 1460. As depicted, network adapter 1460 communicates with the other components of the electronic device 1400 via bus 1430. It should be appreciated that although not shown, other hardware and / or software components could be used in conjunction with the electronic device 1400. These include, but are not limited to, microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data archival storage systems, etc.

[0167] From the above description of the embodiments, those skilled in the art will easily understand that the example embodiments described herein can be implemented by software and also can be implemented by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a USB flash disk, a mobile hard disk, or the like) or a network, and includes a number of instructions to enable a computing device (which can be a personal computer, a server, a terminal device, or a network device, etc.) to perform the methods according to the embodiments of the present disclosure.

[0168] In the example embodiments of the present disclosure, a computer-readable storage medium is also provided, which stores a program product capable of implementing the above-mentioned method of the present disclosure. In some possible embodiments, various aspects of the present disclosure can also be implemented in the form of a program product, which includes program codes for causing a terminal device to perform the steps according to various example embodiments of the present disclosure described in the above-mentioned “example method” section of the present disclosure when the program product is run on the terminal device.

[0169] The computer readable signal medium can include a data signal traveling in baseband or a carrier wave traveling in baseband, which bears computer readable program code. Such a traveling data signal can take a variety of forms, including but not limited to electro-magnetic, optical, or any suitable combination thereof. The computer readable signal medium can also be any computer readable medium that is not a storage medium and that can communicate, propagate, or transport program for use by or in connection with an instruction execution system, apparatus, or device.

[0170] The program code embodied on the computer readable medium can be transmitted using any appropriate medium, including but not limited to wireless, wired, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

[0171] Program code implementing the operations of the present disclosure can be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C++ or the like, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code can execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's device and partly on a remote computing device or entirely on the remote computing device or server. In the latter scenario, the remote computing device can be connected to the user's device through any type of network, including a local area network (LAN) or a wide area network (WAN), or the connection can be made to an external computing device, such as through the Internet using an Internet Service Provider.

[0172] In addition, the above-described flowcharts are merely illustrative of the processes included in the method according to the exemplary embodiments of the present disclosure, and are not intended to limit the present disclosure. It is readily understood that the processes shown in the above-described flowcharts do not indicate or limit the time sequence of the processes. In addition, it is readily understood that the processes can be executed synchronously or asynchronously, for example, in a plurality of modules.

[0173] Other embodiments of the present disclosure will be readily apparent to those skilled in the art upon considering the specification and practice of the disclosed application. The present application is intended to cover any variations, uses or adaptive changes of the present disclosure along with their equivalents, which follow the general principles of the present disclosure and include known or customary practices of the art to which the present disclosure pertains. The specification and examples are to be regarded as exemplary only, and the true scope and spirit of the present disclosure are indicated by the claims.

Claims

1. An animation visualization editing method, characterized in that, The method includes: Generate a visual editing interface based on the graphical interface module of the graphics processing application; In response to a UI object selection operation for a visual editing interface, a target UI object is selected from multiple UI objects, wherein multiple UI objects are displayed through a first-level or multi-level menu option in the visual editing interface; Obtain UI nodes in the target UI interface object and obtain the animation data corresponding to the UI nodes; wherein, the UI interface object includes at least one UI node, and the at least one UI node is stored in a sub-path of the UI interface object, and the UI node and the animation data corresponding to the UI node are stored in the same path of the UI interface object; The visual editing interface displays the UI nodes corresponding to the target UI interface object and shows the animation data corresponding to the UI nodes in the form of a two-level menu. In response to an animation data adjustment operation for the UI node, the animation data is adjusted; Animation resource files corresponding to UI nodes are generated based on the adjusted animation data.

2. The method according to claim 1, characterized in that, The animation data corresponding to the UI node includes one or more of the following: animation type, playback timing, animation start value, animation end value, and animation curve.

3. The method according to claim 1, characterized in that, The method further includes: View the animation effects of the UI nodes through the preview interface corresponding to the visual editing interface.

4. The method according to claim 3, characterized in that, Before viewing the animation effects of the UI nodes through the preview interface corresponding to the visual editing interface, the method further includes: The UI node and its corresponding animation data are stored in an animation data container.

5. The method according to claim 4, characterized in that, The animation data corresponding to the UI node includes the animation timing. Viewing the animation effect of the UI node through the preview interface corresponding to the visual editing interface includes: In response to an animation preview operation on the visual editing interface, a preview animation class is created; Obtain the playback timing and input the playback timing into the preview animation class; The preset playback timings corresponding to the animation data in the animation data container are traversed; wherein, the animation data corresponding to the UI node includes at least one type, and the animation data has a corresponding preset playback timing; When the playback timing is the same as the preset playback timing, an animation preview task corresponding to the UI node is created; According to the animation preview task, you can view the animation effect of the UI node in the preview interface corresponding to the visual editing interface.

6. The method according to claim 5, characterized in that, The step of viewing the animation effect corresponding to the UI node in the preview interface corresponding to the visual editing interface according to the animation preview task includes: Obtain the animation data corresponding to the UI node; wherein, the animation data includes the animation start value, the animation end value, and the animation curve; The animation effect corresponding to the UI node is obtained by interpolating between the animation start value and the animation end value according to the animation curve. View the animation effects of the UI nodes in the preview interface corresponding to the visual editing interface.

7. The method according to claim 1, characterized in that, The step of obtaining the animation data corresponding to the UI node includes: Obtain the animation node corresponding to the UI node, and determine the storage path of the animation data corresponding to the UI node based on the animation node corresponding to the UI node. The animation data corresponding to the UI node is obtained according to the storage path.

8. The method according to claim 1, characterized in that, The step of generating animation resource files based on the adjusted animation data includes: Obtain at least one UI node with animation data from the target UI interface object; Animation resource files are generated based on at least one UI node with animation data.

9. An animation visualization editing device, characterized in that, The device includes: The editing interface generation module is used to generate a visual editing interface based on the graphical interface module of the graphics processing application. The target UI object selection module is used to select a target UI object from multiple UI objects in response to a UI object selection operation for the visual editing interface, wherein multiple UI objects are displayed through a first-level or multi-level menu option in the visual editing interface. An animation data acquisition module is used to acquire UI nodes in the target UI interface object and acquire animation data corresponding to the UI nodes; wherein, the UI interface object includes at least one UI node, and the at least one UI node and the animation data corresponding to the UI node are stored in the same sub-path of the UI interface object; The UI node display module is used to display the UI nodes corresponding to the target UI interface object in the visual editing interface and to display the animation data corresponding to the UI nodes in the form of a second-level menu. An animation data adjustment module is used to adjust the animation data in response to the animation data adjustment operation for the UI node; The resource file generation module is used to generate animation resource files corresponding to UI nodes based on the adjusted animation data.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the program is executed by the processor, it implements the method as described in any one of claims 1 to 8.

11. An electronic device, characterized in that, include: One or more processors; as well as A memory for storing one or more programs, which, when executed by one or more processors, cause the one or more processors to implement the method as described in any one of claims 1 to 8.

Images