Dynamic effect generation method and device, storage medium and computer equipment

Abstract

The invention discloses a dynamic effect generation method and device, a storage medium and computer equipment, and relates to the technical field of Internet. The method comprises the steps that dynamic effect material information is acquired, and the dynamic effect material information comprises dynamic effect pictures and dynamic effect attributes; determining a dynamic effect template file based on the dynamic effect picture and / or the dynamic effect attribute; performing adaptive processing on the dynamic effect picture according to the dynamic effect template file, and synthesizing the processed dynamic effect picture and the dynamic effect template file to obtain a dynamic effect file of the dynamic effect picture; and rendering the dynamic effect file of the dynamic effect picture to display the dynamic effect of the dynamic effect picture. According to the method, the generation efficiency of the dynamic effect in the application program can be effectively improved, the workload of manually generating the dynamic effect is reduced, and the output efficiency of the dynamic effect is improved.

Description

Technical Field

[0001] This application relates to the field of Internet technology, and in particular to a method, apparatus, storage medium and computer equipment for generating motion effects. Background Technology

[0002] With the rapid development of internet technology and the continuous improvement of user experience requirements, dynamic effects (animations) in internet applications have become an important means to enhance user interaction and improve the effectiveness of information delivery. For example, in internet products, especially in the e-commerce field, animations can be used to enrich the visual effects of product displays, store decorations, and marketing activities, greatly enhancing the user experience.

[0003] However, creating motion effects requires professional UI / UX designers and meticulous design using specialized software before exporting them as motion effect files. This process might be acceptable for creating a single or small number of motion effects, but in e-commerce applications, due to the diverse range of products and varied marketing scenarios, it's often necessary to generate diverse motion effect files from different product images, store images, and marketing images. Under such demands, using the traditional one-by-one creation method not only leads to a significant increase in the workload for designers, resulting in repetitive work, but also significantly increases labor costs and reduces the efficiency of motion effect output. Summary of the Invention

[0004] In view of this, the embodiments of this application provide a motion effect generation method, apparatus, storage medium and computer equipment, the main purpose of which is to solve the technical problems of high labor cost and low output efficiency in motion effect generation.

[0005] According to one aspect of this application, a motion effect generation method is provided, the method comprising:

[0006] Obtain motion effect material information, wherein the motion effect material information includes motion effect images and motion effect attributes;

[0007] Based on the animated image and / or the animated attributes, determine the animated template file;

[0008] Based on the motion effect template file, the motion effect image is adaptively processed, and the processed motion effect image and the motion effect template file are combined to obtain the motion effect file of the motion effect image;

[0009] The animation file of the animated image is rendered to display the animation effect of the animated image.

[0010] Optionally, obtaining the animation material information includes: in response to the selection operation of the animation material, obtaining the animation image and animation attributes, wherein the animation attributes include the animation template name and the animation application position; and / or, in response to the page browsing operation, extracting the image in the current page as the animation image, and extracting the attribute information corresponding to the animation image as the animation attributes, wherein the animation attributes include the animation application position and the animation main information.

[0011] Optionally, the step of obtaining the animation image and animation attributes in response to the selection operation of the animation material includes: determining the animation template name and the animation application position in response to the selection operation of the animation attributes; the step of determining the animation template file based on the animation image and / or the animation attributes includes: determining the animation template file based on the animation template name and the animation application position.

[0012] Optionally, if the animation template file contains path information for a sample image, the method further includes: rendering the animation template file to display the animation effect of the sample image; obtaining the animation image to be replaced in response to the replacement operation of the sample image; rendering the animation file of the animation image to display the animation effect of the animation image includes: displaying the animation effect of the animation image after the sample image is replaced with the animation image; and displaying the animation effect of the animation image on a preset page in response to the publication of the animation effect of the animation image.

[0013] Optionally, the step of obtaining the animation image and animation attributes in response to the selection operation of the animation material further includes: obtaining and displaying at least one animation image in response to the import operation of the animation image; rendering the animation file of the animation image to display the animation effect of the animation image includes: for any imported animation image, after the animation template name and the animation application position are selected, displaying the animation effect of the animation image; and displaying the animation effect of the animation image on a preset page in response to the publication of the animation effect of the animation image.

[0014] Optionally, the motion effect attribute further includes motion effect subject information; then, the step of obtaining the motion effect image and motion effect attribute in response to the selection operation of the motion effect material further includes: obtaining the motion effect subject information, wherein the motion effect subject information includes at least one of the motion effect subject name, motion effect subject attribute, and motion effect description information; the step of adaptively processing the motion effect image according to the motion effect template file includes: adding motion effect element information to the motion effect image based on at least one of the motion effect subject name, motion effect subject attribute, and motion effect description information to obtain the processed motion effect image.

[0015] Optionally, the step of extracting images from the current page as animation images and extracting attribute information corresponding to the animation images as animation attributes in response to page browsing operations includes: obtaining user behavior information in response to page browsing operations, wherein the user behavior information includes at least one of browsing behavior information, click behavior information, and search behavior information; selecting at least one animation target in the current page browsed by the user based on the user behavior information, extracting the image information of the animation target in the current page as animation images, and extracting the attribute information of the current page and the text information of the animation target in the current page as animation attributes.

[0016] Optionally, the motion effect attributes include the motion effect application position and motion effect subject information; then, determining the motion effect template file based on the motion effect image and the motion effect attributes includes: performing image detection on the motion effect image to identify the motion effect subject in the motion effect image, and determining the motion effect template file based on the attribute information of the motion effect subject and the motion effect application position; and / or, determining the motion effect template file based on the similarity between the motion effect subject information and the description information of the motion effect template file and the motion effect application position, wherein the motion effect subject information includes at least one of the following: motion effect subject name, motion effect subject attributes, and motion effect description information.

