Dynamic effect playing control method and device and electronic equipment

Abstract

The invention provides a dynamic effect playing control method, a dynamic effect playing control device and electronic equipment. The method comprises the following steps: associating a target interface with a dynamic effect generation tool; wherein a dynamic effect trigger event and a dynamic effect operation function are set in the dynamic effect generation tool; the dynamic effect trigger event is related to the target interface; the dynamic effect operation function is used for outputting the dynamic effect of the specified visual effect; in response to the triggering of the dynamic effect triggering event, determining a target dynamic effect operation function corresponding to the dynamic effect triggering event; and playing the dynamic effect output by the target dynamic effect operation function based on the target interface. In the mode, after the target interface is associated with the dynamic effect generation tool, the dynamic effect can be played based on the target interface according to the dynamic effect triggering event; after any interface is associated with the dynamic effect generation tool, the corresponding dynamic effect can be played, the reusability is high, the dynamic effect does not need to be edited one by one, and the dynamic effect editing efficiency is improved.

Description

Technical Field

[0001] The present invention relates to the technical field of motion effect editing, and in particular to a method, device and electronic device for controlling the playback of motion effects. Background Art

[0002] Interface animation can be achieved through editor production. In related technologies, staff need to manually adjust keyframes for each node in the interface in combination with the timeline to edit interface animation. When there are many interfaces in the system, editing animations one by one is time-consuming and laborious, and the editing efficiency is low. Summary of the invention

[0003] In view of this, an object of the present invention is to provide a method, device and electronic device for controlling the playback of motion effects to improve the efficiency of motion effect editing.

[0004] In the first aspect, an embodiment of the present invention provides a method for controlling the playback of animations, the method comprising: associating a target interface and an animation generation tool; wherein an animation trigger event and an animation operation function are provided in the animation generation tool; the animation trigger event is related to the target interface; the animation operation function is used to output an animation of a specified visual effect; in response to the animation trigger event being triggered, determining a target animation operation function corresponding to the animation trigger event; and playing the animation output by the target animation operation function based on the target interface.

[0005] In the second aspect, an embodiment of the present invention provides a playback control device for motion effects, the device comprising: an association module, used to associate a target interface and a motion effect generation tool; wherein a motion effect trigger event and a motion effect operation function are provided in the motion effect generation tool; the motion effect trigger event is related to the target interface; the motion effect operation function is used to output a motion effect of a specified visual effect; a function determination module, used to respond to the motion effect trigger event being triggered, and determine the target motion effect operation function corresponding to the motion effect trigger event; and a motion effect playback module, used to play the motion effect output by the target motion effect operation function based on the target interface.

[0006] In a third aspect, an embodiment of the present invention provides an electronic device, including a processor and a memory, wherein the memory stores computer-executable instructions that can be executed by the processor, and the processor executes the computer-executable instructions to implement the playback control method of the above-mentioned motion effect.

[0007] In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, which stores computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement a method for controlling the playback of motion effects.

[0008] The embodiments of the present invention bring the following beneficial effects:

[0009] The above-mentioned motion effect playback control method, device and electronic device are associated with the target interface and the motion effect generation tool; wherein, the motion effect generation tool is provided with a motion effect trigger event and a motion effect operation function; the motion effect trigger event is related to the target interface; the motion effect operation function is used to output a motion effect of a specified visual effect; in response to the motion effect trigger event being triggered, the target motion effect operation function corresponding to the motion effect trigger event is determined; and the motion effect output by the target motion effect operation function is played based on the target interface. In this method, after associating the target interface with the motion effect generation tool, the motion effect can be played based on the target interface according to the motion effect trigger event; after any interface is associated with the motion effect generation tool, the corresponding motion effect can be played, which has high reusability and no longer requires editing the motion effect interface by interface, thereby improving the efficiency of motion effect editing.

[0010] In addition, a variety of motion effect calculation functions can be set in the motion effect generation tool to output motion effects with a variety of visual effects, thereby improving the visual richness of the interface motion effects and meeting diverse motion effect visual needs.

[0011] Other features and advantages of the present invention will be described in the following description, and partly become apparent from the description, or understood by practicing the present invention. The purpose and other advantages of the present invention are realized and obtained by the structures particularly pointed out in the description, claims and drawings.

[0012] In order to make the above-mentioned objects, features and advantages of the present invention more obvious and easy to understand, preferred embodiments are given below and described in detail with reference to the accompanying drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0013] In order to more clearly illustrate the specific implementation methods of the present invention or the technical solutions in the prior art, the drawings required for use in the specific implementation methods or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are some implementation methods of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without paying any creative work.

[0014] Figure 1 A flowchart of a method for controlling the playback of an animated effect provided by an embodiment of the present invention;

[0015] Figure 2 A schematic diagram of a functional node in a motion effect generation tool provided by an embodiment of the present invention;

[0016] Figure 3 A schematic diagram of function nodes in another dynamic effect generation tool provided by an embodiment of the present invention;

[0017] Figure 4 A schematic diagram of function nodes in another dynamic effect generation tool provided by an embodiment of the present invention;

[0018] Figure 5 A schematic diagram of the structure of a motion effect playback control device provided by an embodiment of the present invention;

