Animation processing method and device, electronic equipment and computer readable storage medium

Abstract

The application provides an animation processing method and device, electronic equipment and a computer readable storage medium. The method comprises: parsing a first animation file to obtain data included in an information interface displayed by the first animation file; taking at least one data as to-be-replaced content, and replacing the to-be-replaced content with a corresponding placeholder; obtaining target data, wherein the target data is used to update the first animation file; matching the target data with the to-be-replaced content, and filling the target data into a placeholder corresponding to the matched to-be-replaced content; and generating a second animation file based on the filling result. Through the application, the animation file can be automatically updated.

Description

Technical Field

[0001] This application relates to Internet technology, and more particularly to an animation processing method, apparatus, electronic device, and computer-readable storage medium. Background Technology

[0002] With the development of internet technology and the widespread use of terminal applications, people are accustomed to viewing messages (such as utility bill payments and investment returns) through these applications. Meanwhile, these applications can also proactively push messages to users. However, current technologies only support statically embedding messages into animation files. For scenarios requiring dynamically displayed messages, corresponding animation files must first be created. Furthermore, these animation files generally rely on manual updates, which are slow, inefficient, and costly in terms of manpower. Summary of the Invention

[0003] This application provides an animation processing method, apparatus, electronic device, and computer-readable storage medium that can automatically update animation files.

[0004] The technical solution of this application embodiment is implemented as follows:

[0005] This application provides an animation processing method, including:

[0006] The first animation file is parsed to obtain the data included in the information interface displayed by the first animation file;

[0007] At least one of the data is used as the content to be replaced, and the content to be replaced is replaced with the corresponding placeholder;

[0008] Obtain target data, wherein the target data is used to update the first animation file;

[0009] The target data is matched with the content to be replaced, and the target data is filled into the placeholder corresponding to the matched content to be replaced.

[0010] A second animation file is generated based on the filling results.

[0011] This application provides an animation processing apparatus, including:

[0012] The parsing module is used to parse the first animation file to obtain the data included in the information interface displayed by the first animation file;

[0013] The replacement module is used to take at least one of the data as the content to be replaced, and replace the content to be replaced with the corresponding placeholder;

[0014] An acquisition module is used to acquire target data, wherein the target data is used to update the first animation file;

[0015] The filling module is used to match the target data with the content to be replaced, and to fill the target data into the placeholders corresponding to the matched content to be replaced;

[0016] The generation module is used to generate a second animation file based on the filling results.

[0017] In the above scheme, the first animation file includes a data sub-file and an image sub-file; the parsing module is further used for:

[0018] Based on the first data type, traverse the data sub-files to obtain data belonging to the first data type;

[0019] The information interface displayed by the first animation file includes at least one of the following types of data: data belonging to the first data type and image data in the image sub-file.

[0020] In the above scheme, the parsing module is further used for:

[0021] Based on the data replacement identifier, the information interface is searched to obtain at least one of the data to be replaced; or

[0022] Based on the first animation file, determine multiple layers corresponding to the information interface;

[0023] The layer to be replaced is determined from the plurality of layers based on the layer replacement identifier;

[0024] The data corresponding to the layer to be replaced in the first animation file is used as at least one of the data to be replaced.

[0025] In the above scheme, the acquisition module is further used for:

[0026] Acquire data for a target dimension, wherein the target dimension includes at least one of the following: user information, product information, and recommendation dimension;

[0027] The target data is obtained by performing a filtering operation on the data of the target dimension based on the target data attributes.

[0028] In the above scheme, the acquisition module is further used for:

[0029] Perform cleaning operations on the data in the target dimension based on the cleaning rules;

[0030] The cleaning rules include at least one of the following: business cleaning rules, attribute cleaning rules, similarity cleaning rules, and authenticity cleaning rules.

[0031] In the above scheme, the acquisition module is further used for:

[0032] Based on the second data type, a filtering operation is performed on the data of the target dimension to obtain data belonging to the second data type;

[0033] Based on the target data attribute, a filtering operation is performed on the data belonging to the second data type to obtain attribute data that is consistent with the target data attribute, and the attribute data is used as the target data.

[0034] In the above scheme, the filling module is further used for:

[0035] Compare a portion of the string corresponding to the target data with a portion of the string corresponding to the content to be replaced;

[0036] When the comparison is consistent, it is determined that the target data matches the content to be replaced;

[0037] When the comparison is inconsistent, it is determined that the target data does not match the content to be replaced.

[0038] In the above scheme, the filling module is further used for:

[0039] When the type of the target data is an image, the storage path corresponding to the target data is filled into the placeholder corresponding to the matching content to be replaced;

[0040] When the target data is of type text, the string corresponding to the text in the target data is filled into the placeholder corresponding to the matching content to be replaced.

[0041] In the above scheme, the second animation file is associated with the user account, and the generation module is further used for:

[0042] The data in each layer of the second animation file are composited.

[0043] Each frame of the second animation file after compositing is rendered to obtain an animation associated with the user account.

[0044] This application provides an electronic device, including:

[0045] Memory, used to store executable instructions;

[0046] The processor, when executing executable instructions stored in the memory, implements the animation processing method provided in the embodiments of this application.

[0047] This application provides a computer-readable storage medium storing executable instructions for implementing the animation processing method provided in this application when executed by a processor.

[0048] This application provides a computer program product or computer program, which includes computer instructions stored in a computer-readable storage medium. The processor of an electronic device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the electronic device to perform the animation processing method provided in this application.

[0049] The embodiments of this application have the following beneficial effects:

[0050] After determining the target data that matches the content to be replaced in the information page displayed by the first animation file, the target data is filled into the placeholders corresponding to the content to be replaced, thereby realizing the automatic replacement of the content to be replaced and thus achieving automatic updating of the animation file based on the target data, optimizing the user experience. Attached Figure Description

[0051] Figure 1 This is a schematic diagram of the architecture of the animation processing system 10 provided in the embodiments of this application;

[0052] Figure 2 This is an architecture diagram of the animation processing system 10 provided in the embodiments of this application;

[0053] Figure 3A This is a flowchart illustrating the animation processing method provided in an embodiment of this application;

[0054] Figure 3B This is a flowchart illustrating the animation processing method provided in an embodiment of this application;

[0055] Figures 4A-4B This is a schematic diagram of the animation generation process provided in the embodiments of this application;

