Animation processing system, method, device, equipment and medium

Abstract

The embodiments of the present application disclose an animation processing system, method, apparatus, device and medium, wherein the system includes: a configuration management module and an animation processing module, wherein the configuration management module is used to generate and manage the configuration information of the target animation, and the animation processing module is used to render and animate the animation elements required for the animation scene according to the configuration information of the target animation to obtain the target animation. The animation processing system proposed in the embodiments of the present application provides the configuration capability for the target animation, and the system can be used to realize the drawing of the target animation by configuration, which is conducive to improving the drawing efficiency of the target animation.

Description

Technical Field

[0001] The present application relates to the field of Internet technology, specifically to the field of computer technology, and in particular to an animation processing system, an animation processing method, an animation processing device, an animation processing equipment and a computer storage medium. Background Art

[0002] With the rapid development of Internet technology, animation has become more and more widely used because of its rich special effects and display effects. It is applied to various Internet usage scenarios and occupies an important position in various applications.

[0003] At present, the animation implementation based on H5 (Hyper Text Markup Language 5, the fifth generation of Hypertext Markup Language) pages mainly adopts the following forms: 1. Using video playback to realize the animation scene, processing the animation into a playable video effect, and then playing the interaction at the appropriate time; 2. Animation drawing through code development, such as realizing the animation effect little by little through CSS3 and JS. It can be seen that the above two animation implementation methods are relatively complex and the animation drawing efficiency is low. Summary of the invention

[0004] The embodiments of the present application provide an animation processing system, method, apparatus, device and medium, which can realize the drawing of target animation based on configuration, which is conducive to improving the drawing efficiency of target animation.

[0005] On the one hand, an embodiment of the present application provides an animation processing system, which includes a configuration management module and an animation processing module, wherein:

[0006] The configuration management module is used to generate and manage the configuration information of the target animation. The configuration information of the target animation includes: the configuration information of the animation scene and the configuration information of the animation elements required by the animation scene.

[0007] The animation processing module is used to render and animate the animation elements required by the animation scene according to the configuration information of the target animation to obtain the target animation.

[0008] On the other hand, an embodiment of the present application provides an animation processing method, which is applied to an animation processing device, the animation processing device is equipped with an animation processing system, the animation processing system includes a configuration management module and an animation processing module, and the method includes:

[0009] The animation processing system configures the animation scene and the animation elements required by the target animation to generate configuration information of the target animation, wherein the configuration information of the target animation includes: configuration information of the animation scene and configuration information of the animation elements required by the animation scene;

[0010] The animation elements required by the animation scene are rendered and animated according to the configuration information of the target animation to obtain the target animation.

[0011] On the other hand, an embodiment of the present application provides an animation processing device, which is configured in an animation processing device, and the animation processing device is equipped with an animation processing system, and the animation processing system includes a configuration management module and an animation processing module. The device includes:

[0012] A configuration unit, configured to configure the animation scene and the animation elements required by the target animation through the animation processing system, and generate configuration information of the target animation, wherein the configuration information of the target animation includes: configuration information of the animation scene and configuration information of the animation elements required by the animation scene;

[0013] The animation processing unit is used to render and animate the animation elements required by the animation scene according to the configuration information of the target animation to obtain the target animation.

[0014] Accordingly, the embodiment of the present application also provides an animation processing device, which is equipped with the above-mentioned animation processing system, and the mounting method includes any one or more of the following: installing a plug-in corresponding to the animation processing system, encapsulating the animation processing system, carrying an interface for calling the animation processing system, and running an animation processing platform corresponding to the animation processing system. The animation processing device includes a processor and a storage device; the storage device is used to store program instructions; the processor calls the program instructions to execute the following steps:

[0015] The animation scene and the animation elements required by the target animation are configured by the animation processing system to generate configuration information of the target animation, wherein the configuration information of the target animation includes: configuration information of the animation scene and configuration information of the animation elements required by the animation scene;

[0016] The animation processing unit is used to render and animate the animation elements required by the animation scene according to the configuration information of the target animation to obtain the target animation.

[0017] Accordingly, an embodiment of the present application further provides a computer storage medium, in which program instructions are stored. When the program instructions are executed, they are used to implement the above-mentioned methods.

[0018] The animation processing device in the embodiment of the present application can configure the animation scene and the animation elements required for the target animation through the animation processing system, generate the configuration information of the target animation, and render and animate the animation elements required for the animation scene according to the configuration information of the target animation to obtain the target animation. The drawing of the target animation can be realized based on the configuration, which is conducive to improving the drawing efficiency of the target animation. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0020] Figure 1 is a structural schematic diagram of an animation processing system according to an embodiment of the present application;

[0021] Figure 2a is a structural schematic diagram of another animation processing system according to an embodiment of the present application;

[0022] Figure 2b It is a structural diagram of a configuration management module in an embodiment of the present application;

[0023] Figure 3 It is a flowchart of an animation processing method according to an embodiment of the present application;

[0024] Figure 4 is a schematic diagram of an animation processing page in an embodiment of the present application;

[0025] Figure 5a to Figure 5c This is a schematic diagram of a scene of animation processing in an embodiment of the present application;

[0026] Figure 6 is a structural schematic diagram of an animation processing device provided in an embodiment of the present application;

[0027] Figure 7 It is a structural schematic diagram of an animation processing device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0028] Animation is a process of playing still pictures (i.e. frames) with different contents quickly to make people feel movement visually. This is based on the principle of visual persistence of human eyes. By using this physiological characteristic of human beings, animation films with high imagination and expression can be drawn. The principle is: when people look at a picture, the picture will stay in the visual nerve of the brain for about 1 / 24 second. If 24 pictures are replaced per second or more, then before the previous picture disappears in the human brain, the next picture enters the human brain, and people will feel that the picture is moving. Its basic principle is the same as that of movies and television, which is the principle of vision.

[0029] Among them, a frame is a single image screen that is the smallest unit in an image animation. A frame is a still picture, and continuous frames form an animation. In 1 second, an application can generally draw multiple frames, for example, usually 10-80 frames. If the frames drawn are the same, it is a static picture, and if the frames drawn are different, it is an animation.

[0030] At present, the animation implementation based on H5 pages includes two implementation methods: video playback and code development. Among them, the method of using video playback to implement animation is suitable for animation types with less interaction and simple transitions. In addition, the above two animation implementation methods are relatively complex, the animation drawing efficiency is low, and for the implementation of different animations, the above two animation implementation methods need to repeat the same complex drawing process (such as redeveloping code, redrawing new videos, etc.), which has poor versatility and cannot achieve systematic and engineered animation drawing.

[0031] Although Lottie can be used to achieve systematic and engineered animation drawing, the target animation generated by Lottie is less maintainable and optimized, and the animation implementation based on Lottie is more suitable for single animations, rather than complex, smooth and complete target animations with transitions (for example, game animations involving multiple game scene transitions). Among them, Lottie is a complete cross-platform animation effect solution open sourced by Airbnb. Designers can use Adobe After Effects to design beautiful animations, and then use the Bodymovin plug-in provided by Lottie to export the designed animations into JSON format, which can be directly used on iOS, Android, Web and React Native without any additional operations.