[0019] Figure 6 A schematic diagram of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0020] In order to make the purpose, technical solution and advantages of the embodiments of the present invention clearer, the technical solution of the present invention will be clearly and completely described below in conjunction with the accompanying drawings. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative work are within the scope of protection of the present invention.

[0021] Editors with animation editing functions can realize editing interface animations. In related technologies, staff are required to manually edit interface animations. Interface animations mainly include interface appearance animations, interface disappearance animations, and various animations during the interface display process. Staff need to use the timeline to adjust keyframes in the editor to achieve animations. Interface animations require staff to edit each interface one by one. The interface usually contains multiple nodes, each node corresponds to a control, and some interface animations also need to be edited for each node. Manual editing of animations is time-consuming and labor-intensive, and the editing efficiency is low.

[0022] In the related art, for interfaces with the same layout structure, dynamic effects can also be achieved through templates, which contain dynamic effect data. This template is only applicable to interfaces with the same layout structure and is highly restrictive. When the interface layout changes, the template will no longer be applicable. In addition, the template usually only contains relatively simple types of dynamic effects, such as displacement change dynamic effects, transparency change dynamic effects, size change dynamic effects, etc. The visual effects are limited and it is difficult to meet diverse visual needs.

[0023] Based on this, the embodiments of the present invention provide a method, device and electronic device for controlling the playback of dynamic effects, which can be applied to interface dynamic effects, such as game interfaces, browser interfaces or interfaces in other applications.

[0024] In a possible implementation, an embodiment of the present invention provides a method for controlling the playback of dynamic effects, which can be applied to a terminal device or a server, and a graphical user interface provided by the terminal device is used to display an interface and dynamic effects on the interface, such as Figure 1 As shown, the method comprises the following steps:

[0025] Step S102, associating the target interface with the motion effect generation tool; wherein the motion effect generation tool is provided with a motion effect triggering event and a motion effect calculation function; the motion effect triggering event is related to the target interface; and the motion effect calculation function is used to output a motion effect of a specified visual effect;

[0026] The target interface is the interface that needs to play the animation effect. The target interface can be a game interface in a game system or an interface in other applications. In this embodiment, the animation generation tool is reusable. When the target interface is associated with the animation generation tool, the target interface can play the animation effect generated by the animation generation tool. When other interfaces are associated with the animation generation tool, the other interfaces can also play the animation effect generated by the animation generation tool.

[0027] The animation triggering events and animation operation functions in the animation generation tool need to be set in advance, where the animation triggering events are related to the target interface. For example, the animation triggering events include the target interface being opened, the target interface being closed, the specified control in the target interface being triggered, the target interface displaying specified content, etc.; after the target interface is associated with the animation generation tool, the animation generation tool can monitor whether an animation triggering event occurs on the target interface, and play the animation when an animation triggering event occurs.

[0028] The motion effect operation function is used to output motion effects with specified visual effects, for example, motion effects with specified animation content, motion effects that control the target interface to move, flash, or change color, or motion effects that control a specified area in the target interface to move, flash, or change color, etc.; the motion effect operation function determines the visual performance of the motion effect.

[0029] The target interface and the animation generation tool can be associated using preset controls or plug-ins. The control or plug-in is used to monitor whether the animation trigger event is triggered based on the target interface. When the animation trigger event is triggered, the animation is played on the target interface. In addition, when there are multiple animation trigger events, multiple animation operation functions can also be set. A corresponding relationship can be set between the animation trigger event and the animation operation function. Different animation trigger events correspond to different animations, thereby further enriching the animation visual effect.

[0030] Step S104, in response to the motion effect triggering event being triggered, determining a target motion effect operation function corresponding to the motion effect triggering event;

[0031] Specifically, the animation generation tool can be used to monitor whether the animation trigger event is triggered. One or more animation trigger events can be set in the animation generation tool, and one or more animation operation functions can also be set; the animation trigger event and the animation operation function can be preset with a corresponding relationship, and the animation operation function corresponding to the triggered animation trigger event is the aforementioned target animation operation function.

[0032] Step S106, playing the dynamic effect output by the target dynamic effect calculation function based on the target interface.

[0033] After determining the target motion effect operation function, the motion effect generation tool is used to control the output of the target motion effect operation function to run, thereby outputting the motion effect; the motion effect usually needs to be played in conjunction with the target interface, that is, the motion effect is the interface motion effect of the target interface. For example, the motion effect is played at a specific location on the target interface, or the motion effect requires changing the color of the target interface, performing luminous processing, gradient processing, etc. In actual implementation, in order to improve the reusability of the motion effect generation tool, the target interface can be converted into a universal format, such as a picture format, or other data format, and the motion effect is played based on the target interface in this format.

[0034] The above-mentioned method for controlling the playback of the animation is to associate the target interface with the animation generation tool; wherein, the animation generation tool is provided with an animation trigger event and an animation operation function; the animation trigger event is related to the target interface; the animation operation function is used to output the animation of the specified visual effect; in response to the animation trigger event being triggered, the target animation operation function corresponding to the animation trigger event is determined; and the animation output by the target animation operation function is played based on the target interface. In this method, after associating the target interface with the animation generation tool, the animation can be played based on the target interface according to the animation trigger event; after any interface is associated with the animation generation tool, the corresponding animation can be played, which has high reusability and does not require editing the animation interface one by one, thereby improving the efficiency of animation editing.