[0056] Figure 5 This is a schematic diagram of the page layout for the animation design provided in the embodiments of this application;

[0057] Figure 6 This is a schematic diagram of the Bodymovin plugin application provided in the embodiments of this application;

[0058] Figure 7 This is a schematic diagram illustrating the content of the JSON file provided in an embodiment of this application;

[0059] Figure 8 This is a schematic diagram illustrating the data acquisition provided in an embodiment of this application;

[0060] Figure 9 This is a schematic diagram of data cleaning provided in an embodiment of this application;

[0061] Figure 10This is a flowchart illustrating the naive matching algorithm provided in an embodiment of this application;

[0062] Figure 11 This is a comparative analysis of various animation addition methods provided in the embodiments of this application;

[0063] Figure 12A This is a schematic diagram of the login page provided in an embodiment of this application;

[0064] Figures 12B-12D This is a schematic diagram of the dynamic curtain provided in an embodiment of this application;

[0065] Figure 13 This is a schematic diagram of the structure of the server 200 provided in the embodiment of this application. Detailed Implementation

[0066] To make the objectives, technical solutions, and advantages of this application clearer, the application will be further described in detail below with reference to the accompanying drawings. The described embodiments should not be regarded as limitations on this application. All other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0067] In the following description, references are made to “some embodiments,” which describe a subset of all possible embodiments. However, it is understood that “some embodiments” may be the same subset or different subsets of all possible embodiments and may be combined with each other without conflict.

[0068] In the following description, the terms "first / second / third" are used merely to distinguish similar objects and do not represent a specific ordering of objects. It is understood that "first / second / third" may be interchanged in a specific order or sequence where permitted, so that the embodiments of this application described herein can be implemented in an order other than that illustrated or described herein.

[0069] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs. The terminology used herein is for the purpose of describing embodiments of this application only and is not intended to limit this application.

[0070] In the implementation of this application, the collection and processing of relevant data should be strictly in accordance with the requirements of relevant laws and regulations, obtain the informed consent or separate consent of the personal information subject, and carry out subsequent data use and processing within the scope of laws and regulations and the authorization of the personal information subject.

[0071] Before providing a further detailed description of the embodiments of this application, the nouns and terms involved in the embodiments of this application will be explained, and the nouns and terms involved in the embodiments of this application shall be interpreted as follows.

[0072] 1) Modals: Modals are generally used to complete a specific task. Modals can be closed by completing the task or by clicking on the outer area.

[0073] 2) Dynamic Curtains: A modal window that uses animation to display dynamic information.

[0074] 3) AE (Adobe After Effects): A graphics and video processing software, belonging to the layer-based post-production software category. Suitable for organizations engaged in design and video special effects, including television stations, animation production companies, individual post-production studios, and multimedia studios.

[0075] 4) Placeholder: A symbol used to occupy a fixed position, waiting for content to be added to the fixed position. It is widely used in the editing of various documents on computers.

[0076] 5) Naive matching algorithm: Starting from the first character of the main string, compare each character with the substring from the beginning. When a mismatch is found, return to the next character in the main string, and start comparing the substring from the beginning again. Continue until all characters in the substring match, then return the index of the substring in the main string.

[0077] 6) Bodymovin: An After Effects plugin used to export animations designed in After Effects as JSON files with vector animation information. The JSON files can be played on the following platforms: Web, Android, iOS, and React Native.

[0078] 7) React Native: This is a cross-platform mobile application development framework that supports both iOS and Android platforms. It uses JavaScript to develop mobile applications.

[0079] 8) SVGA: A cross-platform, open-source animation format compatible with Android, iOS, and Web. SVGA is easy to use, boasts excellent performance, and allows for clear division of labor in animation development, enabling developers to focus on their respective areas, significantly reducing communication costs associated with animation interactions and improving development efficiency.

[0080] 9) Lottie: An open-source tool that can add animation effects to native applications. It can parse animations made with After Effects and export them as JSON format. It supports the following platforms: Web, Android, iOS, and React Native.

[0081] 10) Animated Portable Network Graphics (APNG): A bitmap animation format based on portable network images, retaining backward compatibility with traditional portable network images.

[0082] 11) Graphics Interchange Format (GIF): Used to display indexed color images in Hypertext Markup Language, and is widely used on the Internet and other online service systems.

[0083] 12) JavaScript Object Notation (JSON): A lightweight data-interchange format. It uses a text format that is completely independent of programming languages ​​to store and represent data. It is easy to read and write, as well as easy for machines to parse and generate, and effectively improves network transmission efficiency.

[0084] In terminal applications, push messages are typically presented as static pop-ups. The content of static pop-ups is fixed, with poor interactivity, low dynamism, and no ability to update automatically.

[0085] To address the aforementioned technical problems in related technologies, embodiments of this application provide an animation processing method, apparatus, electronic device, and computer-readable storage medium capable of automatically updating animation files.

[0086] The animation processing method provided in this application can be implemented by various electronic devices, such as a terminal or a server alone. For example, after a terminal creates a first animation file using animation software, it can execute the animation processing method described below on the first animation file. The animation processing method can also be implemented collaboratively by a server and a terminal. For example, after creating the first animation file, the terminal can send the first animation file to a server. The server replaces the content to be replaced in the first animation file to obtain a second animation file, and renders the second animation file to obtain the corresponding animation. Then, the second animation file is returned to the terminal to display the animation on the terminal.

[0087] The electronic devices provided in this application can be various types of terminal devices or servers. The server can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms. The terminal can be a smartphone, tablet computer, laptop computer, desktop computer, etc., but is not limited to these. The terminal and server can be directly or indirectly connected via wired or wireless communication, and this application does not impose any restrictions on this.

[0088] Taking servers as an example, such as server clusters deployed in the cloud, AI as a Service (AIaaS) is provided to users. The AIaaS platform breaks down several common AI services and provides them as independent or packaged services in the cloud. This service model is similar to an AI-themed marketplace, where all users can access and use one or more AI services provided by the AIaaS platform through application programming interfaces.

[0089] For example, one type of AI cloud service could be an animation processing service, where a cloud server encapsulates the animation processing program provided in this application embodiment. After generating a first animation file, the terminal calls the animation processing service in the cloud service, causing the cloud-deployed server to invoke the encapsulated animation processing program, determine the content to be replaced in the first animation file, replace the content with matching target data, obtain a second animation file, render the second animation file, and obtain the corresponding animation. The second animation file is then returned to the terminal for displaying the animation on the terminal.