[0032] Based on this, see Figure 1, the embodiment of the present application proposes an animation processing system that can quickly draw a target animation, the system includes a configuration management module 10 and an animation processing module 11, wherein the configuration management module 10 is used to generate and manage the configuration information of the target animation, and the configuration information of the target animation includes: the configuration information of the animation scene and the configuration information of the animation elements required for the animation scene; the animation processing module 11 is used to render and animate the animation elements required for the animation scene according to the configuration information of the target animation, so as to obtain the target animation. The target animation can be a complex animation involving switching of multiple animation scenes, such as a game animation, or a simple animation of a single screen (that is, involving an animation scene). It can be seen that the animation processing system proposed in the embodiment of the present application provides the configuration capability for the target animation, so that the user can pay more attention to the relevant parameter configuration of the target animation during the drawing process of the target animation, without paying too much attention to the additional development work logic, and has higher versatility and scalability, which is conducive to improving the drawing efficiency of the target animation.

[0033] The above animation processing system can be mounted on an animation processing device, and its specific mounting methods may include any one or more of the following: the animation processing device is installed with a plug-in corresponding to the animation processing system, the animation processing device is encapsulated with the animation processing system, the animation processing device is equipped with an interface for calling the animation processing system and runs an animation processing platform corresponding to the animation processing system. The animation processing device can be a terminal such as a smart phone, a tablet computer, a laptop computer, a desktop computer, a smart speaker, a smart watch, etc.

[0034] It is understandable that a target animation may include at least one animation scene, each animation scene includes multiple animation elements, and the animation elements may include picture elements and / or drawing elements (such as vector elements). The configuration information of the animation elements required for the above animation scenes may include element information of the animation elements and animation information of the animation elements, and the configuration information of the animation scenes may include the corresponding relationship between the animation scenes and the animation elements (that is, which animation elements are required for each animation scene), as well as switching information between animation scenes.

[0035] Specifically, the above-mentioned element information may include the storage address of the picture element and / or the parameter information of the drawing element, and the parameter information includes any one or more of the following: the element type, position and size of the drawing element; the animation information of the animation element can be used to characterize the animation effect of the animation element in the corresponding animation scene, and the switching animation information can be used to characterize the transition effect of switching between animation scenes and the transition effect of the animation element in the animation scene to be switched when switching the animation scene. Among them, the element type can be, for example, a basic shape such as a circle, a rectangle, a triangle, etc., the position can be the position of the drawing element in the corresponding animation scene (such as coordinates), and the size can be the size of each side of the drawing element (such as the length and width of the rectangle); the storage address can be a local storage address for storing the picture element, or a network storage address for storing the picture element (such as a cloud storage address, or a URL (Uniform Resource Locato) address).

[0036] As a feasible implementation, the configuration management module 10 may include any one or more of the following: a resource loading configuration module, a drawing element configuration module, an element animation configuration module, and a scene animation configuration module, wherein the resource loading configuration module may be used to configure the storage address of the animation resource required for the target animation, and the animation resource includes the above-mentioned picture element; the drawing element configuration module may be used to configure the above-mentioned parameter information of the drawing element; the element animation configuration module may be used to configure the animation effect of the animation element in the corresponding animation scene, and generate animation information representing the animation effect of the animation element in the corresponding animation scene; the scene animation configuration module may be used to configure the transition effect of switching between animation scenes and the transition effect of the animation element in the animation scene to be switched when switching the animation scene, and generate the above-mentioned switching information representing the switching between the animation scenes and the transition effect of the animation element in the animation scene to be switched when switching the animation scene. The animation effect of the animation element in the corresponding animation scene includes a looping animation of a single animation element, an animation of multiple animation elements displayed according to a timeline, and the like. Among them, the transition effects of switching between the above-mentioned animation scenes include a cut-in effect and a cut-out effect of the corresponding animation scene, and the cut-in effect and the cut-out effect can be movement, rotation, fade-in, fade-out, etc. in a specified direction.

[0037] Exemplarily, it is assumed that the configuration management module 10 includes a resource loading configuration module, a drawing element configuration module, an element animation configuration module, and a scene animation configuration module, and the target animation includes two animation scenes, namely animation scene 1 and animation scene 2. The animation element required for animation scene 1 is picture element 1, and the animation elements required for animation scene 2 are picture element 2 and drawing element 1. The user can access the animation processing system through the animation processing device and configure the scene parameters, which include the appearance time and disappearance time of each animation scene and the animation elements required for each animation scene, that is, configure the corresponding relationship between each animation scene and the animation element, and the corresponding relationship is shown in Table 1-1.

[0038] Table 1-1

[0039] Animation Scene Image Elements Drawing Elements Animation scene 1 Image element 1 none Animation scene 2 Image element 2 Drawing element 1

[0040] Furthermore, the user can configure the storage address of the picture element 1 required for the animation scene 1 as "https: / / www.**1" and the storage address of the picture element 2 required for the animation scene 2 as "https: / / www.**2" through the resource loading configuration module; configure the parameter information of the drawing element 1 required for the animation scene 2 through the drawing element; configure the animation effect of the drawing element 1 in the animation scene 2 as "loop animation" through the element animation configuration module, and configure the animation effects of the picture element 1 and the picture element 2 in the animation scene 1 and the animation scene 2 respectively as "none"; through the scene animation configuration module, configure the transition effect of switching between the animation scene 1 and the animation scene 2 as "animation scene 1 moves out from the right to the left and animation scene 2 moves in from the right to the left", and when configuring the switching of the animation scene, the transition effect of the animation elements in the animation scene 1 and the animation scene 2 to be switched is "none". In this case, the information represented by the configuration information of the above target animation can be shown in Table 1-1 and Table 1-2.

[0041] Table 1-2

[0042]

[0043] In one embodiment, the animation processing module 11 may include an animation basic element module and an animation drawing module, wherein the animation basic element module is used to obtain animation elements according to the element information of the animation elements required for the animation scene, and store the animation elements and the animation scene in a designated area based on the corresponding relationship between the animation scene and the animation elements. When the animation processing start operation is detected, the animation elements required for the animation scene are obtained from the designated area, and a drawing instruction carrying the animation elements required for the animation scene is sent to the animation drawing module. The animation drawing module is used to render the animation elements required for the animation scene in response to the drawing instruction, obtain the animation image corresponding to the animation scene, and animate the animation image based on the animation information of the animation elements and the switching information between the animation scenes to obtain the target animation. Among them, the animation processing start operation can be a trigger operation input by the user to start the animation processing, and the input method of the trigger operation can be pressing, clicking, sliding or voice, etc.; the designated area is a storage area pre-set by the developer based on experimental data or actual needs, and the storage area can refer to the local storage area of ​​the animation processing device or other storage areas (such as cloud storage areas, blockchains, etc.), which are not specifically limited in this application.

[0044] The configuration information of the above animation scene may also include the appearance time of the animation scene. A target animation may include multiple animation scenes. When the animation basic element module detects the animation processing start operation, it may obtain the animation elements required for each animation scene from the specified area in sequence according to the appearance time of each animation scene, and send a drawing instruction carrying the animation elements required for each animation scene to the animation drawing module. Furthermore, the animation drawing module may respond to each drawing instruction and render the animation elements required for each animation scene in sequence in the canvas, thereby rendering the animation image corresponding to each animation scene, that is, completing the rendering of each animation scene.