[0035] In addition, a variety of motion effect calculation functions can be set in the motion effect generation tool to output motion effects with a variety of visual effects, thereby improving the visual richness of the interface motion effects and meeting diverse motion effect visual needs.

[0036] In a specific implementation method, interface data of the target interface is obtained; the interface data of the target interface is added to a preset interface control control, and a motion effect generation tool is added to the interface control control to associate the target interface with the interface control control through the interface control control.

[0037] The interface data of the target interface usually includes objects such as controls, pictures, videos, texts, etc. in the target interface, and also includes the layout position data of these objects in the target interface. The interface control control can be a control in an editor or editing engine, such as a RetainerBox control; the interface control control can also be other controls or plug-ins with the same functions as the RetainerBox control.

[0038] By operating the interface control, the interface data of the target interface can be loaded into the interface control, and at the same time, the motion effect generation tool can be loaded into the interface control; the target interface and the interface control added to the same interface control will be associated; when the motion effect trigger event related to the target interface is triggered, the motion effect is generated by the motion effect generation tool, and the motion effect is controlled to play on the target interface.

[0039] Specifically, the interface data includes: the nodes contained in the target interface; the nodes form a node structure according to a preset relationship; the interface data of the target interface is usually saved in the form of a project file, and the node structure is also called a project structure; the nodes contained in the target interface can specifically be controls, pictures, videos, texts and other nodes in the target interface; the node structure represents the layout position relationship between these nodes. In an example, the node structure is a tree structure, and two interconnected nodes usually have a parent-child relationship, which represents the hierarchical relationship between the nodes. The layout position of the node in the target interface can be determined based on the hierarchical relationship.

[0040] Add the interface control to the node structure, and set the nodes contained in the target interface as child nodes of the interface control. Specifically, the interface control can be used as the highest-level node in the node structure, and the node levels in the original node structure are all lower than the node level of the interface control. For example, the interface control is the highest-level parent node, and the nodes in the original node structure are all child nodes.

[0041] In the above method, the target interface can be associated with the motion effect generation tool through the interface control control, so that the motion effect generated by the motion effect generation tool is applied to the target interface; by using the nodes in the interface data as child nodes of the interface control control, all nodes in the target interface can be controlled to play the motion effect; this method does not need to care about the layout of the target interface, and can automatically generate motion effects. It has high reusability and does not need to edit the motion effects one by one, thereby improving the efficiency of motion effect editing.

[0042] In a specific implementation, the above-mentioned animation generation tool includes: multiple function nodes; the function nodes at least include: event response nodes, function operation nodes and animation output nodes; these function nodes usually have a connection relationship, which indicates the operation order and data transmission relationship between the function nodes, such as Figure 2 In the example, both the event response node and the function operation node are connected to the animation output node, and the dotted lines with arrows indicate that the event response node and the function operation node input data to the animation output node.

[0043] Specifically, when only one motion effect triggering event and one function operation node are set, the event response node is used to determine whether the motion effect triggering event is triggered; when the motion effect triggering event is triggered, the event response node can output a response identifier to the motion effect output node; after the motion effect output node receives the response identifier, it outputs the motion effect data output by the function operation node.

[0044] When multiple animation triggering events and multiple function operation nodes are set, the target animation triggering event to be triggered is determined through the event response node; the event response node can send the event identifier corresponding to the target object triggering event to the animation output node to inform the animation output node which animation triggering event is triggered.

[0045] Then, the target function operation node corresponding to the target motion effect triggering event is determined through the motion effect output node; the target function operation node is used to run the target motion effect operation function. The motion effect output node determines the triggered target motion effect triggering event according to the event identifier sent by the event response node, and determines the target motion effect operation function corresponding to the target motion effect triggering event according to the correspondence between the motion effect triggering event and the motion effect operation function. Usually, a motion effect operation function is implemented by a function operation node. Based on this, the motion effect output node determines the target function operation node corresponding to the target motion effect triggering event, and the motion effect output node plays the motion output by the target function operation node.

[0046] In another implementation, the above-mentioned animation output node is provided with animation parameters; the input interface of the animation parameters is connected to the corresponding parameter selection node; the input interface of the parameter selection node is connected to the output interface of the specified parameter in the function operation node, and is also connected to the event response node.

[0047] Figure 3 In the example, the animation output node is set with two animation parameters, namely, animation parameter 1 and animation parameter 2, wherein animation parameter 1 needs to be input by parameter selection node 1, and animation parameter 2 needs to be input by parameter selection node 2. Animation parameters may include color parameters, opacity parameters, etc.

[0048] Figure 3 There are two function operation nodes, namely function operation node 1 and function operation node 2, and different function operation nodes output different dynamic effects; for example, the dynamic effect operation function in function operation node 1 is used to generate an interface cut-in effect, and the dynamic effect operation function in function operation node 1 is used to generate an interface cut-out effect. Each function operation node outputs two specified parameters, namely specified parameter 1 and specified parameter 2. The specified parameters may include color parameters, saturation parameters, mask opacity parameters, etc.

[0049] The event response node is connected to the parameter selection node 1 and the parameter selection node 2 respectively. When the motion effect triggering event is triggered, the event identifier is sent to the parameter selection node 1 and the parameter selection node 2 at the same time.