[0090] The following description uses an example of a server and terminal collaboratively implementing the animation processing method provided in this application's embodiments. See also... Figure 1 , Figure 1 This is a schematic diagram of the architecture of the animation processing system 10 provided in this application embodiment. The animation designer's terminal 400-1 and the user's terminal 400-2 are connected to the server 200 through a network 300, which can be a wide area network, a local area network, or a combination of both.

[0091] In some embodiments, the animation designer's terminal 400-1 responds to the push operation by sending a push request carrying a first animation file to the server 200. The server 200 responds to the push request by determining the content to be replaced in the first animation file, replacing the content with matching target data to obtain a second animation file, rendering the second animation file to obtain an animation associated with the user account. The server 200 then pushes the animation to the corresponding user account's terminal 400-2.

[0092] See Figure 2 , Figure 2This is an architecture diagram of the animation processing system 10 provided in this application embodiment. Servers and terminals can both join the blockchain network 500 and become nodes within it (i.e., nodes running on the blockchain network 500). The type of blockchain network 500 is flexible and diverse; for example, it can be any of a public chain, private chain, or consortium chain. Taking a public chain as an example, any electronic device of any business entity, such as a terminal, can access the blockchain network 500 without authorization to act as a consensus node in the blockchain network 500. For example, server 200 is mapped to consensus node 500-0 in the blockchain network 500, and terminal 400-2 is mapped to consensus node 500-1 in the blockchain network 500.

[0093] Taking Blockchain Network 500 as an example of a consortium blockchain, servers and terminals can access Blockchain Network 500 after obtaining authorization. Terminal 400-1 sends a push request carrying a first animation file to the server. The server processes the first animation file to obtain a second animation file, renders the second animation file, and obtains an animation associated with the user account. The animation is then sent to other terminals (such as terminal 400-2). Other terminals can verify the animation by executing smart contracts (verifying whether the animation is displayed correctly). For example, if other terminals determine that the areas where images should appear in the animation are blank, i.e., the image loading failed, they can determine that the information interface displayed by the animation is abnormal, and the verification fails. When more than a certain number of nodes confirm that the verification has passed, they will sign a digital signature (i.e., endorsement). Only when the animation has sufficient endorsements will it be sent to the terminal of the corresponding user account. The first animation file can be stored on the blockchain as an animation template. After being stored on the blockchain, the data in the information interface displayed by the first animation file can be replaced based on the personal information of other users to generate animations associated with other user accounts, and the generated animations will be pushed to the terminals corresponding to other user accounts.

[0094] As can be seen, the method of verifying the animation through consensus by multiple nodes in this embodiment can ensure the correct display of the animation.

[0095] The animation processing method provided in the embodiments of this application will be described below with reference to the accompanying drawings. The execution subject of the following method can be a server, specifically, the server can implement it by running the various computer programs described above; of course, based on the understanding of the following text, it is not difficult to see that the animation processing method provided in the embodiments of this application can also be implemented by a terminal or by a terminal and a server in collaboration.

[0096] See Figure 3A , Figure 3A This is a flowchart illustrating the animation processing method provided in the embodiments of this application, which will be combined with... Figure 3A The steps shown are explained.

[0097] In step 101, the first animation file is parsed to obtain the data included in the information interface displayed by the first animation file.

[0098] In some embodiments, the information interface displayed by the first animation file is the information interface presented by the animation corresponding to the first animation file. The information interface may include multiple elements, such as text, images, videos, audio, etc.

[0099] The first animation file can be generated using graphics or video software. For example, the Bodymovin plugin in After Effects can be used to export animations designed by an animator, forming the first animation file. The first animation file includes a data sub-file and an image sub-file. The image sub-file contains multiple images. The data sub-file includes structural data, layer data, and element data. Structural data includes the animation canvas's width and height, background color, time, start frame, end frame, and frame count. Layer data includes the animation's various layers (such as shape layers, text layers, and lighting layers) and the frames contained in each layer. Each frame can be considered a sub-layer of its corresponding layer. Combining the frames (and sub-layers) within the same layer yields the resulting layer, and stacking these layers creates the corresponding animation. Element data includes information about the elements within each layer; each element corresponds to one layer. For example, for the text element, the data sub-file may include attributes such as the text size, color, and font; for the image element, the data sub-file may include the image's name, storage path, width, and height. In some possible examples, the first animation file may also include a project subfile, which can be used to play the animation corresponding to the first animation file.

[0100] In some embodiments, parsing the first animation file to obtain the data included in the information interface displayed by the first animation file can be implemented in the following way: Traversing data sub-files based on a first data type to obtain data belonging to the first data type; using at least one of the following data as the data included in the information interface displayed by the first animation file: data belonging to the first data type, and image data from the image sub-file. The first data type can be text, icon, etc. Therefore, by parsing the first animation file, this embodiment of the application can obtain data of a specific type (first data type) in the information interface presented by the animation corresponding to the first animation file, facilitating the subsequent determination of the content to be replaced.

[0101] In step 102, at least one piece of data is selected as the content to be replaced, and the content to be replaced is replaced with the corresponding placeholder.

[0102] In some embodiments, when designing animations, animators mark elements in the information interface that need to be replaced (i.e., add data replacement markers) or mark the layer (or sublayer) where the element to be replaced is located (i.e., add layer replacement markers). After parsing the first animation file and obtaining the data included in the information interface displayed by the first animation file, the data included in the information interface can be found based on the data replacement markers to obtain the data corresponding to the element with the added data replacement marker, i.e., at least one piece of data to be replaced. For example, if popular funds need to be pushed to users in real time in the form of animation in a terminal application, the elements (text or images, etc.) corresponding to the popular funds in the animation should be replaceable, not fixed elements. Data replacement markers can be added to the text corresponding to the popular funds when designing the animation to quickly locate the data that needs to be replaced.

[0103] In some possible examples, after parsing the first animation file to obtain the data included in the information interface displayed by the first animation file, multiple layers corresponding to the information interface can be determined based on the layer data in the data subfiles of the first animation file; the layer to be replaced can be determined from multiple layers based on the layer replacement identifier; and the data corresponding to the elements in the layer to be replaced in the first animation file can be used as at least one piece of data to be replaced. In this way, the data that needs to be replaced can be located based on the layer replacement identifier, which is highly efficient.