[0045] Among them, during the rendering process, each animation scene can be used as a rendering module. After the first animation scene is rendered, the animation elements required for the second animation scene are obtained through the animation basic element module, and a drawing instruction carrying the animation elements required for the second animation scene is sent to the animation drawing module. Further, the animation drawing module can respond to the drawing instruction and render the second animation scene based on the animation elements required for the second animation scene, and so on, until all animation scenes included in the target animation are rendered.

[0046] Since the animation elements in each rendered animation image do not have animation effects, and each animation image does not have the transition effect of switching between animation scenes, after all animation scenes of the target animation are rendered, the animation drawing module can also process the animation effects of the animation elements in each animation image according to the animation information of the animation elements, and process the transition effect of switching between each animation image and the transition effect of the animation elements in the animation image based on the switching information between the animation scenes.

[0047] In one embodiment, the animation elements required for the above-mentioned animation scene include picture elements and drawing elements. The animation basic element module may include a resource management module, an element management module encapsulating the drawing elements required for multiple animations, and a scene management module. The resource management module is used to obtain the picture element according to the storage address of the picture element, and load the picture element into a specified area; the element management module is used to obtain the target drawing element matching the above-mentioned parameter information from the drawing elements required for multiple animations, and load the target drawing element into the specified area; the scene management module is used to associate the picture element and the above-mentioned target drawing element with the animation scene in the specified area based on the correspondence between the animation scene and the animation element.

[0048] Among them, the element management module pre-encapsulates various drawing elements required for animation, including picture elements and vector elements, and encapsulates various element effects, such as wave effect elements, particle elements, etc. The target drawing element that matches the above parameter information can be a drawing element of the same element type as the drawing element. Exemplarily, assuming that the element type of drawing element 1 in Table 1-1 is a circle, the element management module can determine the circular element as the target drawing element that matches the drawing element from the drawing elements required for various animations, and load the circular element to the specified area, that is, store it in the specified area.

[0049] Assume that as shown in Table 1-1, the target animation includes two animation scenes, namely animation scene 1 and animation scene 2. The animation element required for animation scene 1 is picture element 1, and the animation elements required for animation scene 2 are picture element 2 and drawing element 1. In this case, after the element management module loads the target drawing elements matching each drawing element into the specified area, the picture elements and the target drawing elements can be associated with the animation scenes in the specified area based on the correspondence between the animation scenes and the animation elements. The specific association can be: associating picture element 1 with animation scene 1, and associating picture element 2 and the target drawing element matching drawing element 1 with animation scene 2. Subsequently, when it is necessary to render animation scene 1, picture element 1 associated with animation scene 1 can be directly obtained from the specified area. When it is necessary to render animation scene 2, picture element 1 associated with animation scene 2 and the target drawing element matching drawing element 1 can be directly obtained from the specified area.

[0050] In one embodiment, the animation drawing module may further include a rendering module encapsulating a renderer of a target rendering engine and an animation management module encapsulating a target animation library, and the configuration management module further includes a rendering configuration module; wherein the rendering configuration module is used to generate rendering configuration information of the renderer, and the rendering configuration information indicates the correspondence between the rendering mode and the device information of the specified animation processing device; the rendering module is used to respond to the drawing instruction to detect the device information of the animation processing device run by the animation processing system, determine the target rendering mode corresponding to the device information of the animation processing device from the correspondence between the rendering mode indicated by the rendering configuration information and the device information of the specified animation processing device, and call the renderer to render the animation elements required for the animation scene according to the target rendering mode to obtain the animation image corresponding to the animation scene; the animation management module is used to process the animation effects of the animation elements in the animation image according to the animation information of the animation elements, and process the transition effects of switching between animation images and the transition effects of the animation elements in the animation image based on the switching information between the animation scenes.

[0051] The target rendering engine can be a 2D animation rendering engine, such as PixiJS, Fabric.js, Paper.js, EaselJS, Collie, etc.; the target animation library can be, for example, the GSAP animation library. PixiJS is a super fast 2D rendering engine that automatically detects the use of WebGL or Canvas. Developers can feel the power of powerful hardware acceleration without having to learn WebGL specifically. PixiJS can assist users in using JavaScript or other HTML5 technologies to display media, create animations or manage interactive images, thereby drawing a game or application. It has a semantic, concise API interface and adds some very useful features, such as supporting texture atlases and providing a simple animation system for sprites (interactive images). It also provides a complete scene graph, where users can create another sprite in the sprite layer, and of course, the sprite can respond to your mouse or touch events.

[0052] In one embodiment, the animation elements required for the animation scene include picture elements and drawing elements. The configuration management module may also include a destruction configuration module, which is used to configure the element destruction mechanism of the animation elements required for the animation scene and the scene destruction mechanism of the animation scene. The configuration information of the animation elements required for the animation scene also includes the element destruction mechanism, and the configuration information of the animation scene also includes the scene destruction mechanism. Among them, each animation element may correspond to an element destruction mechanism, and each element destruction mechanism includes an element destruction condition and an element destruction action to be performed on the corresponding animation element when the element destruction condition is met; each animation scene corresponds to a scene destruction mechanism, and each scene destruction mechanism includes a scene destruction condition and a scene destruction action to be performed on the corresponding animation scene when the scene destruction condition is met. In this case, the resource management module is also used to manage the destruction of the picture elements based on the element destruction mechanism; the element management module is also used to manage the destruction of the drawing elements based on the element destruction mechanism; the scene management module is also used to manage the destruction of the animation scene based on the scene destruction mechanism.

[0053] The element destruction condition corresponding to each animation element can be that the animation elements required for the subsequent animation scene do not include the animation element, which can also be understood as the subsequent animation scene does not need the animation element; the scene destruction mechanism corresponding to each animation scene can be that the subsequent animation scene does not need the animation scene, that is, the subsequent animation scene is a new animation scene, and there is no need to superimpose animation elements under the animation scene. The specific element destruction mechanism and scene destruction mechanism can be pre-configured by the developer based on experimental measurement data or actual needs, and this application does not make specific limitations on this.

[0054] Exemplarily, referring to Table 1-1, it is assumed that the target animation includes two animation scenes, namely animation scene 1 and animation scene 2. The animation element required for animation scene 1 is picture element 1, and the animation elements required for animation scene 2 are picture element 2 and drawing element 1. The resource management module is used to manage the entire life cycle of picture element 1 and picture element from generation to destruction, the element management module is used to manage the entire declaration cycle of drawing element 1 from generation to destruction, and the scene management module is used to manage the entire life cycle of animation scene 1 and animation scene 2 from generation to destruction. After the animation elements required for animation scene 1 are rendered on the canvas, the resource management module can detect whether the picture elements required for animation scene 2 include picture element 1. If not, it is determined that animation scene 2 does not need picture element 1, and accordingly it can be determined that picture element 1 meets the element destruction condition. The resource management module can delete picture element 1 on the current canvas (that is, execute the destruction action corresponding to the element destruction condition). Similarly, if the scene management module detects that animation scene 2 does not need to superimpose animation elements under the animation scene, animation scene 1 can also be deleted on the current canvas. In this way, the animation elements and animation scenes that need to be destroyed in time can be automatically destroyed during the drawing process of the target animation, which can ensure the performance and smoothness of the target animation to a certain extent.