[0050] In actual implementation, the specified parameter 1 output by function operation node 1 and the specified parameter 1 output by function operation node 2 are both sent to parameter selection node 1. Parameter selection node 1 can input the specified parameter 1 output by function operation node 1 to the dynamic effect output node as dynamic effect parameter 1; parameter selection node 1 can also input the specified parameter 1 output by function operation node 2 to the dynamic effect output node as dynamic effect parameter 1. Which specified parameter 1 is input needs to be determined according to the event identifier sent to the event response node.

[0051] Specifically, through the parameter selection node, the event identifier of the target motion effect triggering event sent by the event response node is received; the correspondence between the motion effect triggering event and the event identifier can be pre-set, for example, motion effect triggering event 1 corresponds to event identifier 1, and motion effect triggering event 2 corresponds to event identifier 2. When motion effect triggering event 1 is triggered, motion effect triggering event 1 is the target motion effect triggering event, the event response node sends event identifier 1, and the parameter selection node receives event identifier 1.

[0052] refer to Figure 3 When the parameter selection node includes multiple nodes, the multiple parameter selection nodes simultaneously receive the event identifier, such as the aforementioned event identifier 1.

[0053] The target function operation node corresponding to the event identifier is determined through the parameter selection node; the specified parameters output by the target function operation node are input into the dynamic effect parameters of the dynamic effect output node; and the dynamic effect is generated based on the dynamic effect parameters through the dynamic effect output node.

[0054] There is a corresponding relationship between the event identifier and the animation triggering event, there is a corresponding relationship between the animation triggering event and the animation operation function, there is also a corresponding relationship between the animation operation function and the function operation node. Therefore, the parameter selection node can determine the target function operation node corresponding to the event identifier, and output the specified parameters output by the target function operation node to the animation output node as the animation parameters.

[0055] Taking parameter selection node 1 as an example, if the event identifier received is event identifier 1, the event identifier 1 corresponds to function operation node 1. Since parameter selection node 1 inputs the specified parameter 1 of function operation node 1 and function operation node 2, according to event identifier 1, the parameter selection node selects to output the specified parameter of function operation node 1; if the event identifier received is event identifier 2, the parameter selection node selects to output the specified parameter of function operation node 2.

[0056] Similarly, for parameter selection node 2, if the event identifier received is event identifier 1, the event identifier 1 corresponds to function operation node 1. Since parameter selection node 2 inputs both function operation node 2 and specified parameter 2 of function operation node 2, according to event identifier 1, the parameter selection node selects to output specified parameter 2 of function operation node 1; if the event identifier received is event identifier 2, the parameter selection node selects to output specified parameter 2 of function operation node 2.

[0057] The animation output node receives the animation parameters input by the parameter selection node, and outputs the animation based on the animation parameters. Specifically, parameter selection node 1 inputs animation parameter 1, and parameter selection node 2 inputs animation parameter 2, where animation parameter 1 can be a color parameter, and animation parameter 2 can be an opacity parameter, and the animation is output based on animation parameter 1 and animation parameter 2.

[0058] Since it usually takes a certain amount of time to play an animation, the animation parameter 1 at each time point forms a parameter sequence, and the animation parameter 2 at each time point also forms a parameter sequence. Each time point corresponds to a pair of data of animation parameter 1 and animation parameter 2. After playing, the animation parameter 1 and animation parameter 2 at the next time point are obtained for playing.

[0059] In another implementation, the function operation node includes: a function parameter input sub-node and an animation function sub-node; Figure 4 Each function operation node includes a function parameter input subnode and an animation function subnode; wherein the function parameter input subnode can be used to set function parameters, which are input to the animation function subnode, and the animation function subnode includes an animation function, which runs based on the function parameters and outputs the specified parameter 1 and the specified parameter 2 corresponding to the animation. The function parameter can be the animation playback direction, for example, forward playback, reverse playback, etc.; it can also be the animation hue, animation brightness and other parameters.

[0060] Specifically, the function parameters are obtained through the function parameter input sub-node, and the function parameters are input into the motion effect function sub-node; wherein the function parameters are used to: control the specified output effect of the motion effect output by the motion effect function sub-node; and output the specified parameters according to the function parameters through the motion effect function sub-node. The specified output effect is determined according to the parameter type of the function parameter. When the function parameter is the motion effect playback direction, the specified output effect is the forward playback or reverse playback of the motion effect; when the function parameter is the motion effect hue, the specified output effect is the motion effect hue effect. After the motion effect function sub-node inputs the function parameters, the motion effect function is run based on the function parameters, thereby outputting the specified parameters corresponding to the motion effect, and the motion effect can be played through the specified parameters.

[0061] In the above method, the output animation is run through a variety of function nodes. After the function node is edited, the animation can be played by running the function node. There is no need to manually edit the effect, which improves the efficiency of animation editing. It can be applied to various interfaces and various animations, and has a high reuse rate.

[0062] Furthermore, based on the interface data of the target interface, the target interface is converted into an interface image; wherein the interface image includes: the interface display content of the target interface generated based on the interface data; and the dynamic effect output by the target dynamic effect calculation function is played on the interface image.