[0104] In some embodiments, after determining at least one piece of data to be replaced, at least one piece of data is replaced using a placeholder. For data of different data types, the same replacement character can be used for replacement, or different replacement characters can be used for corresponding replacements. Placeholders include title placeholders, text placeholders, numeric placeholders, date placeholders, etc., and their forms include %d (representing an integer), %f (representing a floating-point number), %s (representing a string), %char (representing a pointer), etc.

[0105] In some possible examples, at least one set of data can be categorized and clustered according to its data type. Then, placeholders corresponding one-to-one with each set can be used to replace the data within those sets. For instance, if the at least one set of data to be replaced is divided into set 1 and set 2 based on its data type, with set 1 corresponding to placeholder 1 and set 2 corresponding to placeholder 2, then the data to be replaced in set 1 can be replaced using placeholder 1, and the data to be replaced in set 2 can be replaced using placeholder 2. In this way, the data to be replaced can be clustered into different sets based on its data type, facilitating subsequent data matching and replacement.

[0106] In step 103, the target data is acquired.

[0107] In some embodiments, the target data is used to update the first animation file. Data can be obtained from various backend systems corresponding to the terminal application, such as office automation (OA) systems and human resources (HR) systems. Because this data is often disorganized and includes a lot of unnecessary information, it needs to be cleaned.

[0108] First, acquire data for the target dimension, which includes at least one of the following: user information, product information, or recommendation dimension. Data can be obtained from systems related to the target dimension. For example, if an HR system stores user information, then user information data can be obtained from that system. User information can include user account, age, gender, hobbies, etc. Product information can include product name, product price, product reviews, etc. For example, if you need to push fund information to users, the product information can also include fund type, net growth rate, and percentage change. The recommendation dimension refers to the content to consider when recommending information (animations) to users. Recommendation dimensions can be product-oriented, such as pushing popular funds to all users; they can also be user-type-oriented, classifying users based on user information, purchase information, etc. For example, dividing users into conservative, aggressive, and balanced users, then pushing different types of funds to different types of users: principal-protected funds to conservative users, stable growth funds to balanced users, and high-risk, high-growth funds to aggressive users; recommendation dimensions can also be individual user-oriented, pushing different funds to different users.

[0109] In this way, by acquiring data in the target dimension, rather than acquiring all data in all systems, the amount of data processing can be effectively reduced, and the acquired data in the target dimension is clearer and easier to organize.

[0110] Then, based on the target data attributes, a filtering operation is performed on the data in the target dimension to obtain the target data.

[0111] In some embodiments, filtering operations are performed on the data of the target dimension based on the target data attributes to obtain the target data, which can be achieved through... Figure 3B Steps 1031 and 1032 are implemented.

[0112] In step 1031, a filtering operation is performed on the data of the target dimension based on the second data type to obtain data belonging to the second data type.

[0113] In some embodiments, the second data type may include image types, text types, etc. The data in the target dimension is traversed to find data belonging to the second data type. For example, when the second data type is an image, the identifier "p" corresponding to the image name in the image type can be used to search the data in the target dimension to obtain data belonging to the image type. Similarly, when the second data type is text, the identifier "t" corresponding to the text object in the text type can be used to search the data in the target dimension to obtain data belonging to the text type. In this way, data of specific data types can be further filtered from the data in the target dimension, narrowing the search range for data to be replaced.

[0114] In step 1032, a filtering operation is performed on the data belonging to the second data type based on the target data attribute to obtain attribute data that is consistent with the target data attribute, and the attribute data is used as the target data.

[0115] In some embodiments, target data attributes are some attributes of the content to be replaced. To ensure that the overall appearance remains unchanged after the content to be replaced is replaced with target data, the target data needs to possess some attributes of the content to be replaced. For example, when replacing an image, the width and height of the image need to remain unchanged; when replacing text, the font and color of the text need to remain unchanged. Therefore, it is necessary to further filter data belonging to the second data type based on the target data attributes to obtain the target data.

[0116] The target data attributes can be image attributes, text attributes, video attributes, etc. When it's a text attribute, the target data attributes can be the size, alignment, and spacing of the text. When it's an image attribute, the target data attributes can be the image size, width, height, and storage path. When it's a video attribute, the target data attributes can be the start frame, end frame, frame count, width, and height. Taking the width and height of an image as an example, if the width and height of the image to be replaced need to match the width and height of the image to be replaced on the information page (e.g., 2.5 cm wide and 3.5 cm high), then we can search for image attribute data in the second data type where the "w" (width) attribute corresponds to a value of 2.5 and the "h" (height) attribute corresponds to a value of 3.5, and use this image attribute data as the target data.

[0117] It is evident that filtering based on target data attributes further reduces the amount of data to be matched with the content to be replaced, which helps improve matching efficiency. Moreover, because the attributes are consistent, the target data can be quickly matched with the content to be replaced without needing to confirm multiple times based on various attributes.

[0118] In some embodiments, because the data in the target dimension includes a lot of unnecessary data, before filtering the data in the target dimension based on the target data attributes, it is also necessary to perform a cleaning operation on the data in the target dimension based on cleaning rules to remove unnecessary data. The cleaning rules include at least one of the following: business cleaning rules, attribute cleaning rules, similarity cleaning rules, and truth / falseness cleaning rules, with the business cleaning rules being associated with the target dimension.

[0119] The data cleaning rules are divided into three categories: business cleaning rules and attribute cleaning rules. Business cleaning rules remove business-related data from the target dimension, while attribute cleaning rules remove data irrelevant to the animation. Similarity cleaning rules remove data with high similarity, i.e., duplicate data. For example, "male," "0," and "a" all represent males, but they refer to the same object. In this case, only one type of data needs to be retained, while the other two are filtered out. True / False cleaning rules remove erroneous data. Because errors or inaccuracies may exist in the data during collection and processing, true / false cleaning is necessary to remove erroneous data. This can be achieved by analyzing the data using preset logical verification rules to identify and remove erroneous data, thus ensuring the authenticity of the data.

[0120] As can be seen, by using the cleaning rules described above, irrelevant, duplicate, and erroneous data can be removed, thus enabling the selection of effective data from massive amounts of data for subsequent filtering to determine target data.