[0055] In one embodiment, in combination with the above-mentioned 2D rendering engine PixiJS and GSAP animation library, the embodiment of the present application proposes another universal and extensible animation processing system, wherein PixiJS is mainly used to support the displacement and deformation of animation elements. Its core essence is to move objects on the screen as quickly and effectively as possible. The GSAP animation library is mainly used to provide animation support for animation elements. The combination of PixiJS and GSAP animation library provides a basic capability guarantee for realizing complex target animations. Please refer to Figure 2a The animation processing system includes an entry, a configuration management module, an animation basic element module, an animation management module encapsulating the GSAP animation library, and a rendering module encapsulating the PixiJS renderer. The animation basic element module includes a resource management module encapsulating resource preloading capabilities, an element management module, and a scene management module. Among them,

[0056] The configuration management module is one of the core components of the animation processing system. It provides management settings for all management modules (resource management module, element management module, scene management module and animation management module) and rendering modules, so that users can set the corresponding configuration. The animation processing system can draw the corresponding target animation based on the configuration information for the target animation. That is, developers can use the above animation processing system to achieve the drawing of the target animation by configuring the relevant parameters of the target animation, which is conducive to improving the drawing efficiency of the target animation.

[0057] In one embodiment, see Figure 2b , the above-mentioned configuration management module includes a resource loading configuration module, a drawing element configuration module, a scene configuration module, an element animation configuration module, a scene animation configuration module, a rendering configuration module and a destruction configuration module. Among them, the resource loading configuration module is used to configure the address of the animation resource required for the target animation. The scene configuration module is used to configure the scene parameters of the animation scene required for the target animation, and the scene parameters include the appearance time of the animation scene and the animation elements required to be mounted in the animation scene (that is, the correspondence between the animation scene and the animation elements). The drawing element configuration module is used to configure the element type, position, size, etc. of the drawing element, and generate parameter information of the drawing element. The element animation configuration module is used to configure the animation effects of the animation elements themselves in each animation scene (such as the effect of looping animation); the scene animation configuration module is used to configure the transition effects of switching between animation scenes (such as the animation of scene changes involved in the entry of each new animation scene and the disappearance of the old animation scene), or it can also configure the transition effects of the animation elements in the animation scene to be switched when switching the animation scene. The rendering configuration module is used to initialize the PixiJS renderer and generate the rendering configuration information of the renderer. The rendering configuration information indicates the correspondence between the rendering mode and the device information of the specified animation processing device and the rendering parameters. The specified animation processing device can be a smart phone, tablet computer, laptop computer, desktop computer, smart speaker, smart watch and other terminals. The device information includes the version number of the browser running on the specified animation processing device and the model of the specified animation processing device (such as the mobile phone model). The rendering mode can be WebGL or Canvas, among which WebGL has higher requirements on device performance and Canvas is more general; the above rendering parameters include the rendering screen size, etc.

[0058] Among them, the destruction configuration module can be used to configure the destruction mechanism for the animation resources (such as audio, picture elements, etc.) required for the target animation, the animation scene, the animation elements required for the animation scene, and the animation corresponding to each animation element. The subsequent resource management module, element management module, scene management module and animation management module can perform destruction management on the animation resources required for the target animation, the animation scene, the animation elements required for the animation scene, and the animation corresponding to each animation element based on their respective destruction mechanisms. In this way, during the drawing process of the target animation, the animation elements, scenes and animations that need to be destroyed in time can be automatically destroyed, which can ensure the performance and fluency of the target animation to a certain extent.

[0059] In the embodiment of the present application, the animation resources required for the target animation, the animation scene, the animation elements required for the animation scene, and the destruction mechanism of the animation corresponding to each animation element can be respectively referred to as a resource destruction mechanism, a scene destruction mechanism, an animation element destruction mechanism, and an animation destruction mechanism of the animation element. Each destruction mechanism can include a destruction object (such as animation resources, animation scenes, animation elements, etc.), a destruction time, a destruction condition, and a destruction action, and the destruction object, destruction time, destruction condition, and destruction action can all be pre-set by the developer based on experimental test data or actual needs, and the present application does not specifically limit this.

[0060] Exemplarily, the destruction objects, destruction timings, destruction conditions, and destruction actions corresponding to the resource destruction mechanism, the scene destruction mechanism, the animation element destruction mechanism, and the animation destruction mechanism of the animation element may be as shown in Table 2.

[0061] Table 2

[0062]

[0063] In one embodiment, the resource management module may include the PixiJS image loading module, audio loading module, references to animation resources (such as images and audio, etc.), and destruction of animation resources when used up. The resource management module may use the address of the animation resources required for the target animation configured by the resource loading configuration module to load the animation resources required for the target animation into the designated area in advance for subsequent drawing of the target animation and use of animation resources.

[0064] The above-mentioned element management module encapsulates various drawing elements required for animation, including picture elements, vector elements, and various element effects, such as wave effect elements, particle elements, etc. The element management module can be used to manage the life cycle of drawing elements from generation to destruction, and can also be used to obtain target drawing elements that match the parameter information from the drawing elements required for various animations encapsulated by itself according to the parameter information including element type, position, size, etc. configured by the above-mentioned drawing element configuration module, and load the target drawing elements into the specified area.

[0065] The above-mentioned scene management module can be used to manage the entire life cycle of the animation scene from generation to destruction, and can also be used to associate the image elements preloaded by the above-mentioned resource management module and the target drawing elements loaded by the above-mentioned element management module with the animation scene in a specified area based on the correspondence between the animation scene and the animation elements.

[0066] The above-mentioned rendering module is used for the final rendering of the target animation drawing. In a specific implementation, the rendering module can respond to the drawing instruction for the target animation, detect the device information of the animation processing device run by the animation processing system based on the rendering configuration information configured by the above-mentioned rendering configuration module, and determine the target rendering mode corresponding to the device information of the animation processing device from the corresponding relationship between the rendering mode indicated by the rendering configuration information and the device information of the specified animation processing device. Subsequently, the renderer can be called to render the animation elements required for the animation scene carried by the above-mentioned drawing instruction according to the target rendering mode, thereby obtaining the animation image corresponding to the animation scene, that is, completing the rendering of the animation scene.

[0067] The animation management module encapsulates the GSAP animation library and can provide looping animations of a single drawing element and animations of multiple drawing elements displayed in time. It can drive the animation of drawing elements in each animation scene and the switching animation between animation scenes based on the configuration of the animation effects of the animation elements themselves in each animation scene, the switching between animation scenes, and the transition effects of the animation elements in the animation scene to be switched when switching animation scenes by the element animation configuration module and the scene animation configuration module, and can also manage the start and destruction of each animation.