[0063] In actual implementation, when the target interface has been displayed on the graphical user interface, the target interface can be directly screenshoted to generate an interface image; the interface image can also be in a snapshot format. Specifically, through the aforementioned interface control controls, the target interface can be converted into an interface image, and the controls displayed in the interface image cannot be triggered. The motion effects output by the motion effect generation tool act on the interface image, for example, playing motion effect animations on the interface image, or combining motion effects with interface images, for example, controlling the interface image to vibrate, flash, and other effects.

[0064] In addition, the interface control controls of the associated target interface and the animation generation tool are provided with playback control parameters; the user can set the playback control parameters through the interface control controls, such as playback duration, playback rate, animation size, etc. Based on the target interface, the animation output by the target animation calculation function is played according to the playback control parameters.

[0065] In one way, by performing secondary development on the RetainerBox control, the RetainerBox control can be provided with the function of setting the playback control parameters.

[0066] After the target animation operation function outputs the animation, the animation is played based on the playback control parameters. The playback control parameters will update the playback effect of the animation, such as the playback speed. As mentioned above, the animation is played on the interface image. Under the control of the playback control parameters, the animation is rendered on the interface image and played. On the user terminal device, when the animation is played, the interface image and the animation rendered on the interface image are played.

[0067] Taking the interface cut-in effect as an example, after the user starts the interface, the motion effect trigger event is triggered. At this time, the interface picture is displayed, and the motion effect is rendered and played on the interface picture. For example, the motion effect is a motion effect in which the color changes from colorless to color, and spreads from the center to the surrounding areas.

[0068] In this embodiment, the interface, the dynamic effect trigger event and the dynamic effect itself are associated to realize the rapid editing and configuration of the customized dynamic effect of the target interface, which significantly improves the efficiency of dynamic effect editing. The dynamic effect can be quickly edited for any interface, and the dynamic effect can be quickly reused in different interfaces. When the dynamic effect needs to be updated, the dynamic effect operation function can be updated, and the dynamic effects of all related interfaces can be updated synchronously, and the dynamic effect update efficiency is high.

[0069] Taking the game system as an example, the interface animation effects of multiple interfaces in the game system are the same, for example, interface appearance animation effects and interface disappearance animation effects. By adopting the method of this embodiment, animation effects can be edited for a large number of interfaces, realizing fast batch editing of interface animation effects.

[0070] Corresponding to the above method embodiment, see Figure 5 The schematic diagram of the structure of a device for controlling the playback of dynamic effects is shown, and the device comprises:

[0071] The association module 50 is used to associate the target interface with the motion effect generation tool; wherein the motion effect generation tool is provided with a motion effect triggering event and a motion effect operation function; the motion effect triggering event is related to the target interface; and the motion effect operation function is used to output a motion effect of a specified visual effect;

[0072] The function determination module 52 is used to respond to the triggering of the motion effect triggering event and determine the target motion effect operation function corresponding to the motion effect triggering event;

[0073] The motion effect playing module 54 is used to play the motion effect output by the target motion effect calculation function based on the target interface.

[0074] The above-mentioned motion effect playback control device associates the target interface and the motion effect generation tool; wherein, the motion effect generation tool is provided with a motion effect trigger event and a motion effect operation function; the motion effect trigger event is related to the target interface; the motion effect operation function is used to output a motion effect of a specified visual effect; in response to the motion effect trigger event being triggered, the target motion effect operation function corresponding to the motion effect trigger event is determined; and the motion effect output by the target motion effect operation function is played based on the target interface. In this method, after associating the target interface with the motion effect generation tool, the motion effect can be played based on the target interface according to the motion effect trigger event; after any interface is associated with the motion effect generation tool, the corresponding motion effect can be played, which has high reusability and no longer requires editing the motion effect interface by interface, thereby improving the efficiency of motion effect editing.

[0075] In addition, a variety of motion effect calculation functions can be set in the motion effect generation tool to output motion effects with a variety of visual effects, thereby improving the visual richness of the interface motion effects and meeting diverse motion effect visual needs.

[0076] The above-mentioned association module is used to: obtain the interface data of the target interface; add the interface data of the target interface to the preset interface control control, add the motion effect generation tool to the interface control control, so as to associate the target interface and the interface control control through the interface control control.

[0077] The above interface data includes: nodes included in the target interface; nodes form a node structure according to a preset relationship; the above association module is used to: add the interface control control to the node structure, and set the nodes included in the target interface as child nodes of the interface control control.

[0078] The above-mentioned animation generation tool includes: multiple function nodes; the function nodes include at least: event response nodes, function operation nodes and animation output nodes; the above-mentioned function determination module is used to: determine the triggered target animation trigger event through the event response node; determine the target function operation node corresponding to the target animation trigger event through the animation output node; the target function operation node is used to run the target animation operation function.

[0079] The above-mentioned animation output node is provided with animation parameters; the input interface of the animation parameters is connected to the corresponding parameter selection node; the input interface of the parameter selection node is connected to the output interface of the specified parameters in the function operation node, and is also connected to the event response node; the above-mentioned device also includes an animation generation module, which is used to: receive the event identifier of the target animation trigger event sent by the event response node through the parameter selection node; determine the target function operation node corresponding to the event identifier through the parameter selection node; input the specified parameters output by the target function operation node into the animation parameters of the animation output node; generate the animation based on the animation parameters through the animation output node.