[0121] In some possible examples, when at least two cleaning rules are included, the rules can be prioritized. Prioritization can be based on cleaning intensity; for example, the cleaning rule with the greatest cleaning intensity (removing the most data) can be given the highest priority (first priority), while the cleaning rule with the least cleaning intensity can be given the lowest priority (last priority). This allows for the removal of a significant portion of unwanted data with as few cleaning operations as possible, improving data cleaning efficiency.

[0122] In some possible examples, data cleaning can be stopped only after all cleaning rules have been applied, or it can be stopped when the amount of data cleaned by a certain cleaning rule is less than or equal to a data volume threshold, even if no other cleaning rules have been applied. This ensures the amount of target data used for matching is sufficient and avoids over-cleaning, which could lead to the inadvertent removal of useful data.

[0123] As can be seen, this embodiment of the application obtains target data for updating the first animation file by acquiring data in the target dimension and filtering the data based on the target data attributes. Ultimately, it can display different animations to different users, achieving a customized animation push effect. When the animation is used to push fund information, different funds can be displayed to different users, and different funds can display different yields, different text, and different animation effects.

[0124] In step 104, the target data is matched with the content to be replaced, and the target data is filled into the placeholders corresponding to the matched content to be replaced.

[0125] In some embodiments, matching the target data with the content to be replaced can be achieved in the following way: Compare a portion of the string corresponding to the target data with a portion of the string corresponding to the content to be replaced; if the comparison matches, it is determined that the target data matches the content to be replaced; if the comparison does not match, it is determined that the target data does not match the content to be replaced.

[0126] In some possible examples, when the target data is an image, the corresponding string is the image's storage address. For example, the string corresponding to an image could be "http: / / img.cn / upload / b9d_th.jpg". When the target data is text, the text is used as the corresponding string.

[0127] In some possible examples, string matching can be performed using a naive matching algorithm, or it can be performed using algorithms such as Robin Karp or KMP.

[0128] In some possible examples, the string corresponding to the target data can be used as the matching string, and the string corresponding to the content to be replaced can be used as the main string. The length of the main string is greater than or equal to the length of the matching string. If a matching string is found in the main string, then the content to be replaced in the main string matches the target data corresponding to the matching string; if no matching string is found in the main string, then the content to be replaced in the main string does not match the target data corresponding to the matching string.

[0129] When determining whether the target data matches the content to be replaced, if the length of the string corresponding to the target data is greater than or equal to the length of the string corresponding to the content to be replaced, the string corresponding to the content to be replaced can be compared with a portion of the string corresponding to the target data. That is, the string corresponding to the content to be replaced is used as the matching string, and the string corresponding to the target data is used as the main string, so as to perform the matching.

[0130] In some embodiments, when matching target data with content to be replaced, target data with the same data type as the set of data to be replaced in step 102 can be determined first. Then, the target data and the content to be replaced with the same data type are matched to determine the target data that matches the content to be replaced. This reduces the workload of data matching and improves matching efficiency.

[0131] In some embodiments, filling the placeholders corresponding to the matching content to be replaced with target data can be achieved in the following way: When the type of the target data is an image, the storage path of the target data is filled into the placeholders corresponding to the matching content to be replaced; when the type of the target data is text, the string corresponding to the text in the target data is filled into the placeholders corresponding to the matching content to be replaced. It can be seen that the embodiments of this application use placeholders to reserve space at the location of the content to be replaced, while also serving as a prompt for filling in data.

[0132] In step 105, a second animation file is generated based on the filling result.

[0133] In some embodiments, the target data is associated with a user account, and correspondingly, the second animation file is also associated with a user account. After generating the second animation file based on the fill result, the data in each layer of the second animation file is composited; each frame of the composited second animation file is rendered to obtain the animation associated with the user account.

[0134] Because elements in the information interface are matched and replaced, after filling in and generating the second animation file, the data in each layer needs to be composited. For example, if a layer contains Image 1, its corresponding effect, and Audio 1, then when Image 1 is replaced with Image 2, and the effects and audio are to be retained, Image 2, the corresponding effects of Image 1, and Audio 1 need to be composited. As another example, if a layer contains Text 1, Text 2, and Text 3 in different locations, after Text 1 is replaced with Text 4, Text 4, Text 2, and Text 3 need to be composited.

[0135] In some embodiments, when a recommendation request is received from a terminal, the user account corresponding to the recommendation request is determined. The recommendation request is generated based on a login operation received by the terminal or a trigger operation on a specific functional module. The animation corresponding to the user account is determined and sent to the terminal to be displayed on the terminal.

[0136] Specific functional modules can be, for example, recommendation modules in browser applications or video applications. Animations can be in SVGA format or other formats. By pushing animations to the corresponding user accounts' terminals, personalized animation recommendations can be achieved, improving user experience. For example, different funds or different products can be recommended to different users.

[0137] As can be seen, in this embodiment of the application, the content to be replaced in the first animation file is replaced by a placeholder, and after the target data that matches the content to be replaced in the information page displayed by the first animation file is determined, the target data is filled into the placeholder corresponding to the content to be replaced, thereby realizing the automatic replacement of the content to be replaced and thus realizing the automatic updating of the animation file according to the target data, optimizing the user experience.

[0138] The following will describe an exemplary application of the animation processing method provided in this application embodiment in a real-world application scenario.

[0139] See Figure 4A and Figure 4B , Figures 4A to 4B This is a schematic diagram illustrating the animation generation process provided in an embodiment of this application. The following will be combined with... Figure 4A and Figure 4B The animation generation process is explained below. After creating the animation using After Effects, the animator can export the animation file, conduct user experience testing, and debug and view the animation effects to determine the final animation effect. Finally, the corresponding JSON file is output. The front-end analyzes the exported animation file (i.e., the JSON file, the first animation file mentioned above) to determine the content to be replaced and stubs the content to be replaced. This means fixing the text content or image content in the content to be replaced using template variables (i.e., placeholders). Simultaneously, target data is dynamically acquired, matched with the content to be replaced, and the target data is filled into the matched variable stubs (i.e., placeholders). Finally, the animation file is rendered to output the display effect.

[0140] The above process will be explained step by step below.