[0068] For example, assume that as shown in Table 1-1, the target animation includes two animation scenes, namely animation scene 1 and animation scene 2. The start times required for animation scene 1 and animation scene 2 are 00:00 and 00:03 respectively. The animation element of animation scene 1 is picture element 1, and the animation elements required for animation scene 2 are picture element 2 and drawing element 1. The user Figure 2a The configuration management module shown, the storage addresses of the configured picture element 1 and picture element 2, the animation effects and transition effects of the picture element 1, picture element 2 and drawing element 1 in their respective animation scenes, and the transition effects of each animation scene are shown in Table 1-2. In this case, after the target animation is configured through the configuration management module, the resource management module can pre-configure the addresses of the picture element 1 and picture element 2, and load the picture element 1 and picture element 2 into the designated area in advance for the subsequent drawing of the target animation. The element management module can obtain the target drawing element matching the parameter information from the drawing elements required for the various animations encapsulated by itself according to the parameter information of the drawing element 1 configured by the drawing element configuration module, and load the target drawing element into the designated area. The scene management module can associate the pre-loaded picture element 1, picture element 2, and the target drawing element with the animation scene in the designated area based on the corresponding relationship between the animation scene and the animation element. The specific association can be: associate the picture element 1 with the animation scene 1, and associate the picture element 2 and the target drawing element matching the drawing element 1 with the animation scene 2.

[0069] Furthermore, the user can start the animation drawing for the target animation through the above animation processing system. When the animation processing system detects the animation processing start operation for the target animation input by the user, the scene management module can be triggered to first obtain the animation elements required for the animation scene 1 with the earliest start time from the specified area according to the order of the appearance time of each animation scene, that is, to obtain the picture element 1 from the specified area, and send a drawing instruction carrying the picture element 1 to the rendering module. Further, the rendering module can respond to the drawing instruction, based on the rendering configuration information configured by the above rendering configuration module, detect the device information of the animation processing device running the animation processing system, determine the target rendering mode corresponding to the device information of the animation processing device from the corresponding relationship between the rendering mode indicated by the rendering configuration information and the device information of the specified animation processing device, and call the renderer to render the picture element 1 carried by the above drawing instruction according to the target rendering mode, so as to obtain the animation image corresponding to the animation scene 1, that is, to complete the rendering of the animation scene 1. After detecting that animation scene 1 is completely rendered, the scene management module can continue to obtain image elements and drawing elements associated with animation scene 2 from the specified area, and then call the renderer to render the animation image corresponding to animation scene 2 in a similar manner, thereby completing the rendering of animation scene 2.

[0070] Furthermore, since the animation elements in the animation images corresponding to each rendered animation scene do not have animation effects, and each animation image does not have a transition effect for switching between animation scenes, after all animation scenes of the target animation are rendered, the animation management module can set the animation effect of drawing element 1 in animation scene 2 to loop animation, the transition effect of animation scene 1 to move out from right to left, and the transition effect of animation scene 2 to move in from right to left, according to the animation effects shown in Table 1-2, thereby completing the drawing of the target animation.

[0071] based on Figure 1 or Figure 2a The animation processing system shown in the figure, the embodiment of the present application proposes an animation processing method, such as Figure 3 , which is a flow chart of an animation processing method according to an embodiment of the present application, and the method according to the embodiment of the present application can be executed by an animation processing device, and the animation processing device is equipped with the above-mentioned animation processing system, and the animation processing system includes a configuration management module and an animation processing module. The method according to the embodiment of the present application includes the following steps.

[0072] S301: configuring the animation scene and the animation elements required by the target animation through the animation processing system to generate configuration information of the target animation, wherein the configuration information of the target animation includes configuration information of the animation scene and configuration information of the animation elements required by the animation scene.

[0073] S302: Rendering and animation processing are performed on animation elements required for the animation scene according to the configuration information of the target animation to obtain the target animation.

[0074] In one embodiment, the animation processing device is equipped with the above animation processing system, and its specific mounting method may include any one or more of the following: the animation processing device is installed with a plug-in corresponding to the animation processing system, the animation processing device is encapsulated with the animation processing system, the animation processing device is equipped with an interface for calling the animation processing system and runs an animation processing platform corresponding to the animation processing system. The user can access the animation processing system through the animation processing device, and configure the animation scene required for the target animation and the animation elements required for the animation scene through the animation processing system, and generate the configuration information of the animation scene and the configuration information of the animation elements required for the animation scene.

[0075] Among them, the configuration information of the animation elements required for the animation scene includes element information of the animation elements and animation information of the animation elements, and the configuration information of the animation scene includes the correspondence between the animation scene and the animation elements, and the switching information between the animation scenes. In this case, the animation processing device renders and animates the animation elements required for the animation scene according to the configuration information of the target animation, and the specific implementation method for obtaining the target animation can be: obtaining the animation elements required for the animation scene according to the element information, and associating and storing the animation elements and the animation scene in a specified area based on the correspondence, when the animation processing start operation is detected, obtaining the animation elements required for the animation scene from the specified area, rendering the animation elements required for the animation scene, obtaining the animation image corresponding to the animation scene, and animating the animation image based on the animation information of the animation elements and the switching information between the animation scenes to obtain the target animation.

[0076] In one embodiment, the above-mentioned animation elements include picture elements and drawing elements. The process of configuring the animation scene required by the target animation and the animation elements required by the animation scene through the animation processing system specifically includes: configuring the address of the picture element required by the target animation; configuring the scene parameters of the animation scene required by the target animation, the scene parameters include the appearance time of the animation scene, the animation elements required to be mounted on the animation scene (that is, the correspondence between the animation scene and the animation elements); configuring the element type, position, size, etc. of the drawing element to generate parameter information of the drawing element; configuring the animation effects of the animation elements themselves in each animation scene (such as the effect of a looping animation); configuring the transition effects of switching between animation scenes (such as the animation of scene changes involved in the entry of each new animation scene and the disappearance of the old animation scene), or it is also possible to configure the transition effects of the animation elements in the animation scene to be switched when switching the animation scene. After the user configuration is completed, the animation processing system can generate and store the configuration information of the above-mentioned target animation. In this case, the above-mentioned element information includes the storage address of the picture element and / or the parameter information of the drawing element, and the parameter information includes any one or more of the following: the element type, position and size of the drawing element; the animation information of the animation element is used to characterize the animation effect of the animation element in the corresponding animation scene, and the switching animation information is used to characterize the transition effect of switching between animation scenes and the transition effect of the animation element in the animation scene to be switched when switching the animation scene.

[0077] Among them, the above-mentioned configuration method for the target animation can be to configure the corresponding file based on the JSON data format. For example, to configure the parameter information of the drawing element, the corresponding drawing element configuration file can be configured through the JSON data format, and the drawing element configuration file includes the parameter information of the drawing element; for example, to configure the scene parameters of the animation scene required for the target animation, the corresponding scene configuration file can be configured through the JSON data format, and the scene configuration file includes the scene parameters.

[0078] Alternatively, the above-mentioned configuration method for the target animation can also be based on the visualization page, for example, through the resource configuration page, the address of the image element required for the target animation is configured; through the scene configuration page, the scene parameters of the animation scene required for the target animation are configured, and the scene parameters include the appearance time of the animation scene and the animation elements required to be mounted on the animation scene (that is, the correspondence between the animation scene and the animation elements); through the drawing element configuration page, the element type, position, size, etc. of the drawing element are configured to generate parameter information of the drawing element; through the element animation configuration page, the animation effects of the animation elements themselves in each animation scene (such as the effect of a looping animation) are configured; through the scene configuration page, the transition effects of switching between animation scenes (such as the animation of scene changes involved in the entry of each new animation scene and the disappearance of the old animation scene) are configured, or the transition effects of the animation elements in the animation scene to be switched when switching the animation scene can also be configured. After the user configuration is completed, the animation processing device can generate and store the configuration information of the above-mentioned target animation.