[0080] The above-mentioned function operation node includes: a function parameter input sub-node and an animation function sub-node; the above-mentioned device also includes a parameter output module, which is used to: obtain function parameters through the function parameter input sub-node, and input the function parameters into the animation function sub-node; wherein the function parameters are used to: control the specified output effect of the animation output by the animation function sub-node; and output the specified parameters according to the function parameters through the animation function sub-node.

[0081] The above-mentioned motion effect playing module is used to: convert the target interface into an interface image based on the interface data of the target interface; wherein the interface image includes: the interface display content of the target interface generated based on the interface data; and play the motion effect output by the target motion effect calculation function on the interface image.

[0082] The interface control controls of the above-mentioned associated target interface and the dynamic effect generation tool are provided with playback control parameters; the above-mentioned dynamic effect playback module is used for: based on the target interface, playing the dynamic effect output by the target dynamic effect calculation function according to the playback control parameters.

[0083] The playback control method of the dynamic effect provided in this embodiment does not need to consider the layout of the interface. By associating the interface and the dynamic effect generation tool, dynamic effects can be produced quickly and in large quantities, thereby improving the production efficiency of interface dynamic effects. The dynamic effect generation tool can be reused in various interfaces, thereby improving the consistency of dynamic effect performance in various interfaces. When iterative updates are required, only the dynamic effect calculation function needs to be iteratively updated to achieve batch iterative updates for all interfaces that have applied the dynamic effect, thereby improving the maintainability of project assets.

[0084] This embodiment also provides an electronic device, including a processor and a memory, wherein the memory stores computer executable instructions that can be executed by the processor, and the processor executes the computer executable instructions to implement the above-mentioned motion effect playback control method. The electronic device can be a server or a terminal device.

[0085] See also Figure 6 As shown, the electronic device includes a processor 100 and a memory 101, wherein the memory 101 stores computer executable instructions that can be executed by the processor 100, and the processor 100 executes the computer executable instructions to implement the above-mentioned motion effect playback control method.

[0086] Further, Figure 6 The electronic device shown further includes a bus 102 and a communication interface 103 , and the processor 100 , the communication interface 103 and the memory 101 are connected via the bus 102 .

[0087] The memory 101 may include a high-speed random access memory (RAM), and may also include a non-volatile memory, such as at least one disk storage. The communication connection between the system network element and at least one other network element is realized through at least one communication interface 103 (which may be wired or wireless), and the Internet, wide area network, local area network, metropolitan area network, etc. may be used. The bus 102 may be an ISA bus, a PCI bus, or an EISA bus, etc. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 6 Only one bidirectional arrow is used in the diagram, but this does not mean that there is only one bus or only one type of bus.

[0088] The processor 100 may be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the above method can be completed by the hardware integrated logic circuit or software instructions in the processor 100. The above processor 100 can be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it can also be a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components. The methods, steps and logic block diagrams disclosed in the embodiments of the present invention can be implemented or executed. The general-purpose processor can be a microprocessor or the processor can also be any conventional processor, etc. The steps of the method disclosed in conjunction with the embodiments of the present invention can be directly embodied as a hardware decoding processor for execution, or a combination of hardware and software modules in the decoding processor for execution. The software module may be located in a storage medium mature in the art, such as a random access memory, a flash memory, a read-only memory, a programmable read-only memory, or an electrically erasable programmable memory, a register, etc. The storage medium is located in the memory 101, and the processor 100 reads the information in the memory 101 and completes the steps of the method of the above embodiment in combination with its hardware.

[0089] The processor in the above electronic device can implement the following operations in the above motion effect playback control method by executing computer executable instructions:

[0090] A method for controlling the playback of a motion effect, which associates a target interface with a motion effect generation tool; wherein a motion effect triggering event and a motion effect operation function are provided in the motion effect generation tool; the motion effect triggering event is related to the target interface; the motion effect operation function is used to output a motion effect of a specified visual effect; in response to the motion effect triggering event being triggered, a target motion effect operation function corresponding to the motion effect triggering event is determined; and the motion effect output by the target motion effect operation function is played based on the target interface.

[0091] Acquire interface data of the target interface; add the interface data of the target interface to a preset interface control, and add a motion effect generation tool to the interface control to associate the target interface with the interface control through the interface control.

[0092] The interface data includes: nodes included in the target interface; nodes forming a node structure according to a preset relationship; adding the interface control control to the node structure, and setting the nodes included in the target interface as child nodes of the interface control control.

[0093] The animation generation tool includes: multiple function nodes; the function nodes include at least: event response nodes, function operation nodes and animation output nodes; the triggered target animation trigger event is determined through the event response node; the target function operation node corresponding to the target animation trigger event is determined through the animation output node; the target function operation node is used to run the target animation operation function.

[0094] The animation output node is provided with animation parameters; the input interface of the animation parameters is connected to the corresponding parameter selection node; the input interface of the parameter selection node is connected to the output interface of the specified parameters in the function operation node, and is also connected to the event response node; through the parameter selection node, the event identifier of the target animation trigger event sent by the event response node is received; through the parameter selection node, the target function operation node corresponding to the event identifier is determined; the specified parameters output by the target function operation node are input into the animation parameters of the animation output node; through the animation output node, the animation is generated based on the animation parameters.