[0017] Optionally, the adaptive processing of the animated image based on the animated template file includes: identifying the main subject of the animated image and performing background removal on the main subject to obtain a processed animated image; and / or, determining a filter for the animated image based on the main subject and adding the filter to the animated image to obtain a processed animated image; and / or, retaining the main subject of the animated image and extending the background image in the animated image to obtain a processed animated image; and / or, enlarging the main subject of the animated image to use it as the animated image. The animation image is processed by combining the background image and the animation image to obtain a processed animation image; and / or, based on the color of the main animation element in the animation image, a background image of the animation image is generated, and the animation image and the background image are combined to obtain a processed animation image; and / or, based on the animation attributes, animation element information is added to the background image of the animation image to obtain a processed animation image; and / or, based on the main animation element in the animation image, multiple sizes and / or multiple color schemes of background images are determined, and the main animation element and each of the background images are combined to obtain multiple processed animation images.

[0018] Optionally, the step of compositing the processed animated image and the animated template file to obtain the animated file of the animated image includes: obtaining the path information of the processed animated image; replacing the path information of the image in the animated template file based on the path information of the processed animated image to obtain the animated file of the animated image; storing the animated file of the animated file and sending the path information of the animated file.

[0019] Optionally, rendering the animation file of the animated image to display the animation effect of the animated image includes: displaying the animation effect of the animated image in response to the animated image being displayed on the current page; and / or, displaying the animation effect of the animated image in response to a triggering operation of the animated image; and / or, displaying the animation effect of the animated image in a loop, or, displaying the animation effect of the animated image once.

[0020] According to another aspect of this application, a motion effect generation apparatus is provided, the apparatus comprising:

[0021] The motion effect material acquisition module is used to acquire motion effect material information, wherein the motion effect material information includes motion effect images and motion effect attributes;

[0022] Animation template determination module, used to determine animation template file based on the animation image and / or the animation attributes;

[0023] The motion effect file compositing module is used to adaptively process the motion effect image according to the motion effect template file, and to combine the processed motion effect image and the motion effect template file to obtain the motion effect file of the motion effect image;

[0024] The animation file rendering module is used to render the animation file of the animation image to display the animation effect of the animation image.

[0025] According to another aspect of this application, a storage medium is provided that stores a computer program thereon, which, when executed by a processor, implements the above-described motion effect generation method.

[0026] According to another aspect of this application, a computer device is provided, including a storage medium, a processor, and a computer program stored on the storage medium and executable on the processor, wherein the processor executes the program to implement the above-described motion effect generation method.

[0027] By employing the above technical solutions, the embodiments of this application provide a motion effect generation method, apparatus, storage medium, and computer device. First, motion effect material information is acquired. Then, a motion effect template file is determined based on the motion effect image and / or motion effect attributes. Next, the motion effect image is adaptively processed according to the motion effect template file. The processed motion effect image and the motion effect template file are then combined to obtain a motion effect file for the motion effect image. Finally, the motion effect file for the motion effect image is rendered to display the motion effect effect of the image. This method can determine the motion effect template file based on the acquired motion effect material, and adaptively process the motion effect image based on the characteristics of the motion effect template and the motion effect image. Then, the processed motion effect image and the motion effect template file are combined to generate a motion effect image for display. This method can effectively improve the efficiency of motion effect generation in applications, reduce the workload of manually generating motion effects, and increase the output efficiency of motion effects.

[0028] The above description is only an overview of the technical solution of this application. In order to better understand the technical means of this application and to implement it in accordance with the contents of the specification, and to make the above and other objects, features and advantages of this application more obvious and understandable, the following are specific embodiments of this application. Attached Figure Description

[0029] The accompanying drawings, which are included to provide a further understanding of this application and form part of this application, illustrate exemplary embodiments and are used to explain this application, but do not constitute an undue limitation of this application. In the drawings:

[0030] Figure 1 A flowchart illustrating a motion effect generation method provided in an embodiment of this application is shown;

[0031] Figure 2 A scene diagram illustrating a motion effect generation method provided in an embodiment of this application is shown;

[0032] Figure 3 A scene diagram illustrating a motion effect generation method provided in an embodiment of this application is shown;

[0033] Figure 4 A scene diagram illustrating a motion effect generation method provided in an embodiment of this application is shown;

[0034] Figure 5 A schematic diagram of the structure of a motion effect generation device provided in an embodiment of this application is shown. Detailed Implementation

[0035] The present application will be described in detail below with reference to the accompanying drawings and embodiments. It should be noted that, unless otherwise specified, the embodiments and features described in the embodiments of the present application can be combined with each other.

[0036] In existing technologies, motion effect creation primarily focuses on images in formats such as GIF and APNG. These solutions generally rely on complex AI models or remote server processing, with the underlying models or algorithms deployed on cloud servers. This not only consumes significant GPU resources but also limits the real-time display capabilities of client-side motion effects due to factors such as network latency. Furthermore, while existing solutions for generating motion effects from motion effect files can achieve rich motion effect displays, the creation of each motion effect requires designers to manually create the corresponding motion effect file. This process is highly repetitive, significantly increasing labor costs and reducing the efficiency of motion effect production.

[0037] To address the above problems, in one embodiment, such as Figure 1 As shown, a method for generating motion effects is provided, which can be applied to various computer devices such as smart terminals, laptops, and desktop computers. For example, in the e-commerce field, this method can be applied to computer devices such as client-side, merchant-side, and operation-side devices. When applying this method, the device does not need to frequently interact with the server to generate motion effects on the device side. The following steps are used as an example of applying this method to computer devices:

[0038] Step 101: Obtain motion effect material information, which includes motion effect images and motion effect attributes.