[0079] Alternatively, a page may integrate multiple configuration functions, including configuring the animation effects of the drawing elements required for the animation scene, and configuring the transition effects of the drawing elements required for the animation scene. Figure 4 As shown, assuming the animation configuration page is as follows Figure 4 As shown in the left figure, the user can add at least one animation scene in the animation configuration page, configure the transition effect and appearance time of each animation scene, and can also trigger the animation element setting function button 40 corresponding to each animation scene to open the animation element configuration page (such as Figure 4 As shown in the figure on the right), users can use the animation element configuration page to configure the storage address of the picture elements in the animation elements required for each animation scene, the parameter information of the drawing elements, as well as the animation effects and transition effects of each animation element in the corresponding animation scene.

[0080] In one embodiment, after the animation processing device renders the animation elements required for each animation scene and obtains the animation images corresponding to each animation scene, the animation effects of the animation elements in the animation images can be processed according to the animation information of the animation elements, and the transition effects of switching between animation images and the transition effects of the animation elements in the animation images can be processed based on the switching information between the animation scenes, thereby obtaining the target animation.

[0081] For example, see Figure 5a to Figure 5c , assuming that the target animation includes two animation scenes, namely animation scene 1 and animation scene 2, the start times required for animation scene 1 and animation scene 2 are 00:00 and 00:03 respectively, the animation elements required for animation scene 1 are picture element 1, and the animation elements required for animation scene 2 are picture element 2 and drawing element 1; image element 1 is as Figure 5a As shown, image element 2 is Figure 5b As shown, drawing element 1 is a circular element; the animation effect of the animation element represented by the animation information of the animation element in the corresponding animation scene, the transition effect of switching between animation scenes represented by the switching animation information, and the transition effect of the animation element in the animation scene to be switched when switching the animation scene are shown in Table 1-2. In this case, when the animation processing device detects the animation processing start operation, it can obtain the image element 1 required for animation scene 1, render the animation element required for the animation scene, and obtain the animation image corresponding to animation scene 1. Furthermore, the animation processing device can obtain the image element 2 and drawing element 1 required for animation scene 2, and draw the image element 2 and drawing element 1, so as to obtain the animation image corresponding to animation scene 2, as shown in Figure 5b shown.

[0082] Furthermore, since the animation elements in the animation images corresponding to each rendered animation scene do not have animation effects, and each animation image does not have a transition effect for switching between animation scenes. Therefore, after all animation scenes of the target animation are rendered, the animation processing device can set the animation effect of drawing element 1 in animation scene 2 to a loop animation, the transition effect of animation scene 1 to move out from right to left, and the transition effect of animation scene 2 to move in from right to left through the animation management module according to the animation effects shown in Table 1-2, thereby completing the drawing of the target animation. The schematic diagram of the target animation can be referred to Figure 5c shown.

[0083] In one embodiment, the animation processing device can be a terminal such as a smart phone, a tablet computer, a laptop computer, a desktop computer, a smart speaker, a smart watch, etc. The animation processing device can also configure the renderer in advance through the animation processing system to generate rendering configuration information. In this case, the target configuration information also includes rendering configuration information, which indicates the corresponding relationship between the rendering method and the device information of the specified animation processing device. The specific implementation method of the animation processing device rendering the animation elements required for the animation scene to obtain the animation image corresponding to the animation scene can be: the animation processing device detects its own device information, determines the target rendering method corresponding to its own device information from the corresponding relationship between the rendering method indicated by the rendering configuration information and the device information of the specified animation processing device, and renders the animation elements required for the animation scene according to the target rendering method to obtain the animation image corresponding to the animation scene. In this way, it can be ensured that the rendering method used to render the animation scene matches the performance of the animation processing device itself, which is conducive to ensuring that the animation processing device with low performance displays the smoothness of the target animation. Thereby reducing the cost of artificially optimizing performance, developers only need to focus on performance issues in special scenes.

[0084] The animation processing device of the embodiment of the present application can configure the animation scene and the animation elements required for the target animation through the animation processing system, generate the configuration information of the target animation, and render and animate the animation elements required for the animation scene according to the configuration information of the target animation to obtain the target animation. The drawing of the target animation can be realized based on the configuration, which is conducive to improving the drawing efficiency of the target animation.

[0085] An embodiment of the present application further provides a computer storage medium, in which program instructions are stored. When the program instructions are executed, they are used to implement the corresponding methods described in the above embodiments.

[0086] See also Figure 6 , is a structural diagram of an animation processing device in an embodiment of the present application. The animation processing device in the embodiment of the present application can be set in the above-mentioned animation processing device, and can be a computer program (including program code) running in the animation processing device. The animation processing device is equipped with an animation processing system, and the animation processing system includes a configuration management module and an animation processing module.

[0087] In one implementation of the device of the embodiment of the present application, the device includes the following structure.

[0088] The configuration unit 60 is used to configure the animation scene and the animation elements required by the target animation through the animation processing system to generate configuration information of the target animation, wherein the configuration information of the target animation includes: configuration information of the animation scene and configuration information of the animation elements required by the animation scene;

[0089] The animation processing unit 61 is used to render and animate the animation elements required by the animation scene according to the configuration information of the target animation to obtain the target animation.

[0090] In one embodiment, the configuration information of the animation elements required for the animation scene includes element information of the animation elements and animation information of the animation elements. The configuration information of the animation scene includes the correspondence between the animation scene and the animation elements, and switching information between animation scenes. The animation processing unit 61 is specifically used to obtain the animation elements required for the animation scene according to the element information, and store the animation elements and the animation scene in a designated area based on the correspondence. Further, when an animation processing start operation is detected, the animation elements required for the animation scene are obtained from the designated area, the animation elements required for the animation scene are rendered to obtain an animation image corresponding to the animation scene, and the animation image is animated based on the animation information of the animation elements and the switching information between the animation scenes to obtain a target animation.

[0091] In one embodiment, the animation elements required for the animation scene include picture elements and / or drawing elements, and the element information includes the storage address of the picture elements and / or parameter information of the drawing elements, and the parameter information includes any one or more of the following: element type, position and size of the drawing elements; the animation information of the animation elements is used to characterize the animation effects of the animation elements in the corresponding animation scene, and the switching animation information is used to characterize the transition effects of switching between animation scenes and the transition effects of the animation elements in the animation scene to be switched when switching the animation scene.

[0092] In one embodiment, the target configuration information also includes rendering configuration information, which indicates the correspondence between the rendering method and the device information of the specified animation processing device. The animation processing unit 61 is further specifically used to detect the device information of the above-mentioned animation processing device, determine the target rendering method corresponding to the device information of the above-mentioned animation processing device from the correspondence between the rendering method indicated by the rendering configuration information and the device information of the specified animation processing device, render the animation elements required for the animation scene according to the target rendering method, and obtain the animation image corresponding to the animation scene.

[0093] In the embodiments of the present application, the specific implementation of each of the above-mentioned units can refer to the description of the relevant contents in the embodiments corresponding to the aforementioned figures.