[0095] The function operation node includes: a function parameter input sub-node and an animation function sub-node; through the function parameter input sub-node, the function parameters are obtained, and the function parameters are input into the animation function sub-node; wherein the function parameters are used to: control the specified output effect of the animation output by the animation function sub-node; through the animation function sub-node, the specified parameters are output according to the function parameters.

[0096] Based on the interface data of the target interface, the target interface is converted into an interface image; wherein the interface image includes: the interface display content of the target interface generated based on the interface data; and the dynamic effect output by the target dynamic effect operation function is played on the interface image.

[0097] Playback control parameters are set in the interface control control of the associated target interface and the motion effect generation tool; based on the target interface, the motion effect output by the target motion effect calculation function is played according to the playback control parameters.

[0098] In the above method, after associating the target interface with the animation generation tool, the animation can be played based on the target interface according to the animation trigger event; after any interface is associated with the animation generation tool, the corresponding animation can be played, which has high reusability and no longer requires editing animations one by one, thereby improving the efficiency of animation editing.

[0099] In addition, a variety of motion effect calculation functions can be set in the motion effect generation tool to output motion effects with a variety of visual effects, thereby improving the visual richness of the interface motion effects and meeting diverse motion effect visual needs.

[0100] This embodiment also provides a computer-readable storage medium, which stores computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to implement the above-mentioned motion effect playback control method.

[0101] The computer executable instructions stored in the computer readable storage medium can implement the following operations in the above-mentioned motion effect playback control method by executing the computer executable instructions:

[0102] A method for controlling the playback of a motion effect, which associates a target interface with a motion effect generation tool; wherein a motion effect triggering event and a motion effect operation function are provided in the motion effect generation tool; the motion effect triggering event is related to the target interface; the motion effect operation function is used to output a motion effect of a specified visual effect; in response to the motion effect triggering event being triggered, a target motion effect operation function corresponding to the motion effect triggering event is determined; and the motion effect output by the target motion effect operation function is played based on the target interface.

[0103] Acquire interface data of the target interface; add the interface data of the target interface to a preset interface control, and add a motion effect generation tool to the interface control to associate the target interface with the interface control through the interface control.

[0104] The interface data includes: nodes included in the target interface; nodes forming a node structure according to a preset relationship; adding the interface control control to the node structure, and setting the nodes included in the target interface as child nodes of the interface control control.

[0105] The animation generation tool includes: multiple function nodes; the function nodes include at least: event response nodes, function operation nodes and animation output nodes; the triggered target animation trigger event is determined through the event response node; the target function operation node corresponding to the target animation trigger event is determined through the animation output node; the target function operation node is used to run the target animation operation function.

[0106] The animation output node is provided with animation parameters; the input interface of the animation parameters is connected to the corresponding parameter selection node; the input interface of the parameter selection node is connected to the output interface of the specified parameters in the function operation node, and is also connected to the event response node; through the parameter selection node, the event identifier of the target animation trigger event sent by the event response node is received; through the parameter selection node, the target function operation node corresponding to the event identifier is determined; the specified parameters output by the target function operation node are input into the animation parameters of the animation output node; through the animation output node, the animation is generated based on the animation parameters.

[0107] The function operation node includes: a function parameter input sub-node and an animation function sub-node; through the function parameter input sub-node, the function parameters are obtained, and the function parameters are input into the animation function sub-node; wherein the function parameters are used to: control the specified output effect of the animation output by the animation function sub-node; through the animation function sub-node, the specified parameters are output according to the function parameters.

[0108] Based on the interface data of the target interface, the target interface is converted into an interface image; wherein the interface image includes: the interface display content of the target interface generated based on the interface data; and the dynamic effect output by the target dynamic effect operation function is played on the interface image.

[0109] Playback control parameters are set in the interface control control of the associated target interface and the motion effect generation tool; based on the target interface, the motion effect output by the target motion effect calculation function is played according to the playback control parameters.

[0110] In the above method, after associating the target interface with the animation generation tool, the animation can be played based on the target interface according to the animation trigger event; after any interface is associated with the animation generation tool, the corresponding animation can be played, which has high reusability and no longer requires editing animations one by one, thereby improving the efficiency of animation editing.

[0111] In addition, a variety of motion effect calculation functions can be set in the motion effect generation tool to output motion effects with a variety of visual effects, thereby improving the visual richness of the interface motion effects and meeting diverse motion effect visual needs.

[0112] The computer program product of the motion effect playback control method, device and electronic device provided in the embodiments of the present invention includes a computer-readable storage medium storing program code. The instructions included in the program code can be used to execute the methods described in the previous method embodiments. The specific implementation can be found in the method embodiments, which will not be repeated here.

[0113] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working process of the system and device described above can refer to the corresponding process in the aforementioned method embodiment, and will not be repeated here.

[0114] In addition, in the description of the embodiments of the present invention, unless otherwise clearly specified and limited, the terms "installed", "connected", and "connected" should be understood in a broad sense, for example, it can be a fixed connection, a detachable connection, or an integral connection; it can be a mechanical connection or an electrical connection; it can be a direct connection or an indirect connection through an intermediate medium, and it can be the internal communication of two components. For those skilled in the art, the specific meanings of the above terms in the present invention can be understood according to specific circumstances.