[0039] Animation effects refer to the combined animations on a device screen that create elements on the page through actions such as translation, scaling, rotation, transparency, and 3D. Animation effect material information refers to the material information used to create animation effects, mainly including animation images and animation attributes. Animation images are the images used to create animations; one or more animation images can be used to create a single animation. Animation attributes are information that assists in creating animations, generally including the animation template name, the animation effect's location on the page, the animation subject name (the name of the main body in the animation image), the animation subject attributes (the attributes of the main body in the animation image), and the animation text description (a description of the animation's action). The animation subject refers to the main target object displayed in the animation image. For example, in e-commerce, the main object in a product image is the product itself, such as milk tea or noodles. By using animated images and animation attributes, computer devices can select more accurate animation template files, thereby creating animation files that are more suitable for the animated images and displaying animation effects that are more suitable for the animated images.

[0040] Specifically, when creating motion effects, the first step is to acquire motion effect material information. This information can be obtained by the user through various methods such as uploading, selecting, or inputting. In this scenario, the user can select suitable motion effect images and attributes to create the motion effect according to their needs. In this embodiment, the user type can be determined based on the category of the computer device. Taking an e-commerce scenario as an example, if the computer device is a client, the user can be a customer; if it is a merchant, the user can be a merchant; if it is an operations device, the user can be an operations person, and so on. Furthermore, the method and order of acquiring motion effect material information can also be set according to the actual scenario. For example, the user can first select the motion effect template name and motion effect application position, and then select the motion effect image to create the motion effect; alternatively, the user can first import the motion effect image, and then determine the motion effect template name and motion effect application position, etc., to create the motion effect. This embodiment does not impose specific limitations on these aspects.

[0041] Furthermore, motion effect material information can also be automatically acquired by the computer device during application execution. In this scenario, the user can be a user using the client. While the user is browsing the application, the computer device can automatically acquire the user's behavioral information, including browsing, clicking, and searching information, and determine the user's needs based on this information (i.e., user intent recognition), thereby selecting at least one motion effect target to generate an animation based on the user's needs. This motion effect target can be a product, a store, etc. Then, the computer device can extract the image of the motion effect target on the current page, the information of the current page, and the information corresponding to the image as motion effect material information. In this embodiment, the motion effect target selected by the computer device can be a target currently displayed on the page or a target not yet displayed. The user behavioral information collected by the computer device is mainly information cached on the computer device, and some information can also be obtained from the server. In this embodiment, by collecting user behavioral information and motion effect material information locally on the computer device and generating motion effects directly on the device, the efficiency of motion effect generation can be effectively improved. Generally, it only takes about 100 milliseconds for a computer device to generate an animation from selecting a target. Users can directly view the animation of the product while browsing the page, which can greatly enhance the user's interactive experience and increase the effectiveness of information delivery.

[0042] Step 102: Determine the animation template file based on the animation image and / or animation attributes.

[0043] In this context, a motion effect template file refers to a pre-designed template file for a specific motion effect. By replacing the images in the motion effect template file, a motion effect file for the replaced image can be generated. Taking a JSON-formatted motion effect file as an example, the file can contain a source declaration for the motion effect images and a motion effect description for each image. In this embodiment, by defining a replacement logic rule, the image source in the motion effect template file can be replaced with the processed motion effect image, thereby generating a new motion effect file. When the motion effect file is a motion effect template file, the image source field can be specified as a specific string, and this string can be replaced with the source address of the target image.

[0044] Specifically, after obtaining motion effect material information such as motion effect images and motion effect attributes, computer equipment can determine the motion effect template file based solely on the motion effect image, or solely on the motion effect attributes, or simultaneously based on both motion effect images and motion effect attributes. In this embodiment, the computer device can determine the animation template file based on the attributes of the main body of the animation in the animation image. For example, when the main body of the animation in the animation image is detected to be hot food such as rice or noodles, the animation file of "food emitting steam" can be used as the animation template file of the animation image. In addition, the computer device can also determine the animation template file based on information such as the animation template name and the position of the animation effect in the animation attributes. For example, when the animation template name is detected to be "zoom in and shake left and right on the main body of the animation" and the position of the animation effect is a product image in the product list, the animation file of "zoom in and shake left and right on the main body of the animation" can be used as the animation template file of the animation image. Furthermore, the computer device can also determine the animation file based on both the animation image and the animation attributes. For example, when the main body of the animation in the animation image is detected to be fruit and the animation attribute of the main body includes the words "special offer", the animation file of "special offer" can be used as the animation template file of the animation image. It is understood that there are many ways to determine the animation template file, and they will not be listed one by one here. The examples above are not intended to limit this embodiment.

[0045] Step 103: Based on the animation template file, perform adaptive processing on the animation image, and then combine the processed animation image and the animation template file to obtain the animation file of the animation image.

[0046] Adaptive processing refers to the processing of images based on the requirements of the animation template file and / or the image enhancement requirements. This processing can improve the compatibility between the image and the animation template file, as well as enhance the visual effect of the animation. For example, adaptive processing may include processing the size of the animation image to ensure it meets the size requirements of the animation template file; it may also include image cutout processing of the main body of the animation image so that the animation template file can directly composite the animation onto the main body; adaptive processing may also include generating a background image for the animation image so that the animation template file can create animations based on the animation image with the composited background image. In addition, computer equipment can also generate a background image for the animation image based on the color and attributes of the main body of the animation, or extend the background image that is already present in the animation image into a background image of appropriate size, and so on.

[0047] Furthermore, after adaptive processing of the animated images, the processed animated images and animated template files can be combined. This involves replacing the image addresses in the animated template file with the address information of the animated images to obtain the animated file containing the animated images. In this embodiment, the same animated template file can be used, and by applying different image materials to this template file, several different animated files can be dynamically generated. For example, in the e-commerce field, the above method can generate different animated effects for different product images, store images, marketing images, etc., thereby producing one animated template file and generating several animated files. This allows for diversified display of animated effects for different users and products, improving the efficiency of animated effect production.