[0141] Step 1: Output a JSON file. For example... Figure 5 As shown, Figure 5 This is a schematic diagram of an animation design provided in an embodiment of this application. After creating the animation using After Effects, the animation designer... Figure 6 The Bodymovin plugin in After Effects, as shown, generates and outputs a JSON file that supports playback on multiple platforms (such as Web, Android, iOS, and React Native). Figure 7As shown, the JSON file includes a data.json folder, a demo folder, and an images folder. The data.json folder stores the data source for the JSON file, the demo folder is the project folder and can be used to view animation effects, and the images folder stores images and other materials. The terminal can use third-party plugins to export the images, text, audio, and video content contained in the data.json and images folders.

[0142] The second step is to dynamically analyze the JSON file to determine the content to be replaced, and then dynamically stub out the content using placeholders. For example, ${title_img} is a template placeholder, which can be used to stub out images.

[0143] For example, when the image path is "images / " and the image name is "img_0.png", you can use a placeholder to replace "images / " to indicate that the image's storage path will be changed to a different image folder; you can also use a placeholder to replace "img_0.png" to indicate that the image's storage path will be changed to a different image within the same image folder. As another example, when the content to be replaced is text, you can use the "t" attribute of the text to determine where the placeholder should be replaced.

[0144] Step 3: Obtain data from various systems and perform data cleaning. Because the obtained data contains a lot of unnecessary information, data cleaning is necessary. The cleaning process mainly involves specifying the corresponding data interface fields during development to extract the elements that need to be displayed in the animation's information interface and remove other unnecessary data.

[0145] like Figure 8 As shown, Figure 8 This is a schematic diagram illustrating data acquisition provided in an embodiment of this application. Data can be acquired from various interfaces of systems or platforms such as the digital operation management system and the data tool management platform (e.g., the SPID interface of the digital operation management system). Figure 9 As shown, data is first acquired from the Enterprise Resource Planning (ERP) system, Financial Cloud Information (FOL) system, OA system, and HR system. Then, the data cleaning engine sequentially cleans the acquired data based on business cleaning rules, attribute cleaning rules, similarity cleaning rules, and authenticity cleaning rules. The priority of these rules can also be adjusted according to actual conditions. Data cleaning records are stored in a cleaning log, which can be consulted to understand the cleaning process. The cleaned data is stored in the Master Data Management (MDM) system.

[0146] Step 4: Perform data matching and replacement. Dynamically match and fill the data obtained from various systems into the placeholders, and a naive matching algorithm can be used for matching. As Figure 10 shown, Figure 10 is a schematic flowchart of the naive matching algorithm provided by an embodiment of the present application. Among them, i, j, and k respectively represent the main string subscript, the matching string subscript, and the position where the main string starts in the next loop during the matching process. s[0] represents the length of the main string, and t[0] represents the length of the matching string.

[0147] Its matching logic is: starting from the first character of the main string, compare it with the first character of the matching string. If they are the same, then sequentially compare each subsequent character of the two. Otherwise, start comparing again with the characters of the matching string from the next character of the main string until a substring can be found in the main string or it is determined that no substring can be found in the main string.

[0148] After determining the target data that matches the content to be replaced, fill the target data into the placeholder corresponding to the matching content to be replaced. When the content to be replaced is a picture, modify the placeholder at the position of the picture to be replaced in the assets resource of the JSON file to the storage path of the target data (new picture). When the content to be replaced is text, modify the placeholder at the position of the text to be replaced in the assets resource of the JSON file to the string corresponding to the target data (new text). Because the naive matching algorithm is used, all matching target data can be determined at one time, and then filling and replacement are performed to improve the replacement efficiency.

[0149] Step 5: Generate a second animation file based on the filling result and render the second animation file to display the effect of the dynamic animation. Animation effects can also be added through Lottie or SVGA. Figure 11 is an analysis and comparison chart of various animation adding methods provided by an embodiment of the present application. It can be seen that for the comparison of memory occupancy: sequence frames > picture format (GIF, Graphics Interchange Format) > APNG > Lottie > SVGA; for the comparison of quality stability: GIF > sequence frames > APNG > Lottie > SVGA; for the comparison of support for AE effects: SVGA < Lottie < APNG < sequence frames < GIF. Among them, both Lottie and SVGA can meet the requirements of data animation effects; however, the special effect support of SVGA is slightly lower, which is not friendly to animation designers. Finally, Lottie is used to add animation effects.

[0150] After obtaining the animation corresponding to the second animation file, the animation can be sent to the terminal for presentation in the terminal. As Figure 12A shown, Figure 12AThis is a schematic diagram of the login page provided in an embodiment of this application. After the user logs into the terminal application, the login page will appear in the terminal application. Figure 12B The dynamic curtain shown is the first frame of the animation. The dynamic curtain includes the text 401, "Retirement starts now." Figure 12C In the dynamic curtains, image 402 will appear. Figure 12D In the image, the image will be enlarged and more content will appear, as shown in image 403.

[0151] As can be seen, this embodiment of the application acquires target data in real time, replaces the content to be replaced using placeholders, and fills the matching placeholders with target data to generate a second animation file. Lottie is then used to render the second animation file, improving animation performance and compatibility. This results in an animation effect with a strong sense of complex animation observation and realistic data visualization, attracting users to click on the animation. Internal testing showed an increase in the animation's click-through rate of approximately 243.82%. The animation obtained by this embodiment offers a high level of user experience, realistic data, fast loading speed, strong interactivity, and strong compatibility, and can be widely applied to various terminal devices such as watches, televisions, tablets, mobile phones, and personal computers. It also solves the problems of low attraction rate, low dynamism, poor interactivity, low development efficiency, and poor performance of traditional animations.

[0152] The following describes an exemplary structure of the electronic device provided in the embodiments of this application, taking the electronic device as a server as an example. See [link to relevant documentation]. Figure 13 , Figure 13 This is a schematic diagram of the structure of the server 200 provided in the embodiments of this application. Figure 13 The server 200 shown includes at least one processor 210, memory 240, and at least one network interface 220. The various components of server 200 are coupled together via a bus system 230. It is understood that the bus system 230 is used to implement communication between these components. In addition to a data bus, the bus system 230 also includes a power bus, a control bus, and a status signal bus. However, for clarity, ... Figure 13 The general labeled all buses as Bus System 230.

[0153] Processor 210 can be an integrated circuit chip with signal processing capabilities, such as a general-purpose processor, a digital signal processor (DSP), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. Among them, the general-purpose processor can be a microprocessor or any conventional processor, etc.