[0115] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium, including several instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the methods described in each embodiment of the present invention. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0116] In the description of the present invention, it should be noted that the terms "center", "upper", "lower", "left", "right", "vertical", "horizontal", "inner", "outer", etc., indicating the orientation or positional relationship, are based on the orientation or positional relationship shown in the drawings, and are only for the convenience of describing the present invention and simplifying the description, rather than indicating or implying that the device or element referred to must have a specific orientation, be constructed and operated in a specific orientation, and therefore cannot be understood as limiting the present invention. In addition, the terms "first", "second", and "third" are used for descriptive purposes only, and cannot be understood as indicating or implying relative importance.

[0117] Finally, it should be noted that the above embodiments are only specific implementations of the present invention, which are used to illustrate the technical solutions of the present invention, rather than to limit them. The protection scope of the present invention is not limited thereto. Although the present invention is described in detail with reference to the above embodiments, those skilled in the art should understand that any person skilled in the art can still modify the technical solutions recorded in the above embodiments within the technical scope disclosed by the present invention, or can easily think of changes, or make equivalent replacements for some of the technical features therein; and these modifications, changes or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present invention, and should be included in the protection scope of the present invention. Therefore, the protection scope of the present invention shall be based on the protection scope of the claims.

Claims

1. A method for controlling the playback of dynamic effects, characterized in that: The method comprises: Associating a target interface with a motion effect generation tool; wherein the motion effect generation tool is provided with a motion effect triggering event and a motion effect operation function; the motion effect triggering event is related to the target interface; the motion effect operation function is used to output a motion effect of a specified visual effect; In response to the motion effect triggering event being triggered, determining a target motion effect operation function corresponding to the motion effect triggering event; The motion effect output by the target motion effect calculation function is played based on the target interface.

2. The method according to claim 1, characterized in that The steps to associate the target interface with the animation generation tool include: Acquire interface data of the target interface; The interface data of the target interface is added to a preset interface control control, and a motion effect generation tool is added to the interface control control, so as to associate the target interface with the interface control control through the interface control control.

3. The method according to claim 2, characterized in that The interface data includes: nodes included in the target interface; the nodes form a node structure according to a preset relationship; The step of adding the interface data of the target interface to a preset interface control comprises: adding the interface control to the node structure, and setting the nodes included in the target interface as child nodes of the interface control.

4. The method according to claim 1, characterized in that: The animation generation tool includes: a plurality of function nodes; the function nodes at least include: an event response node, a function operation node and an animation output node; The step of determining a target motion effect operation function corresponding to the motion effect triggering event in response to the motion effect triggering event comprising: Determine the triggered target motion effect triggering event through the event response node; The target function operation node corresponding to the target motion effect triggering event is determined through the motion effect output node; the target function operation node is used to run the target motion effect operation function.

5. The method according to claim 4, characterized in that The dynamic effect output node is provided with dynamic effect parameters; the input interface of the dynamic effect parameters is connected to the corresponding parameter selection node; the input interface of the parameter selection node is connected to the output interface of the specified parameter in the function operation node, and is also connected to the event response node; After the step of determining the target function operation node corresponding to the target motion effect triggering event through the motion effect output node, the method further includes: Receiving, through the parameter selection node, an event identifier of the target motion effect triggering event sent by the event response node; Determine the target function operation node corresponding to the event identifier through the parameter selection node; input the specified parameter output by the target function operation node into the dynamic effect parameter of the dynamic effect output node; The motion effect is generated based on the motion effect parameters through the motion effect output node.

6. The method according to claim 4, characterized in that The function operation node includes: a function parameter input sub-node and a dynamic effect function sub-node; the method further includes: Obtain function parameters through the function parameter input sub-node, and input the function parameters into the dynamic effect function sub-node; wherein the function parameters are used to: control the specified output effect of the dynamic effect output by the dynamic effect function sub-node; The specified parameters are output according to the function parameters through the animation function sub-node.

7. The method according to claim 1, characterized in that The step of playing the motion effect output by the target motion effect calculation function based on the target interface includes: Based on the interface data of the target interface, converting the target interface into an interface picture; wherein the interface picture includes: interface display content of the target interface generated based on the interface data; The motion effect output by the target motion effect calculation function is played on the interface image.

8. The method according to claim 1, characterized in that Playback control parameters are set in the interface control control that associates the target interface with the motion effect generation tool; The step of playing the motion effect output by the target motion effect operation function based on the target interface includes: based on the target interface, playing the motion effect output by the target motion effect operation function according to the playback control parameters.

9. A device for controlling the playback of dynamic effects, characterized in that: The device comprises: An association module, used to associate a target interface with a motion effect generation tool; wherein the motion effect generation tool is provided with a motion effect triggering event and a motion effect operation function; the motion effect triggering event is related to the target interface; the motion effect operation function is used to output a motion effect of a specified visual effect; A function determination module, configured to respond to the motion effect triggering event being triggered and determine a target motion effect operation function corresponding to the motion effect triggering event; The motion effect playing module is used to play the motion effect output by the target motion effect calculation function based on the target interface.

10. An electronic device, characterized in that: It includes a processor and a memory, the memory stores computer-executable instructions that can be executed by the processor, and the processor executes the computer-executable instructions to implement the playback control method of the dynamic effect described in any one of claims 1-8.

11. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer-executable instructions. When the computer-executable instructions are called and executed by the processor, the computer-executable instructions prompt the processor to implement the motion effect playback control method described in any one of claims 1-8.

Images