[0048] Step 104: Render the animation file of the animated image to display the animation effect of the animated image.

[0049] Specifically, after synthesizing the animation file of the animated image, the computer device can render the animation file to allow the user to view the animation effect. In this embodiment, after generating the animation effect of the animated image, the computer device can allow the user to preview the animation effect, and after the user confirms and submits the animation effect, the animation effect is then displayed at a preset location on the client. Alternatively, the computer device can also directly render the animation file of the animated image on the client after generating it and display the animation effect at a preset location on the client. The above methods can improve the user's interactive experience and visual effects.

[0050] The animation generation method provided in this embodiment has a relatively low overall computational load and can be deployed independently in client programs (including but not limited to Android, iOS, and Windows / Linux / Mac programs). The animation template file can be remotely sent and then downloaded to the client's local machine for processing. Similarly, the images used to replace strings in the animation template file can also be remotely sent and downloaded to the client's local machine for processing. This method eliminates the cost of designers creating multiple sets of animations, improving animation output efficiency. Furthermore, this method can be distributed across various clients, reducing the pressure and cost of centralized server processing. Processed animations can be used immediately on the client side without long waiting times, demonstrating high real-time performance.

[0051] By applying the technical solution of this embodiment, an animation template file can be automatically determined based on the acquired animation materials. Based on the characteristics of the animation template and the animation image, adaptive processing is performed on the animation image. Then, the processed animation image and the animation template file are combined to generate and display the animation effect of the image. This method can effectively improve the efficiency of animation generation in applications, reduce the workload of manually generating animations, and increase the output efficiency of animations.

[0052] The above-described animation generation method can be applied to various application scenarios. Taking e-commerce applications as an example, the method can be applied to the merchant side to help merchants decorate their stores and products; it can also be applied to the operations side to help operations personnel decorate images on various pages such as product lists, merchant lists, and theme pages; and it can also be applied to the client side to select animation material information based on user behavior information and create animations when users browse pages, thereby enhancing the user's visual experience.

[0053] In one embodiment, taking the above-described animation generation method applied to the merchant's side or the operations side as an example, the method may include the following steps:

[0054] Step 201: In response to the selection of animation material, obtain the animation image and animation attributes, where the animation attributes include the animation template name and the position where the animation is applied.

[0055] Step 202: Determine the animation template file based on the animation template name and the location where the animation is applied.

[0056] Step 203: Based on the animation template file, perform adaptive processing on the animation image, and then combine the processed animation image and the animation template file to obtain the animation file of the animation image.

[0057] Step 204: Render the animation file of the animated image to display the animation effect of the animated image. In response to the publication of the animation effect of the animated image, display the animation effect of the animated image on the preset page.

[0058] The animation template name refers to the name of the animation template displayed on the merchant's or operator's end for users to choose from, such as "Multiple Images Carousel and Zoom In" or "Main Image Zoom In and Jump." The animation application location refers to the location where the animation will be displayed after it is published, such as the store homepage, store logo, product list, merchant list, etc. Users can select both the animation template name and the animation application location when creating the animation. After the user selects the animation template name and the animation application location, the computer device will automatically determine the animation template file based on the selected name and location.

[0059] In this embodiment, the animation template file can be determined based on the user-selected animation template name and animation application position. This template determination method is relatively direct and explicit. In this scenario, the computer device can support users in customizing the animation effects of images to ensure that the generated animation effects meet the user's needs. Furthermore, the designed animation effects can be previewed before publication, allowing users to confirm the effects. After the animation effects are submitted, they can be displayed at a preset location on the client, where the display location corresponds to the animation application position selected during animation creation.

[0060] In one embodiment, steps 201 to 204 can be implemented as follows: In response to a selection operation of the animation attribute, the computer device determines the animation template name and the animation effect location, and then determines the animation template file based on the animation template name and the animation effect location. Further, the computer device can render the animation template file to display the animation effect of the example image in the animation template file. Subsequently, in response to a replacement operation of the example image, the computer device can obtain the animation image to be replaced, and after the example image is replaced with the animation image, perform adaptive processing on the animation image according to the animation template file, and synthesize the processed animation image and the animation template file to obtain the animation file of the animation image. Finally, the animation file of the animation image is rendered to display the animation effect of the animation image. Then, in response to the release of the animation effect of the animation image, the animation effect of the animation image is displayed on a preset page.

[0061] For example, the motion effect generation method described in steps 201 to 204 can be applied to the client or operational side of an application to improve the efficiency and user experience of merchants and operational personnel (hereinafter referred to as users) in generating motion effects. (See reference...) Figure 2When creating animation effects, users can first select "Product Image Decoration for Shop A" as the application location and "Animation Template Name A" as the animation template name. The computer then displays the animation effect of the sample image corresponding to "Animation Template Name A". In this scenario, users can click on the sample image to replace it with the animation image to be processed. Subsequently, the computer can composite the animation image and the animation template file, and render the composite animation file to display the animation effect. This allows users to preview and submit the animation effect, ensuring it takes effect on the preset page.

[0062] In the above embodiments, the image replacement method can be designed according to the actual situation. For example, users can replace images by clicking on them or by clicking the "image upload button." In addition to animated images, other elements in the animation template file, such as icons and text, can also be replaced. Furthermore, the image animation can change along with the animation template name, the animation application position, and the animated image itself, allowing users to view multiple animation effects in real time during the animation creation process, thereby improving the generated animation effect and enhancing the user experience.

[0063] In one embodiment, steps 201 to 204 can also be implemented as follows: In response to the import operation of the animated image, the computer device acquires and displays at least one animated image. Then, in response to the selection operation of the animated attribute, it determines the animated template name and the position of the animated effect, and then determines the animated template file based on the animated template name and the position of the animated effect. Subsequently, for any imported animated image, adaptive processing can be performed on the animated image according to the determined animated template file, and the processed animated image and the animated template file are synthesized to obtain the animated file of the animated image. Finally, the animated file of the animated image is rendered to display the animated effect of the animated image, and in response to the publication of the animated effect of the animated image, the animated effect of the animated image is displayed on a preset page.