[0094] The animation processing device in the embodiment of the present application can generate the configuration information of the target animation, and render and animate the animation elements required for the animation scene according to the configuration information of the target animation to obtain the target animation. The drawing of the target animation can be realized based on the configuration, which is conducive to improving the drawing efficiency of the target animation.

[0095] See also Figure 7 , is a structural diagram of an animation processing device according to an embodiment of the present application, the animation processing device can be equipped with the above-mentioned animation processing system, and the animation processing device according to the embodiment of the present application includes a power supply module and other structures, and includes a processor 70, a storage device 71, an input device 72, an output device 73 and a network interface 74. The processor 70, the storage device 71, the input device 72, the output device 73 and the network interface 74 can exchange data, and the processor 70 implements the corresponding animation processing function.

[0096] The storage device 71 may include a volatile memory (volatile memory), such as a random-access memory (RAM); the storage device 71 may also include a non-volatile memory (non-volatile memory), such as a flash memory, a solid-state drive (SSD), etc.; the storage device 71 may also include a combination of the above-mentioned types of memory.

[0097] The processor 70 may be a central processing unit (CPU) 70. In one embodiment, the processor 70 may also be a graphics processing unit (GPU) 70. The processor 70 may also be a combination of a CPU and a GPU. In the animation processing device, multiple CPUs and GPUs may be included as needed to perform corresponding animation processing.

[0098] In one embodiment, the storage device 71 is used to store program instructions. The processor 70 can call the program instructions to implement the various methods involved in the embodiments of the present application.

[0099] The input device 72 may include a touch pad, a fingerprint sensor, a microphone, etc. The output device 73 may include a display (LCD, etc.), a speaker, etc. The output device 73 may be used to display the target animation.

[0100] In a first possible implementation, the processor 70 of the animation processing device calls the program instructions stored in the storage device 71 to configure the animation scene and the animation elements required for the target animation through the animation processing system, and generate configuration information of the target animation, wherein the configuration information of the target animation includes: configuration information of the animation scene and configuration information of the animation elements required for the animation scene; the animation elements required for the animation scene are rendered and animated according to the configuration information of the target animation to obtain the target animation.

[0101] In one embodiment, the configuration information of the animation elements required for the animation scene includes element information of the animation elements and animation information of the animation elements. The configuration information of the animation scene includes the correspondence between the animation scene and the animation elements, and switching information between animation scenes. The processor 70 is specifically used to obtain the animation elements required for the animation scene according to the element information, and store the animation elements and the animation scene in a designated area based on the correspondence. Further, when an animation processing start operation is detected, the animation elements required for the animation scene are obtained from the designated area, the animation elements required for the animation scene are rendered to obtain an animation image corresponding to the animation scene, and the animation image is animated based on the animation information of the animation elements and the switching information between the animation scenes to obtain a target animation.

[0102] In one embodiment, the animation elements required for the animation scene include picture elements and / or drawing elements, and the element information includes the storage address of the picture elements and / or parameter information of the drawing elements, and the parameter information includes any one or more of the following: element type, position and size of the drawing elements; the animation information of the animation elements is used to characterize the animation effects of the animation elements in the corresponding animation scene, and the switching animation information is used to characterize the transition effects of switching between animation scenes and the transition effects of the animation elements in the animation scene to be switched when switching the animation scene.

[0103] In one embodiment, the target configuration information also includes rendering configuration information, which indicates the correspondence between the rendering method and the device information of the specified animation processing device. The processor 70 is further specifically used to detect the device information of the above-mentioned animation processing device, determine the target rendering method corresponding to the device information of the above-mentioned animation processing device from the correspondence between the rendering method indicated by the rendering configuration information and the device information of the specified animation processing device, render the animation elements required for the animation scene according to the target rendering method, and obtain the animation image corresponding to the animation scene.

[0104] In the embodiment of the present application, the specific implementation of the above-mentioned processor 70 can refer to the description of the relevant contents in the embodiments corresponding to the aforementioned figures.

[0105] The animation processing device in the embodiment of the present application can configure the animation scene and the animation elements required for the target animation through the animation processing system, generate the configuration information of the target animation, and render and animate the animation elements required for the animation scene according to the configuration information of the target animation to obtain the target animation. The drawing of the target animation can be realized based on the configuration, which is conducive to improving the drawing efficiency of the target animation.

[0106] A person skilled in the art can understand that all or part of the processes in the above-mentioned embodiments can be implemented by instructing the relevant hardware through a computer program, and the program can be stored in a computer-readable storage medium, and when the program is executed, it can include the processes of the embodiments of the above-mentioned methods. The storage medium can be a disk, an optical disk, a read-only memory (ROM) or a random access memory (RAM), etc.

[0107] The above disclosure is only part of the embodiments of the present application, which certainly cannot be used to limit the scope of rights of the present application. Ordinary technicians in this field can understand that all or part of the processes of implementing the above embodiments and making equivalent changes according to the claims of this application are still within the scope of the invention.

Claims

1. An animation processing system, characterized in that: The system includes a configuration management module and an animation processing module, wherein: The configuration management module is used to generate and manage the configuration information of the target animation, wherein the configuration information of the target animation includes: the configuration information of the animation scene and the configuration information of the animation elements required by the animation scene; The animation processing module is used to render and animate the animation elements required by the animation scene according to the configuration information of the target animation to obtain the target animation; The configuration management module includes a rendering configuration module, the animation processing module includes an animation drawing module, the animation drawing module includes a rendering module encapsulating a renderer of a target rendering engine and an animation management module encapsulating a target animation library; wherein, The rendering configuration module is used to generate rendering configuration information of the renderer, wherein the rendering configuration information is used to indicate the corresponding relationship between the rendering mode and the device information of the specified animation processing device; The rendering module is used to detect the device information of the animation processing device running the animation processing system in response to the drawing instruction, determine the target rendering mode corresponding to the device information of the animation processing device from the corresponding relationship between the rendering mode indicated by the rendering configuration information and the device information of the specified animation processing device, and call the renderer to render the animation elements required by the animation scene according to the target rendering mode to obtain the animation image corresponding to the animation scene; The animation management module is used to process the animation effects of the animation elements in the animation image according to the animation information of the animation elements, and process the transition effects of switching between the animation images and the transition effects of the animation elements in the animation image based on the switching information between the animation scenes.

2. The system according to claim 1, characterized in that The configuration information of the animation elements required by the animation scene includes element information of the animation elements and animation information of the animation elements, and the configuration information of the animation scene includes the corresponding relationship between the animation scene and the animation element, and the switching information between the animation scenes; wherein, The animation element includes a picture element and / or a drawing element, the element information includes a storage address of the picture element and / or parameter information of the drawing element, the parameter information includes any one or more of the following: element type, position and size of the drawing element; the animation information of the animation element is used to characterize the animation effect of the animation element in the corresponding animation scene, and the switching animation information is used to characterize the transition effect of switching between animation scenes and the transition effect of the animation element in the animation scene to be switched when switching the animation scene.