[0154] The memory 240 may be removable, non-removable, or a combination thereof. Exemplary hardware devices include solid-state storage, hard disk drives, optical disk drives, etc. The memory 240 may optionally include one or more storage devices physically located away from the processor 210.

[0155] The memory 240 may include volatile memory or non-volatile memory, or both. The non-volatile memory may be read-only memory (ROM), and the volatile memory may be random access memory (RAM). The memory 240 described in this application embodiment is intended to include any suitable type of memory.

[0156] In some embodiments, memory 240 is capable of storing data to support various operations, examples of which include programs, modules, and data structures or subsets or supersets thereof, as illustrated below.

[0157] Operating system 241 includes system programs for handling various basic system services and performing hardware-related tasks, such as the framework layer, core library layer, and driver layer, for implementing various basic business functions and handling hardware-based tasks.

[0158] The network communication module 242 is used to reach other computing devices via one or more (wired or wireless) network interfaces 220, such as Bluetooth, WiFi, and Universal Serial Bus (USB).

[0159] In some embodiments, the animation processing apparatus 243 provided in this application can be implemented in software. Figure 13 An animation processing device 243 stored in memory 240 is shown. This device can be software in the form of programs or plugins, and includes the following software modules: a parsing module 2431, a replacement module 2432, an acquisition module 2433, a filling module 2434, and a generation module 2435. These modules are logically connected and can therefore be arbitrarily combined or further separated according to their implemented functions. The functions of each module will be described below.

[0160] The parsing module 2431 is used to parse the first animation file to obtain the data included in the information interface displayed by the first animation file; the replacement module 2432 is used to take at least one piece of data as the content to be replaced and replace the content to be replaced with the corresponding placeholder; the acquisition module 2433 is used to acquire target data, wherein the target data is used to update the first animation file; the filling module 2434 is used to match the target data with the content to be replaced and fill the target data into the placeholder corresponding to the matched content to be replaced; the generation module 2435 is used to generate a second animation file based on the filling result.

[0161] In some embodiments, the first animation file includes a data sub-file and an image sub-file; the parsing module 2431 is further configured to traverse the data sub-file based on the first data type to obtain data belonging to the first data type; and to include at least one of the following data as data in the information interface displayed by the first animation file: data belonging to the first data type, and image data in the image sub-file.

[0162] In some embodiments, the parsing module 2431 is further configured to: search for data included in the information interface based on the data replacement identifier to obtain at least one data to be replaced; or determine multiple layers corresponding to the information interface based on the first animation file; determine the layer to be replaced from the multiple layers based on the layer replacement identifier; and use the data corresponding to the layer to be replaced in the first animation file as at least one data to be replaced.

[0163] In some embodiments, the acquisition module 2433 is further configured to acquire data of a target dimension, wherein the target dimension includes at least one of the following: user information, product information, and recommendation dimension; and to perform a filtering operation on the data of the target dimension based on the target data attributes to obtain the target data.

[0164] In some embodiments, the acquisition module 2433 is further configured to perform cleaning operations on the data of the target dimension based on cleaning rules; wherein the cleaning rules include at least one of the following: business cleaning rules, attribute cleaning rules, similarity cleaning rules, and authenticity cleaning rules.

[0165] In some embodiments, the acquisition module 2433 is further configured to perform a filtering operation on the data of the target dimension based on the second data type to obtain data belonging to the second data type; perform a filtering operation on the data belonging to the second data type based on the target data attributes to obtain attribute data consistent with the target data attributes, and use the attribute data as the target data.

[0166] In some embodiments, the filling module 2434 is further configured to compare a portion of the string corresponding to the target data with a portion of the string corresponding to the content to be replaced; when the comparison matches, it is determined that the target data matches the content to be replaced; when the comparison does not match, it is determined that the target data does not match the content to be replaced.

[0167] In some embodiments, the filling module 2434 is further configured to fill the storage path corresponding to the target data into the placeholder corresponding to the matching content to be replaced when the type of the target data is an image; and to fill the string corresponding to the text in the target data into the placeholder corresponding to the matching content to be replaced when the type of the target data is text.

[0168] In some embodiments, the second animation file is associated with a user account. The generation module 2435 is further used to perform compositing processing on the data in each layer of the second animation file; and to render each frame of the second animation file after compositing processing to obtain an animation associated with the user account.

[0169] This application provides a computer program product or computer program that includes computer instructions stored in a computer-readable storage medium. A processor of an electronic device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the electronic device to perform the animation processing method described above in this application.

[0170] This application provides a computer-readable storage medium storing executable instructions. When these executable instructions are executed by a processor, they cause the processor to execute the animation processing method provided in this application. For example, ... Figure 3A The animation processing method is shown.

[0171] In some embodiments, the computer-readable storage medium may be a memory such as FRAM, ROM, PROM, EPROM, EEPROM, flash memory, magnetic surface memory, optical disk, or CD-ROM; or it may be a variety of devices including one or any combination of the above-mentioned memories.

[0172] In some embodiments, executable instructions may take the form of a program, software, software module, script, or code, written in any form of programming language (including compiled or interpreted languages, or declarative or procedural languages), and may be deployed in any form, including as a standalone program or as a module, component, subroutine, or other unit suitable for use in a computing environment.

[0173] As an example, executable instructions may, but do not necessarily, correspond to files in a file system. They may be stored as part of a file that holds other programs or data, for example, in one or more scripts in a Hyper Text Markup Language (HTML) document, in a single file dedicated to the program in question, or in multiple collaborating files (e.g., a file that stores one or more modules, subroutines, or code sections).

[0174] As an example, executable instructions can be deployed to execute on a single computing device, or on multiple computing devices located in one location, or on multiple computing devices distributed across multiple locations and interconnected via a communication network.

[0175] In summary, this embodiment of the application, after determining the target data that matches the content to be replaced in the information page displayed by the first animation file, fills the target data into the placeholders corresponding to the content to be replaced, thereby achieving automatic replacement of the content to be replaced. This enables automatic updating of the animation file based on the target data, optimizing the user experience. Finally, the generated animation is pushed to the terminal of the corresponding user account, enabling personalized animation pushes and improving the user experience.

[0176] The above description is merely an embodiment of this application and is not intended to limit the scope of protection of this application. Any modifications, equivalent substitutions, and improvements made within the spirit and scope of this application are included within the scope of protection of this application.