[0064] For example, the motion effect generation method described in steps 201 to 204 can be applied to the client or operational side of an application to improve the efficiency and user experience of merchants and operational personnel (hereinafter referred to as users) in generating motion effects. (See reference...) Figure 3When creating animation effects, users can import a set of animated images to create one animation, or import multiple sets of images to create multiple animations. Users can then select the animation application location as "Product List of the Operation Platform" and the animation template name as "A Animation Template Name". The computer then determines the animation template file based on the user's selected template name and application location, composites the currently edited animated image and template file, and renders the composite animation file to display the animation effect. This allows users to preview and submit the animation effect, ensuring it takes effect on the preset page. In this example, when the user imports multiple sets of images, the computer can generate the same animation effect for multiple sets in batches, or generate different animation effects for each set individually. This approach balances the efficiency of animation generation with the diversity of animation display.

[0065] In the above embodiments, a set of images refers to one or more related animated images, such as multiple images corresponding to the same product. A set of images can be used to create one animated effect, such as creating a carousel animation of multiple images. Multiple sets of images refer to multiple animated images that are not related, such as multiple images corresponding to different products in a product list. Multiple sets of images can be used to create multiple animated effects. In this embodiment, by supporting users to import multiple sets of images in batches for animation editing, the animation effects of multiple sets of images can be generated at once, thereby improving the efficiency of animation generation and enhancing the user experience.

[0066] In one embodiment, in addition to the animation template name and the location of the animation effect, the animation effect attribute may also include animation body information, wherein the body information may include at least one of the following: animation body name, animation body attribute, and animation description information. Accordingly, steps 201 to 204 may also include the following implementation: obtaining the animation body information, and adding animation element information to the animation image based on at least one of the animation body name, animation body attribute, and animation description information in the animation body information, thereby obtaining the processed animation image.

[0067] In this context, the animation subject name refers to the name of the main element in the animation image, such as "milk tea" or "noodles"; the animation subject attribute refers to the attribute of the main element in the animation image, such as "two cups" or "9.9 yuan"; the animation text description refers to the descriptive information about the animation subject or effect, such as "steaming hot noodles" or "special offer"; and the animation element information refers to the information about elements such as icons and text that can be added to the animation, which can be used to enhance the image effect. In this embodiment, the animation subject name, animation subject attribute, and animation text description can be input by the user when creating the animation, or obtained through other methods such as recognizing text in the animation image or extracting information related to the animation image.

[0068] In the above embodiments, the computer device can obtain motion effect subject information such as the motion effect subject name, motion effect subject attributes, and motion effect description information. Then, based on this information, it can select or generate at least one motion effect element information and add it to the motion effect image, thereby improving the information transmission effect of the motion effect image. For example, the computer device can add the slogan from the motion effect subject attributes as motion effect element information to the background image of the motion effect image. Alternatively, it can select corresponding icons or text as motion effect element information and add them to the motion effect image based on the similarity between the motion effect subject information and icons in the icon library or text in the text library. In this embodiment, the motion effect element information can be displayed statically in the motion effect image or dynamically in the motion effect effect of the motion effect image.

[0069] In the above embodiments, the selection, generation, and addition methods of animation element information can be set according to actual conditions, and this embodiment does not impose specific limitations. By adding animation element information to animation images based on the main animation information, the above embodiments can effectively improve the information transmission effect of animation images, thereby enhancing the animation effect and improving the user experience.

[0070] In one embodiment, taking the above-described motion effect generation method applied to a client as an example, the method may further include the following steps:

[0071] Step 301: In response to the page browsing operation, extract the image in the current page as the animation image, and extract the attribute information corresponding to the animation image as the animation attribute.

[0072] Step 302: Determine the animation template file based on the animation image and / or animation attributes.

[0073] Step 303: Based on the animation template file, perform adaptive processing on the animation image, and then combine the processed animation image and the animation template file to obtain the animation file of the animation image.

[0074] Step 304: Render the animation file of the animated image to display the animation effect of the animated image.

[0075] In the above embodiments, the computer device can acquire images from the current page as animated images in real time during the user's browsing process, and extract the attribute information corresponding to the animated images as animated attributes. For example, when a user browses a product list, the computer device can extract the product image corresponding to a certain product in the product list as an animated image, and extract the text information corresponding to that product, as well as the attribute information of the product list page, as animated attributes. Then, the computer device can determine the animated template file based on the extracted animated images and animated attributes. In this scenario, the computer device does not obtain the animated template name; therefore, the computer device can determine the animated template file based on the attribute information of the animated subject in the animated image and the extracted animated attributes. The method for determining the animated template file can be referred to the relevant description in step 102, which will not be repeated here. Further, after determining the animated template file, the computer device can process the animated images, synthesize the animated files of the animated images, and then render the synthesized animated files to display the animated effects of the animated images in real time on the client. The above methods allow users to view the animation effects on the page in real time while browsing, thereby improving the real-time nature of the animation output and the effectiveness of information delivery.

[0076] In one embodiment, step 301 can be implemented as follows: In response to a page browsing operation, the computer device acquires user behavior information, wherein the user behavior information may include at least one of browsing behavior information, click behavior information, and search behavior information. Then, based on the user behavior information, the computer device can select at least one animated target on the current page being browsed by the user, extract the image information of the animated target on the current page as an animated image, and extract the attribute information of the current page and the text information of the animated target on the current page as animated attributes.