3. The system according to claim 1 or 2, characterized in that: The configuration management module also includes any one or more of the following: a resource loading configuration module, a drawing element configuration module, an element animation configuration module and a scene animation configuration module, wherein: The resource loading configuration module is used to configure the storage address of the animation resources required for the target animation, and the animation resources include picture elements; the drawing element configuration module is used to configure the parameter information of the drawing elements; the element animation configuration module is used to configure the animation effects of the animation elements in the corresponding animation scenes; the scene animation configuration module is used to configure the transition effects of switching between animation scenes and the transition effects of the animation elements in the animation scene to be switched when switching the animation scene.

4. The system according to claim 2, characterized in that The animation processing module also includes an animation basic element module, wherein: The animation basic element module is used to obtain the animation elements according to the element information of the animation elements required by the animation scene, and store the animation elements and the animation scene in a designated area based on the correspondence between the animation scene and the animation elements. When an animation processing start operation is detected, the animation elements required by the animation scene are obtained from the designated area, and the drawing instructions carrying the animation elements required by the animation scene are sent to the animation drawing module.

5. The system according to claim 4, characterized in that The animation elements required for the animation scene include the picture elements and the drawing elements. The animation basic element module includes a resource management module, an element management module encapsulating the drawing elements required for multiple animations, and a scene management module. The resource management module is used to obtain the picture element according to the storage address of the picture element and load the picture element into the designated area. The element management module is used to obtain a target drawing element matching the parameter information from the drawing elements required for the multiple animations and load the target drawing element into the designated area. The scene management module is used to associate the picture element and the drawing element with the animation scene respectively based on the corresponding relationship between the animation scene and the animation element in the designated area.

6. The system according to claim 5, characterized in that The configuration management module also includes a configuration destruction module. Among them, the destruction configuration module is used to configure the element destruction mechanism of the animation elements required for the animation scene, and the scene destruction mechanism of the animation scene. The configuration information of the animation elements required for the animation scene also includes the element destruction mechanism, and the configuration information of the animation scene also includes the scene destruction mechanism.

7. The system according to claim 6, characterized in that The animation elements required for the animation scene include the picture elements and the drawing elements. The resource management module is further used to manage the destruction of the picture elements based on the element destruction mechanism; the element management module is further used to manage the destruction of the drawing elements based on the element destruction mechanism; the scene management module is further used to manage the destruction of the animation scene based on the scene destruction mechanism.

8. An animation processing method, characterized in that: The method is applied to an animation processing device, the animation processing device is equipped with an animation processing system, the animation processing system includes a configuration management module and an animation processing module, the configuration management module includes a rendering configuration module, the animation processing module includes an animation drawing module, the animation drawing module includes a rendering module encapsulating a renderer of a target rendering engine and an animation management module encapsulating a target animation library, the method includes: The animation processing system configures the animation scene required for the target animation and the animation elements required for the animation scene to generate configuration information of the target animation, wherein the configuration information of the target animation includes: configuration information of the animation scene and configuration information of the animation elements required for the animation scene; Rendering and animating the animation elements required by the animation scene according to the configuration information of the target animation to obtain the target animation includes: Acquire rendering configuration information of the renderer generated by the rendering configuration module, wherein the rendering configuration information is used to indicate a corresponding relationship between a rendering mode and device information of a specified animation processing device; The rendering module detects the device information of the animation processing device running in the animation processing system in response to the drawing instruction, determines the target rendering mode corresponding to the device information of the animation processing device from the corresponding relationship between the rendering mode indicated by the rendering configuration information and the device information of the specified animation processing device, and calls the renderer to render the animation elements required by the animation scene according to the target rendering mode to obtain the animation image corresponding to the animation scene; The animation management module processes the animation effects of the animation elements in the animation image according to the animation information of the animation elements, and processes the transition effects of switching between the animation images and the transition effects of the animation elements in the animation image based on the switching information between the animation scenes.

9. The method according to claim 8, characterized in that The configuration information of the animation elements required for the animation scene includes element information of the animation elements and animation information of the animation elements, the configuration information of the animation scene includes a correspondence between the animation scene and the animation elements, and switching information between the animation scenes, and the rendering and animation processing of the animation elements required for the animation scene according to the configuration information of the target animation to obtain the target animation includes: Acquire the animation elements required for the animation scene according to the element information, and store the animation elements and the animation scene in a designated area in association with each other based on the corresponding relationship; When an animation processing start operation is detected, the animation elements required for the animation scene are acquired from the designated area, and the animation elements required for the animation scene are rendered to obtain an animation image corresponding to the animation scene; The animation image is animated based on the animation information of the animation element and the switching information between the animation scenes to obtain the target animation.

10. The method according to claim 9, characterized in that The animation elements required for the animation scene include picture elements and / or drawing elements, and the element information includes the storage address of the picture elements and / or parameter information of the drawing elements, and the parameter information includes any one or more of the following: element type, position and size of the drawing elements; the animation information of the animation elements is used to characterize the animation effects of the animation elements in the corresponding animation scene, and the switching animation information is used to characterize the transition effects of switching between animation scenes and the transition effects of the animation elements in the animation scene to be switched when switching the animation scene.

11. An animation processing device, characterized in that: The device is configured on an animation processing device, the animation processing device is equipped with an animation processing system, the animation processing system includes a configuration management module and an animation processing module, the configuration management module includes a rendering configuration module, the animation processing module includes an animation drawing module, the animation drawing module includes a rendering module encapsulating a renderer of a target rendering engine and an animation management module encapsulating a target animation library; the device includes: A configuration unit, configured to configure the animation scene required by the target animation and the animation elements required by the animation scene through the animation processing system, and generate configuration information of the target animation, wherein the configuration information of the target animation includes: configuration information of the animation scene and configuration information of the animation elements required by the animation scene; An animation processing unit, used for rendering and animating the animation elements required by the animation scene according to the configuration information of the target animation to obtain the target animation; The animation processing unit, when rendering and animating the animation elements required by the animation scene according to the configuration information of the target animation, is specifically used to: Acquire rendering configuration information of the renderer generated by the rendering configuration module, wherein the rendering configuration information is used to indicate a corresponding relationship between a rendering mode and device information of a specified animation processing device; The rendering module detects the device information of the animation processing device running in the animation processing system in response to the drawing instruction, determines the target rendering mode corresponding to the device information of the animation processing device from the corresponding relationship between the rendering mode indicated by the rendering configuration information and the device information of the specified animation processing device, and calls the renderer to render the animation elements required by the animation scene according to the target rendering mode to obtain the animation image corresponding to the animation scene; The animation management module processes the animation effects of the animation elements in the animation image according to the animation information of the animation elements, and processes the transition effects of switching between the animation images and the transition effects of the animation elements in the animation image based on the switching information between the animation scenes.

12. An animation processing device, characterized in that: The animation processing device is equipped with the animation processing system as described in any one of claims 1-7, and the mounting method includes any one or more of the following: a plug-in corresponding to the animation processing system is installed, the animation processing system is encapsulated, an interface for calling the animation processing system is equipped, and an animation processing platform corresponding to the animation processing system is run; the animation processing device includes a processor and a storage device, and the processor and the storage device are connected to each other, wherein the storage device is used to store a computer program, the computer program includes program instructions, and the processor is configured to call the program instructions to execute the method as described in any one of claims 8-10.

13. A computer storage medium, characterized in that: The computer storage medium stores program instructions, which, when executed, are used to implement the method according to any one of claims 8 to 10.

Images