Claims

1. An animation processing method characterized by comprising: The method comprises: parsing a first animation file to obtain data included in an information interface displayed by the first animation file, the data including at least one of the following: data belonging to a first data type, image data in an image sub-file; replacing at least one of the data as to-be-replaced content with a corresponding placeholder; obtaining data of a target dimension, performing a filtering operation on the data of the target dimension based on a second data type to obtain data belonging to the second data type, the target dimension including at least one of the following: user information, product information, and a recommendation dimension; performing a filtering operation on the data belonging to the second data type based on a target data attribute to obtain attribute data consistent with the target data attribute, and taking the attribute data as target data, wherein the target data is used to update the first animation file; matching the target data with the to-be-replaced content, and filling the target data into a placeholder corresponding to the matched to-be-replaced content; generating a second animation file based on the filling result.

2. The method of claim 1, wherein, The first animation file includes a data sub-file and an image sub-file; The parsing of the first animation file to obtain data included in an information interface displayed by the first animation file comprises: traversing the data sub-file based on a first data type to obtain data belonging to the first data type.

3. The method of claim 1, wherein, After the parsing of the first animation file to obtain data included in an information interface displayed by the first animation file, the method further comprises: finding the data included in the information interface based on a data replacement identifier to obtain at least one of the data to be replaced; or determining a plurality of layers corresponding to the information interface based on the first animation file; determining a to-be-replaced layer from the plurality of layers based on a layer replacement identifier; taking data corresponding to the to-be-replaced layer in the first animation file as at least one of the data to be replaced.

4. The method of claim 1, wherein, Before performing a filtering operation on the data belonging to the second data type based on a target data attribute, the method further comprises: performing a cleaning operation on the data of the target dimension based on a cleaning rule; The cleaning rule includes at least one of the following: a business cleaning rule, an attribute cleaning rule, a similarity cleaning rule, and a true-false cleaning rule.

5. The method of claim 1, wherein, The matching of the target data with the to-be-replaced content comprises: comparing a string corresponding to the target data with a part of a string corresponding to the to-be-replaced content; when the comparison is consistent, determining that the target data matches the to-be-replaced content; when the comparison is inconsistent, determining that the target data does not match the to-be-replaced content.

6. The method of claim 1, wherein, The filling of the target data into a placeholder corresponding to the matched to-be-replaced content comprises: when a type corresponding to the target data is an image, filling a storage path corresponding to the target data into the placeholder corresponding to the matched to-be-replaced content; when a type corresponding to the target data is text, filling a string corresponding to the text of the target data into the placeholder corresponding to the matched to-be-replaced content.

7. The method of claim 1, wherein, The second animation file is associated with a user account, and after the second animation file is generated based on the filling result, the method further includes: performing synthesis processing on data in each layer of the second animation file; rendering each frame in the second animation file after the synthesis processing to obtain an animation associated with the user account.

8. An animation processing apparatus characterized by comprising: The device includes: The parsing module is configured to parse the first animation file to obtain data included in an information interface displayed by the first animation file, and to take at least one of the following as the data included in the information interface displayed by the first animation file: data belonging to a first data type, image data in an image sub-file; The replacement module is configured to replace at least one of the data as to-be-replaced content, and replace the to-be-replaced content with a corresponding placeholder; The obtaining module is configured to obtain data of a target dimension, perform a filtering operation on the data of the target dimension based on a second data type to obtain data belonging to the second data type, and the target dimension includes at least one of the following: user information, product information, and a recommendation dimension; Perform a filtering operation on the data belonging to the second data type based on a target data attribute to obtain attribute data consistent with the target data attribute, and take the attribute data as target data, wherein the target data is used to update the first animation file; The filling module is configured to match the target data with the to-be-replaced content, and fill the target data into a placeholder corresponding to the to-be-replaced content. The generation module is configured to generate a second animation file based on a filling result.

9. The apparatus of claim 8, wherein, The first animation file includes a data sub-file and an image sub-file; and the parsing module is specifically configured to: traverse the data sub-file based on a first data type to obtain data belonging to the first data type.

10. The apparatus of claim 8, wherein, After the parsing of the first animation file to obtain the data included in the information interface displayed by the first animation file, based on a data replacement identifier, find the data included in the information interface to obtain at least one of the data to be replaced; or determine a plurality of layers corresponding to the information interface based on the first animation file; determine a to-be-replaced layer from the plurality of layers based on a layer replacement identifier; take data corresponding to the to-be-replaced layer in the first animation file as at least one of the data to be replaced.

11. The apparatus of claim 8, wherein, Before performing a filtering operation on the data belonging to the second data type based on a target data attribute, the obtaining module is further configured to: perform a cleaning operation on the data of the target dimension based on a cleaning rule; The cleaning rule includes at least one of the following: a business cleaning rule, an attribute cleaning rule, a similarity cleaning rule, and a true-false cleaning rule.

12. The apparatus of claim 8, wherein, The filling module is specifically configured to: compare a string corresponding to the target data with a part of a string corresponding to the to-be-replaced content; when the comparison is consistent, determine that the target data matches the to-be-replaced content; when the comparison is inconsistent, determine that the target data does not match the to-be-replaced content.

13. The apparatus of claim 8, wherein, The filling module is specifically configured to: When the type corresponding to the target data is a picture, a storage path corresponding to the target data is filled into a placeholder corresponding to the matched content to be replaced; When the type corresponding to the target data is text, a string corresponding to the text of the target data is filled into a placeholder corresponding to the matched content to be replaced.

14. The apparatus of claim 8, wherein, The second animation file is associated with a user account, and the generation module is further configured to, after generating the second animation file based on the filling result, perform synthesis processing on data in each layer of the second animation file; perform rendering on each frame in the second animation file after the synthesis processing, to obtain an animation associated with the user account.

15. An electronic device, comprising: comprise: a memory configured to store computer executable instructions; a processor configured to execute the computer executable instructions stored in the memory, to implement the animation processing method according to any one of claims 1 to 7.

16. A computer-readable storage medium, characterized in that, The computer executable instructions are stored in the memory and are configured to be executed by the processor, to implement the animation processing method according to any one of claims 1 to 7.

17. A computer program product comprising computer executable instructions, characterised in that, The computer executable instructions are executed by the processor, to implement the animation processing method according to any one of claims 1 to 7.

Images