[0077] In the above embodiments, the computer device can acquire user behavior information in real time and determine the animation target to be displayed based on the user behavior information. This process can be understood as an intent recognition process. It should be noted that the above-mentioned user behavior information collection and processing process is somewhat different from the user behavior information collection and processing methods in the prior art. This difference is mainly reflected in the different scope of user behavior information collection and the timing of processing. In the current scenario, the computer device mainly collects user behavior information from the current day or the past few days. This information can be directly obtained from the local cache information of the computer device, thereby improving the speed of information collection. In addition, when the information is insufficient, data from the server can also be collected as a supplement. Furthermore, after collecting user behavior information, the computer device can make a decision in a short time, that is, determine the animation target to be displayed (such as a product or store), and then collect the image information of the animation target on the current page as the animation image, and extract the attribute information of the current page and the text information of the animation target on the current page as the animation attribute, and then select the animation template file, generate the animation effect of the animation target, and display it on the client.

[0078] For example, refer to Figure 4 The computer device can determine the animation target as "XX Noodle Shop" based on user behavior information. Subsequently, the computer device can extract the image and text of this target as animation material information to generate the animation effect. For example... Figure 4 This can generate animations that extend product images into background images and allow them to move. This effectively enhances the page display and information delivery.

[0079] In the above embodiments, different users exhibit different behaviors, resulting in variations in the animation targets they perceive. Furthermore, even when displaying the same target, different animation effects can be produced, thus diversifying the animation display and effectively enhancing both the animation effects and the user experience.

[0080] In one embodiment, step 302 can be implemented as follows: a computer device performs image detection on the motion effect image, identifies the motion effect subject in the motion effect image, and determines the motion effect template file based on the attribute information of the motion effect subject and the position of the motion effect; and / or, determines the motion effect template file based on the similarity between the motion effect subject information and the description information of the motion effect template file and the position of the motion effect, wherein the motion effect subject information includes at least one of the following: motion effect subject name, motion effect subject attributes, and motion effect description information.

[0081] In the above embodiments, the computer device can determine the animation template file based on at least one of the attribute information of the animation subject in the animation image and the text information recorded in the animation attribute. For example, when the computer device detects that the animation subject in the animation image is hot food such as rice or noodles, it can use the animation file of "food steaming" as the animation template file of the animation image; when it detects that there are multiple animation subjects in the animation image, it can use the animation file of "multiple images in rotation" as the animation template file of the animation image; when it detects that the animation subject in the animation image is fruit, and the animation subject attribute in the animation attribute includes text information such as "special offer", it can use the animation file of "special offer" as the animation template file of the animation image, and so on. It is understood that there are many ways to determine the animation template file, and they will not be listed here. The examples above are not intended to limit this embodiment.

[0082] In the above embodiments, by determining the animation template file through various information such as the attribute information of the animation subject in the animation image and / or the text information in the animation subject information, the compatibility between the animation image and the animation template file can be effectively improved, thereby enhancing the animation display effect and improving the user experience.

[0083] In one embodiment, the adaptive processing of the motion image in steps 103, 203, and 303 can be implemented in at least one of the following ways:

[0084] Method 1: Identify the main subject of the animation in the animated image, and then cut out the main subject to obtain the processed animated image.

[0085] Method 2: Based on the main subject of the animated image, determine the filter for the animated image and add the filter to the animated image to obtain the processed animated image.

[0086] Method 3: Retain the main subject of the animation in the animated image and extend the background image in the animated image to obtain the processed animated image.

[0087] Method 4: Enlarge the main subject of the animation in the animated image and use it as the background image of the animated image. Then, combine the animated image and the background image to obtain the processed animated image.

[0088] Method 5: Based on the color of the main subject in the animated image, generate a background image for the animated image, and then combine the animated image and the background image to obtain the processed animated image.

[0089] Method 6: Based on the animation effect attribute, add animation element information to the background image of the animation effect image to obtain the processed animation effect image.

[0090] Method 7: Based on the main subject of the animated image, determine background images of various sizes and / or color schemes, and composite the main subject and each background image separately to obtain multiple processed animated images.

[0091] In the above embodiments, the computer device can process the animated image using at least one of the methods described above, thereby improving the compatibility between the processed animated image and the animated template file, and also enhancing the visual effect of the animation. In this embodiment, the specific method of image adaptive processing can be determined based on the image processing method configured within the computer device, the requirements of the animated template file for the animated image, and the image's own enhancement requirements; this embodiment does not impose specific limitations on this. By adaptively processing the animated image, this embodiment can make the generated animated effects more diverse, thereby improving the visual effect.

[0092] In one embodiment, the method of compositing the animation file of the animation image in steps 103, 203 and 303 can be implemented as follows: obtain the path information of the processed animation image, and replace the path information of the image in the animation template file based on the path information of the processed animation image to obtain the animation file of the animation image, and finally store the animation file of the animation file and send the path information of the animation file.

[0093] In the above embodiments, after processing the animated image, the path information of the image in the animated template file can be replaced based on the path information of the animated image, thereby synthesizing a new animated image animation file. Furthermore, after synthesizing the animated image animation file, the path information of the animation file can be sent out. Subsequently, the synthesized animation file can be obtained through the path information of the animation file, and the animation file can be rendered to display the animation effect of the animation file at a preset location on the client.

[0094] The above embodiments reduce the difficulty of compositing animation files and improve the efficiency of animation generation by replacing the image path information in the animation template file. Furthermore, by downloading the animation file path information, the efficiency of acquiring and rendering animation files can be improved, thereby enhancing the real-time performance of the animation effects.

[0095] In one embodiment, the method of displaying the animation effect of the animated image in steps 104, 204 and 304 can be implemented in at least one of the following ways: displaying the animation effect of the animated image in response to the animated image being displayed on the current page; and / or, displaying the animation effect of the animated image in response to the triggering operation of the animated image; and / or, displaying the animation effect of the animated image in a loop, or, displaying the animation effect of the animated image once.

[0096] In the above embodiments, after the animation effect is released, it can be displayed at the corresponding position on the preset page to enhance the page's display effect. In this embodiment, the animation effect can be displayed after the user enters the corresponding page, after the user triggers the corresponding image or button, or during the user's page browsing process. Furthermore, the animation effect can be configured for single-time display or loop display as needed. For example, the animation effect of each product image on the product page can be configured to be displayed once when the user scrolls to the location of the product image, thereby enhancing the user's impression of the product and improving the effectiveness of the product list page in conveying product information. It is understood that the above animation display method can be randomly configured or specifically configured according to the animation effect or page attributes. In this embodiment, no specific limitations are made on the display and configuration methods of the animation effect.

[0097] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties. Furthermore, the labels corresponding to each step in the above embodiments are only for identification purposes and are not intended to limit the order of execution of the steps. The order of execution of the steps in each embodiment can be set according to the actual situation.

[0098] Furthermore, as Figures 1 to 4 To specifically implement the method, this application provides a motion effect generation device, such as... Figure 5 As shown, the device includes:

[0099] The motion effect material acquisition module 41 can be used to acquire motion effect material information, wherein the motion effect material information includes motion effect images and motion effect attributes;

[0100] The animation template determination module 42 can be used to determine the animation template file based on the animation image and / or the animation attributes;

[0101] The motion effect file compositing module 43 can be used to adaptively process the motion effect image according to the motion effect template file, and to combine the processed motion effect image and the motion effect template file to obtain the motion effect file of the motion effect image;

[0102] The animation file rendering module 44 can be used to render the animation file of the animation image to display the animation effect of the animation image.

[0103] In specific application scenarios, the motion effect material acquisition module 41 can be used to obtain motion effect images and motion effect attributes in response to the selection operation of motion effect materials, wherein the motion effect attributes include the motion effect template name and the position of the motion effect; and / or, in response to the page browsing operation, extract the image in the current page as the motion effect image, and extract the attribute information corresponding to the motion effect image as the motion effect attribute, wherein the motion effect attribute includes the position of the motion effect and the motion effect main information.

[0104] In specific application scenarios, the motion effect material acquisition module 41 can be used to determine the motion effect template name and motion effect application position in response to the selection operation of motion effect attributes; the motion effect template determination module 42 determines the motion effect template file based on the motion effect template name and the motion effect application position.

[0105] In specific application scenarios, the animation template file contains path information for example images; the device also includes an animation preview module 45, which can be used to render the animation template file to display the animation effect of the example image; in response to the replacement operation of the example image, it obtains the animation image to be replaced; the animation file rendering module 44 is specifically used to display the animation effect of the animation image after the example image is replaced with the animation image; in response to the release of the animation effect of the animation image, it displays the animation effect of the animation image on a preset page.

[0106] In specific application scenarios, the motion effect material acquisition module 41 can be used to acquire and display at least one motion effect image in response to the import operation of the motion effect image; the motion effect file rendering module 44 can be used to display the motion effect of any imported motion effect image after the motion effect template name and the motion effect application position are selected; and in response to the release of the motion effect of the motion effect image, display the motion effect of the motion effect image on a preset page.

[0107] In specific application scenarios, the motion effect attributes also include motion effect subject information; the motion effect material acquisition module 41 can be used to acquire motion effect subject information, wherein the motion effect subject information includes at least one of motion effect subject name, motion effect subject attribute and motion effect description information; the motion effect file synthesis module 43 can be used to add motion effect element information to the motion effect image based on at least one of the motion effect subject name, motion effect subject attribute and motion effect description information to obtain a processed motion effect image.

[0108] In specific application scenarios, the motion effect material acquisition module 41 can also be used to respond to page browsing operations and acquire user behavior information, wherein the user behavior information includes at least one of browsing behavior information, click behavior information, and search behavior information; based on the user behavior information, at least one motion effect target is selected in the current page browsed by the user, and the image information of the motion effect target in the current page is extracted as the motion effect image, and the attribute information of the current page and the text information of the motion effect target in the current page are extracted as the motion effect attribute.

[0109] In specific application scenarios, the motion effect attributes include the motion effect application position and motion effect subject information; the motion effect template determination module 42 can be used to perform image detection on the motion effect image to identify the motion effect subject in the motion effect image, and determine the motion effect template file based on the attribute information of the motion effect subject and the motion effect application position; and / or, determine the motion effect template file based on the similarity between the motion effect subject information and the description information of the motion effect template file and the motion effect application position, wherein the motion effect subject information includes at least one of the following: motion effect subject name, motion effect subject attribute, and motion effect description information.

[0110] In specific application scenarios, the motion effect file synthesis module 43 can be used to identify the main motion effect subject in the motion effect image and perform image cutout processing on the main motion effect subject in the motion effect image to obtain a processed motion effect image; and / or, based on the main motion effect subject in the motion effect image, determine the filter of the motion effect image and add the filter to the motion effect image to obtain a processed motion effect image; and / or, retain the main motion effect subject in the motion effect image and extend the background image in the motion effect image to obtain a processed motion effect image; and / or, enlarge the main motion effect subject in the motion effect image and use it as the background of the motion effect image. The process involves: 1) combining the animated image and the background image to obtain a processed animated image; 2) determining the background image of the animated image based on the color of the main animated element in the animated image, and combining the animated image and the background image to obtain a processed animated image; 3) adding animated element information to the background image of the animated image based on the animated attribute to obtain a processed animated image; 4) determining background images of various sizes and / or color schemes based on the main animated element in the animated image, and combining the main animated element and each background image to obtain multiple processed animated images.

[0111] In specific application scenarios, the motion effect file synthesis module 43 can also be used to obtain the path information of the processed motion effect image; based on the path information of the processed motion effect image, replace the path information of the image in the motion effect template file to obtain the motion effect file of the motion effect image; store the motion effect file of the motion effect file, and send the path information of the motion effect file.

[0112] In specific application scenarios, the animation file rendering module 44 can be used to display the animation effect of the animation image in response to the animation image being displayed on the current page; and / or, to display the animation effect of the animation image in response to the triggering operation of the animation image; and / or, to display the animation effect of the animation image in a loop, or to display the animation effect of the animation image once.

[0113] It should be noted that other corresponding descriptions of the functional units involved in the motion effect generation device provided in this application embodiment can be found by referring to... Figures 1 to 4 The corresponding descriptions in the method will not be repeated here.

[0114] This application also provides a computer device, specifically a personal computer, server, network device, etc. The computer device includes a bus, processor, memory, and communication interface, and may also include input / output interfaces and a display device. The processor of the computer device provides computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and internal memory. The non-volatile storage medium stores an operating system, computer programs, and a database. The internal memory provides an environment for the operation of the operating system and computer programs in the non-volatile storage medium. The database of the computer device stores location information. The network interface of the computer device is used for communication with external terminals via a network connection. When the computer program is executed by the processor, it implements the steps in the various method embodiments.

[0115] Those skilled in the art will understand that the structure of the computer device described above is only a partial structure related to the solution of this application, and does not constitute a limitation on the computer device to which the solution of this application is applied. A specific computer device may include more or fewer components, or combine certain components, or have different component arrangements.

[0116] In one embodiment, a computer-readable storage medium is provided, which may be non-volatile or volatile, having stored thereon a computer program that, when executed by a processor, implements the steps in the above method embodiments.

[0117] In one embodiment, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps in the above method embodiments.

[0118] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium, and when executed, it can include the processes of the embodiments of the above methods. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, graphics processors, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, etc., and are not limited to these.

[0119] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0120] The embodiments described above are merely illustrative of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this patent application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.

Claims

1. A method for generating motion effects, characterized in that, The method includes: Obtain motion effect material information, wherein the motion effect material information includes motion effect images and motion effect attributes; Based on the animated image and / or the animated attributes, determine the animated template file; Based on the motion effect template file, the motion effect image is adaptively processed, and the processed motion effect image and the motion effect template file are combined to obtain the motion effect file of the motion effect image; The animation file of the animated image is rendered to display the animation effect of the animated image.

2. The method according to claim 1, characterized in that, The acquisition of motion effect material information includes: In response to the selection of animation material, the system obtains the animation image and animation attributes, wherein the animation attributes include the animation template name and the location where the animation applies; and / or, In response to a page browsing operation, an image in the current page is extracted as an animation image, and the attribute information corresponding to the animation image is extracted as animation attributes, wherein the animation attributes include the animation application position and the animation subject information.

3. The method according to claim 2, characterized in that, The process of responding to the selection of motion effect materials and obtaining motion effect images and attributes includes: In response to the selection of animation attributes, determine the animation template name and the location where the animation is applied; The step of determining the animation template file based on the animation image and / or the animation attributes includes: Based on the animation template name and the location where the animation is applied, the animation template file is determined.

4. The method according to claim 3, characterized in that, The animation template file contains path information for the example image; therefore, the method further includes: The animation template file is rendered to display the animation effect of the example image; In response to the replacement operation of the example image, obtain the animation image to be replaced; The rendering of the animation file of the animated image to display the animation effect of the animated image includes: After the example image is replaced with the animated image, the animation effect of the animated image is displayed; In response to the release of the animation effect of the animated image, the animation effect of the animated image is displayed on a preset page.

5. The method according to claim 3, characterized in that, The process of responding to the selection operation of motion effect material and obtaining motion effect images and motion effect attributes also includes: In response to the import operation of animated images, retrieve and display at least one animated image; The rendering of the animation file of the animated image to display the animation effect of the animated image includes: For any imported animated image, after the animated template name and the animated effect position are selected, the animated image's animation effect is displayed. In response to the release of the animation effect of the animated image, the animation effect of the animated image is displayed on a preset page.

6. The method according to any one of claims 2 to 5, characterized in that, The motion effect attributes also include motion effect subject information; therefore, the step of responding to the selection operation of motion effect material and obtaining motion effect image and motion effect attributes also includes: Obtain motion effect subject information, wherein the motion effect subject information includes at least one of motion effect subject name, motion effect subject attribute and motion effect description information; The adaptive processing of the animated image based on the animated template file includes: Based on at least one of the motion effect subject name, the motion effect subject attribute, and the motion effect description information, motion effect element information is added to the motion effect image to obtain the processed motion effect image.

7. The method according to claim 2, characterized in that, In response to a page browsing operation, the image in the current page is extracted as the animation image, and the attribute information corresponding to the animation image is extracted as the animation attribute, including: In response to a page browsing operation, user behavior information is obtained, wherein the user behavior information includes at least one of browsing behavior information, click behavior information, and search behavior information; Based on the user behavior information, at least one motion effect target is selected from the current page browsed by the user, and the image information of the motion effect target in the current page is extracted as the motion effect image, and the attribute information of the current page and the text information of the motion effect target in the current page are extracted as the motion effect attribute.

8. A motion effect generation device, characterized in that, The device includes: The motion effect material acquisition module is used to acquire motion effect material information, wherein the motion effect material information includes motion effect images and motion effect attributes; Animation template determination module, used to determine animation template file based on the animation image and / or the animation attributes; The motion effect file compositing module is used to adaptively process the motion effect image according to the motion effect template file, and to combine the processed motion effect image and the motion effect template file to obtain the motion effect file of the motion effect image; The animation file rendering module is used to render the animation file of the animation image to display the animation effect of the animation image.

9. A storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the method of any one of claims 1 to 7.

10. A computer device, comprising a storage medium, a processor, and a computer program stored on the storage medium and executable on the processor, characterized in that, When the processor executes the computer program, it implements the method of any one of claims 1 to 7.

Images