Dynamic effect configuration file and dynamic effect picture generation method and device, equipment and medium

By obtaining the interactive attributes and matching relationships of the target application scenario, generating the dynamic effect configuration file and calling the corresponding dynamic effect element code file, the problem of resource waste caused by repeated development of the dynamic effect screen in the existing technology is solved, and the reuse of the dynamic effect element code file and the reusability of the resource are achieved.

CN119829164APending Publication Date: 2025-04-15ROX MOTOR TECH CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202411898773.6
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-12-20
Publication Date
2025-04-15

AI Technical Summary

Technical Problem

The existing animation screen generation method has severe waste of resources due to repeated development, and the reusability of resources is not strong.

Method used

By obtaining the target interaction attributes of the target application scenario, and determining the dynamic effect configuration file based on the matching relationship between the interaction elements and the dynamic effect elements, the dynamic effect configuration file is obtained from the database for each target animation element in the dynamic effect configuration file, and the target animation screen of the target application scenario is generated.

Benefits of technology

Reuse of the animation element code files is realized, resource waste caused by repeated development is avoided, and resource reusability is enhanced.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119829164A_ABST
    Figure CN119829164A_ABST
Patent Text Reader

Abstract

The invention discloses a dynamic effect configuration file and dynamic effect picture generation method and device, equipment and a medium, and relates to the technical field of dynamic effect display. The dynamic effect picture generation method comprises the steps of obtaining a target interaction attribute of a target application scene, wherein the target interaction attribute comprises a plurality of target interaction elements; determining a dynamic effect configuration file of the target application scene based on a matching relationship between the interaction element and the dynamic effect element, the dynamic effect configuration file including each target dynamic effect element corresponding to the target application scene; and based on the dynamic effect configuration file, obtaining a code file of each target dynamic effect element from a database, and generating a target dynamic effect picture of the target application scene. Through the method and the device, the problem of resource waste caused by repeated development can be avoided, and the reusability of resources is enhanced.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application belongs to the field of motion effect display technology, and in particular relates to a method, device, equipment and medium for generating a motion effect configuration file and a motion effect picture. Background Art

[0002] In today's digital age, motion effects have become an indispensable part of products and services. As the intelligence of car cockpit systems deepens, motion effects play an increasingly important role in guiding users, enhancing interactive feedback, and shaping brand image.

[0003] In the existing methods of generating motion effects, the presentation of motion effects as detail elements is relatively scattered, and each scene may have its own unique motion effects. Different motion effect solutions usually need to be developed for different scenes.

[0004] However, as the interactive task logic structure, interface layout, number and distribution of car cockpit systems become increasingly diverse, the current method of generating dynamic images results in serious waste of resources due to repeated development and the reusability of resources is not strong. Summary of the invention

[0005] The embodiments of the present application provide a method, device, equipment and medium for generating a motion effect configuration file and a motion effect screen, which can avoid the problem of resource waste caused by repeated development and enhance the reusability of resources.

[0006] In one aspect of an embodiment of the present application, a method for generating a dynamic effect picture is provided, and the method for generating a dynamic effect picture includes:

[0007] Obtaining target interaction attributes of a target application scenario, where the target interaction attributes include multiple target interaction elements;

[0008] Based on the matching relationship between the interactive elements and the motion effect elements, determine the motion effect configuration file of the target application scenario, where the motion effect configuration file includes each target motion effect element corresponding to the target application scenario;

[0009] Based on the animation configuration file, the code files of each target animation element are obtained from the database to generate the target animation screen of the target application scenario.

[0010] In one aspect of an embodiment of the present application, a method for generating an animation configuration file is provided, and the method for generating an animation configuration file includes:

[0011] Obtaining a motion effect element library and an interactive element library, wherein the motion effect element library includes a plurality of motion effect elements associated with the motion effect screen, and the interactive element library includes a plurality of interactive elements associated with the interactive scene;

[0012] Based on the interactive properties of each motion effect element, a matching relationship between the interactive element and the motion effect element is determined, where the interactive properties include multiple interactive elements;

[0013] Obtain multiple preset application scenarios and interaction properties of each preset application scenario;

[0014] Based on the interactive properties of each preset application scenario and the matching relationship between the interactive elements and the motion effect elements, the motion effect elements corresponding to each preset application scenario are screened out from the motion effect element library to form motion effect configuration files for each preset application scenario.

[0015] In one aspect of an embodiment of the present application, a device for generating a dynamic effect picture is provided, and the device for generating a dynamic effect picture includes:

[0016] An attribute acquisition module is used to acquire target interaction attributes of a target application scenario, wherein the target interaction attributes include multiple target interaction elements;

[0017] A file generation module, used to determine a motion effect configuration file of a target application scenario based on a matching relationship between interactive elements and motion effect elements, wherein the motion effect configuration file includes each target motion effect element corresponding to the target application scenario;

[0018] The screen generation module is used to obtain the code files of each target motion effect element from the database based on the motion effect configuration file, and generate the target motion effect screen of the target application scenario.

[0019] In one aspect of an embodiment of the present application, a device for generating an animation configuration file is provided, and the device for generating an animation configuration file includes:

[0020] An element library acquisition module is used to acquire a motion effect element library and an interactive element library, wherein the motion effect element library includes a plurality of motion effect elements associated with the motion effect screen, and the interactive element library includes a plurality of interactive elements associated with the interactive scene;

[0021] A relationship determination module, used to determine a matching relationship between an interactive element and a motion effect element based on the interactive attributes of each motion effect element, wherein the interactive attributes include multiple interactive elements;

[0022] A scene acquisition module is used to acquire multiple preset application scenes and the interaction attributes of each preset application scene;

[0023] The file generation module is used to select the motion effect elements corresponding to each preset application scenario from the motion effect element library based on the interactive properties of each preset application scenario and the matching relationship between the interactive elements and the motion effect elements, and respectively constitute the motion effect configuration files of each preset application scenario.

[0024] In one aspect of an embodiment of the present application, an electronic device is provided, which includes: a memory and a program or instruction stored in the memory and executable on a processor, wherein when the program or instruction is executed by the processor, a method for generating a dynamic effect image as provided in any aspect of the above-mentioned embodiment of the present application is implemented.

[0025] In one aspect of an embodiment of the present application, a readable storage medium is provided, on which a program or instruction is stored. When the program or instruction is executed by a processor, a method for generating a dynamic effect picture provided in any aspect of the above-mentioned embodiment of the present application is implemented.

[0026] In one aspect of an embodiment of the present application, a computer program product is provided. When instructions in the computer program product are executed by a processor of an electronic device, the electronic device executes a method for generating a dynamic effect image as provided in any aspect of the above-mentioned embodiment of the present application.

[0027] In the method for generating the dynamic effect screen provided in the embodiment of the present application, the target interaction properties of the target application scenario are first obtained, and the target interaction properties include multiple target interaction elements. Then, based on the matching relationship between the interaction elements and the dynamic effect elements, the dynamic effect configuration file of the target application scenario is determined. Therefore, according to the dynamic effect configuration file, the code files of each target dynamic effect element in the dynamic effect configuration file are obtained from the database, and the target dynamic effect screen of the target application scenario can be generated. In this way, the embodiment of the present application obtains multiple dynamic effect elements by splitting and modularizing the dynamic effect screen resources, and then when it is necessary to generate a specific dynamic effect screen, it is only necessary to call the corresponding code files of each dynamic effect element for configuration and combination. Therefore, the code files of the dynamic effect elements can be reused, avoiding the problem of resource waste caused by repeated development and enhancing the reusability of resources. BRIEF DESCRIPTION OF THE DRAWINGS

[0028] In order to more clearly illustrate the technical solution of the embodiments of the present application, the following is a brief introduction to the drawings required for use in the embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without any creative work.

[0029] Figure 1 It is a flowchart of a method for generating a dynamic effect picture provided by an embodiment of the present application;

[0030] Figure 2 It is a flowchart of a method for generating a first motion effect configuration file provided by an embodiment of the present application;

[0031] Figure 3 It is a flowchart of a second method for generating an animation configuration file provided by an embodiment of the present application;

[0032] Figure 4It is a structural schematic diagram of a device for generating a dynamic effect picture provided by an embodiment of the present application;

[0033] Figure 5 It is a structural schematic diagram of a device for generating a motion effect configuration file provided by an embodiment of the present application;

[0034] Figure 6 It is a structural schematic diagram of a device for generating a dynamic effect picture provided by an embodiment of the present application. DETAILED DESCRIPTION

[0035] The features and exemplary embodiments of each aspect of the present application will be described in detail below. In order to make the purpose, technical solutions and advantages of the present application clearer, the present application will be further described in detail below in conjunction with the accompanying drawings and specific embodiments. It should be understood that the specific embodiments described herein are only intended to explain the present application, rather than to limit the present application. For those skilled in the art, the present application can be implemented without the need for some of these specific details. The following description of the embodiments is only to provide a better understanding of the present application by illustrating the examples of the present application.

[0036] It should be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the statement "include..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.

[0037] It should be noted that the acquisition, storage, use, and processing of data in the technical solution of this application are in compliance with the relevant provisions of national laws and regulations.

[0038] It should be noted that in the embodiments of the present application, certain software, components, models and other existing solutions in the industry may be mentioned, and they should be regarded as exemplary. Their purpose is only to illustrate the feasibility of implementing the technical solution of the present application, but it does not mean that the applicant has or will necessarily use the solution.

[0039] In the existing methods for generating dynamic effects, dynamic effects as detailed elements are relatively scattered, and each scene may have its own unique dynamic effects. Different dynamic effect solutions are usually required for different scenes. However, as the interactive task logic structure, interface layout, number and distribution of the car cockpit system become more and more diversified, the current methods for generating dynamic effects lead to serious waste of resources due to repeated development, and the reusability of resources is not strong.

[0040] The purpose of the present application is to provide a method, device, equipment and medium for generating a motion effect configuration file and a motion effect screen. In the method for generating a motion effect screen provided in the embodiment of the present application, the target interaction attributes of the target application scenario are first obtained, and the target interaction attributes include multiple target interaction elements. Then, based on the matching relationship between the interaction elements and the motion effect elements, the motion effect configuration file of the target application scenario is determined. Therefore, according to the motion effect configuration file, the code files of each target motion effect element in the motion effect configuration file are obtained from the database, and the target motion effect screen of the target application scenario can be generated. In this way, the embodiment of the present application obtains multiple motion effect elements by splitting and modularizing the motion effect screen resources, and then when a specific motion effect screen needs to be generated, it is only necessary to call the corresponding code files of each motion effect element for configuration and combination. Therefore, the code files of the motion effect elements can be reused, avoiding the problem of resource waste caused by repeated development, and enhancing the reusability of resources.

[0041] The following describes the specific embodiments of the method, device, equipment and medium for generating the dynamic effect configuration file and the dynamic effect screen provided by the embodiment of the present application. The following first describes the specific embodiments of the method for generating the dynamic effect screen provided by the embodiment of the present application.

[0042] like Figure 1 As shown, a flow chart of a first method for generating a dynamic effect picture is provided. The method for generating a dynamic effect picture can be applied to a server. The method for generating a dynamic effect picture can include the following S101 to S103.

[0043] S101, obtaining target interaction attributes of a target application scenario, where the target interaction attributes include multiple target interaction elements.

[0044] In this embodiment, the target application scenario is used to characterize the actual application scenario of the dynamic effect screen. For example, the target application scenario can be a scenario where the navigation bar of the central control screen opens a top-level conventional application, a scenario where the application center of the rear screen opens a top-level full-screen application, or a scenario where a hard button on the instrument screen opens a top-level panel.

[0045] The target interaction attribute is used to characterize the attribute characteristics corresponding to the user's interactive behavior in the target application scenario. The target interaction attribute includes multiple target interaction elements, which define the user's interactive behavior in the target application scenario. For example, in the scenario where the target application scenario is to open the top-level regular application in the navigation bar of the central control screen, it may include target interaction elements such as the screen type is "central control screen", the application attribute is "regular application", the application entry is "navigation bar", the interactive action is "open action", and the interaction level is "top level".

[0046] As an example, the server may obtain the target interaction attribute by reading a configuration file of the target application scenario; when the target interaction attribute of the target application scenario is stored in a database, it may also be obtained through an SQL query.

[0047] S102, based on the matching relationship between the interactive element and the motion effect element, determine the motion effect configuration file of the target application scenario, where the motion effect configuration file includes each target motion effect element corresponding to the target application scenario.

[0048] In this embodiment, the server predefines the matching relationship between various interactive elements and motion effect elements. For example, the interactive element with the screen type of "central control screen" can correspond to the motion effect with a displacement of a in the displacement effect element and the magnification motion effect in the zoom motion effect element.

[0049] As an example, the server finds the corresponding motion effect elements through mapping logic according to each target interactive element of the target application scenario. Then, according to the mapping results of each target interactive element, a motion effect configuration file is constructed. The motion effect configuration file includes each target motion effect element corresponding to the target application scenario.

[0050] S103, based on the motion effect configuration file, obtaining the code files of each target motion effect element from the database, and generating a target motion effect screen of the target application scenario.

[0051] In this embodiment, the database stores code files of various motion effect elements, and these code files are predefined animation templates.

[0052] As an example, the server queries the database to obtain the corresponding code files based on the target motion effect elements in the motion effect configuration file. Then, the obtained code files are parsed, and the code of the target motion effect elements is integrated into the target application scene using the rendering capabilities of the front-end framework (such as React, Vue) or the game engine (such as Unity) to generate the target motion effect screen.

[0053] Through this embodiment, the target interaction properties of the target application scenario are first obtained, and the target interaction properties include multiple target interaction elements. Then, based on the matching relationship between the interaction elements and the motion effect elements, the motion effect configuration file of the target application scenario is determined. Therefore, according to the motion effect configuration file, the code files of each target motion effect element in the motion effect configuration file are obtained from the database, and the target motion effect screen of the target application scenario can be generated. In this way, the embodiment of the present application obtains multiple motion effect elements by splitting and modularizing the motion effect screen resources, and then when a specific motion effect screen needs to be generated, it is only necessary to call the corresponding code files of each motion effect element for configuration and combination. Therefore, the reuse of the code files of the motion effect elements can be achieved, avoiding the problem of resource waste caused by repeated development, and enhancing the reusability of resources.

[0054] As an optional embodiment, S101 may specifically include:

[0055] In response to a vehicle control operation by a user, determining a target application scenario corresponding to the vehicle control operation;

[0056] Based on the matching relationship between the application scenario and the interaction attribute, the target interaction attribute of the target application scenario is determined.

[0057] In this embodiment, the vehicle-side control operation is used to represent the operation performed by the user on the vehicle. For example, the vehicle control operation may be that the user touches the navigation icon on the vehicle's central control screen.

[0058] As an example, the server first needs to capture the user's control operation of the vehicle through sensors (such as touch screens, physical buttons, and voice recognition systems). Then, the captured user operations are parsed to analyze the user's specific operation intentions. For example, if the user touches an icon on the central control screen, the server needs to identify whether it is to open the navigation, adjust the volume, or other operations.

[0059] Then, the parsed operation intention needs to be mapped to a predefined application scenario. For example, the operation intention of opening navigation corresponds to the navigation application scenario, and the operation intention of adjusting the volume corresponds to the audio control application scenario. In this way, the target application scenario corresponding to the user's current vehicle control operation can be determined.

[0060] The server predefines the matching relationships between various application scenarios and interaction attributes. Specifically, this is usually implemented through configuration files, databases, or code logic. After the server determines the target application scenario, it queries the predefined matching relationships to find the target interaction attributes corresponding to the target application scenario.

[0061] Through this embodiment, the user's vehicle control operation is parsed to obtain the target application scenario corresponding to the vehicle control operation. Then, based on the matching relationship between the preset application scenario and the interaction attribute, the target interaction attribute of the target application scenario is determined. In this way, the target interaction attribute of the target application scenario can be accurately obtained, which helps to subsequently build a dynamic effect configuration file for the target application scenario based on the target interaction attribute. Then, according to the dynamic effect configuration file, the corresponding code files of each dynamic effect element are called for configuration combination, and the target dynamic effect screen of the target application scenario is quickly generated, thereby improving the generation efficiency of the dynamic effect screen.

[0062] As an optional embodiment, S102 may specifically include:

[0063] Based on the matching relationship between the interactive elements and the motion effect elements, determine the candidate motion effect elements that match the target interactive elements in the target application scenario;

[0064] Perform intersection operations on candidate motion effect elements to obtain target motion effect elements;

[0065] According to each target animation element, a animation configuration file is constructed.

[0066] In this embodiment, the server predefines the matching relationship between various interactive elements and motion effect elements. However, one interactive element may match multiple conflicting motion effect elements at the same time. For example, the interactive element with the screen type of "central control screen" can correspond to the zoom-in motion effect in the zoom motion effect element and the zoom-out motion effect in the zoom motion effect element at the same time, that is, the motion effect picture presented in the central control screen can be either a slowly zooming-in motion effect picture or a slowly zooming-out motion effect picture. In this case, you need to choose from the conflicting motion effect elements.

[0067] As an example, the server first queries the predefined matching relationship for each target interactive element in the target application scenario, and finds each candidate animation element that can be matched by each target interactive element.

[0068] Then, the server performs intersection operations on each candidate motion effect element to find candidate motion effect elements that meet all conditions. These candidate motion effect elements will be used as target motion effect elements for the subsequent construction of motion effect configuration files. For example, assume that the target application scenario includes interactive elements M1 and interactive elements M2. The motion effect elements that match interactive element M1 include A1, A2, B2, C1, C2, and C3; the motion effect elements that match interactive element M2 include A1, B1, B2, and C1; then the target motion effect elements that are finally determined include A1, B2, and C1.

[0069] Finally, the server constructs an animation configuration file based on each target animation element. Specifically, in addition to each target animation element, the animation configuration file can also generate information including the trigger conditions of each target animation element (such as the number of seconds when the user slides or the animation screen is played) and the execution order (such as which animation is executed first, which animation is executed later, or which animations are executed at the same time) according to the configuration conditions input by the user or the configuration conditions preset by the system.

[0070] Through this embodiment, based on the matching relationship between the interactive elements and the dynamic effect elements, the target dynamic effect elements corresponding to the target application scenario are determined, and a dynamic effect configuration file that meets the requirements of the target application scenario is constructed. In this way, only the code files of the corresponding dynamic effect elements are called from the database according to the dynamic effect configuration file for configuration combination to generate a specific dynamic effect screen. The code files of the dynamic effect elements can be reused to avoid the waste of resources caused by repeated development and enhance the reusability of resources.

[0071] As an optional embodiment, S103 may specifically include:

[0072] Based on the animation configuration file, obtain the code files of each target animation element from the database;

[0073] In response to a user inputting a target parameter value of a target dynamic effect element, receiving a target parameter value of each target dynamic effect element;

[0074] Replace the preset parameter values ​​in the code files of each target motion effect element with the target parameter values ​​to obtain an updated code file;

[0075] Generate the target dynamic effect screen of the target application scenario according to the updated code files of each target dynamic effect element.

[0076] In this embodiment, the server first parses the motion effect configuration file to identify all target motion effect elements listed therein, and at the same time queries the database to obtain the code files of each target motion effect element.

[0077] Then, the server provides a user interface (such as a pop-up window, sidebar, etc.) to allow the user to enter or select the target parameter values ​​of each target animation element. Specifically, these target parameter values ​​may include the duration, delay, speed, color, transparency, etc. of the animation. Through the user interface, the server receives the target parameter values ​​of each target animation element input by the user. Specifically, this may involve multiple interaction methods such as text input, slider adjustment, color selector, etc.

[0078] The server then parses the extracted code files of each target animation element and identifies the preset parameter values ​​and their locations. Based on the target parameter values ​​entered by the user, the server replaces the preset parameter values ​​in the code files with the corresponding target parameter values. After replacing all preset parameter values, the server generates updated code files that contain the user-defined target parameter values.

[0079] Finally, the server loads the updated code files of each target motion effect element, and uses the front-end rendering engine or game engine to render the target motion effect screen according to the updated code files.

[0080] Through this embodiment, the server can dynamically generate and update the target dynamic effect screen of the target application scenario according to the target parameter value input by the user. It can realize the reuse of the code files of the dynamic effect elements, avoid the waste of resources caused by repeated development, and enhance the reusability of resources.

[0081] As an optional embodiment, before S102, the method for generating a dynamic effect picture may further include:

[0082] Split at least one motion effect screen resource according to motion effect attributes to obtain multiple motion effect elements;

[0083] Get the code files of each animation element and the corresponding interactive properties of each animation element;

[0084] Store the code files of each animation element in the database;

[0085] Based on the interactive properties corresponding to each animation element, the matching relationship between the interactive element and the animation element is determined.

[0086] In this embodiment, the motion effect picture resource is used to represent the motion effect picture and the resource information contained in the code file of the motion effect picture.

[0087] As an example, the server first conducts a comprehensive analysis of the motion picture resources of the historical motion pictures, and identifies the motion properties in each motion picture resource, such as displacement, transparency change, sound effects, etc. According to the different motion properties, a splitting strategy is formulated. For example, a complex animation may contain multiple color changes, shape changes, and movement trajectories, which can all be split into independent motion elements. Specifically, use automated tools or write scripts to split the motion picture resources into multiple independent motion elements according to the splitting strategy.

[0088] Then, for each animation element, the corresponding code snippet of the animation element is obtained from the code file of the historical animation screen to form the code file corresponding to the animation element. The code files corresponding to the animation elements are verified to ensure that they maintain the integrity and accuracy of the original animation screen resources. At the same time, for each animation element, the corresponding interactive attributes of each animation element are extracted from the code file or the description information of its resources.

[0089] Then, design the database structure and store the code files of each animation element in binary form in the database; or store the file path in the database and the file itself in the file system. Create an index for the code files in the database to improve query efficiency. At the same time, summarize the interactive attributes corresponding to each animation element and build a matching relationship between the interactive element and the animation element.

[0090] Through this embodiment, at least one dynamic effect screen resource is split according to the dynamic effect attributes to obtain multiple dynamic effect elements. According to the code files and interactive attributes of each dynamic effect element, a database and a matching relationship between interactive elements and dynamic effect elements are constructed. In this way, the dynamic effect screen resources are split and modularized to obtain multiple dynamic effect elements, which can realize the reuse of the code files of the dynamic effect elements, avoid the problem of resource waste caused by repeated development, and enhance the reusability of resources.

[0091] As an optional embodiment, the motion effect element includes at least one of a motion effect element of a motion mode attribute, a motion effect element of an animation duration attribute, and a motion effect element of an easing parameter attribute;

[0092] The motion effect element of the motion mode attribute includes at least one of a position movement effect element, a scaling effect element, and a transparency effect element;

[0093] The motion effect element of the easing parameter attribute includes at least one of a motion effect element of accelerated motion, a motion effect element of decelerated motion, and a motion effect element of rebound motion.

[0094] In this embodiment, the motion effect elements of the motion mode attribute mainly focus on the movement of the elements in the interface, and specifically may include positional motion effect elements, scaling motion effect elements, and transparency motion effect elements.

[0095] The displacement effect element is realized by changing the position of the element in the interface, which can include various displacement amounts such as displacement a, displacement b, and displacement c. Specifically, animation or transition effects can be used to make the element move smoothly from one position to another. For example, in the user interface, a button can move smoothly to another position when it is clicked, or a menu can slide in from the side of the screen.

[0096] Scaling animation elements is achieved by changing the size of the element, which can include enlarged animation elements and reduced animation elements. Scaling effects can be used to emphasize an element or to create a sense of hierarchy in the user interface. For example, when a user clicks an icon, the icon can be enlarged to indicate that it is selected or activated.

[0097] Transparency animation elements are achieved by changing the transparency of elements, and can include fade-in animation elements and fade-out animation elements. Transparency effects can be used to create smooth transition effects, or to emphasize or fade an element in the interface. For example, in a loading animation, you can use transparency effects to make a progress bar gradually appear or disappear.

[0098] The animation duration property of the motion effect element focuses on the duration of the animation, that is, the time it takes for the animation to start and end. The animation duration can be set through programming or animation software. A longer animation duration can make the movement smoother and more natural, but it may also cause users to wait too long. A shorter animation duration can speed up the interface response, but it may make the movement appear too stiff. Therefore, when setting the animation duration, you need to strike a balance between user experience and animation effect.

[0099] The animation elements with easing parameter attributes mainly focus on the speed changes of elements during the movement process, including animation elements with accelerated motion, animation elements with decelerated motion, and animation elements with rebound motion.

[0100] Accelerated motion is achieved by gradually speeding up the element as it moves. Accelerated motion can make an element look more vivid and dynamic. For example, an object can start from a stationary state and then gradually accelerate to a certain speed.

[0101] Deceleration motion is achieved by gradually slowing down the element as it moves. Deceleration motion can be used to create a smooth stop effect or to emphasize the end state of an element. For example, a moving object can gradually slow down and eventually stop as it approaches its target position.

[0102] Rebound motion is achieved by simulating the rebound effect in the physical world. Rebound motion can make elements look more real and interesting. For example, when an object hits another object, it can produce a rebound effect and move a distance in the opposite direction.

[0103] Through this embodiment, according to the dynamic effect elements including the dynamic effect elements of the motion mode attribute, the dynamic effect elements of the animation duration attribute, and the dynamic effect elements of the easing parameter attribute, it is possible to meet the generation requirements of various dynamic effect pictures. In this way, when it is necessary to generate a specific dynamic effect picture, it is only necessary to call the code files of the corresponding dynamic effect elements for configuration and combination. The code files of the dynamic effect elements can be reused, avoiding the problem of resource waste caused by repeated development, and enhancing the reusability of resources.

[0104] As an optional embodiment, the interactive element includes at least one of a screen type element, an application attribute element, an application entry element, an interactive action element, and an interactive level element;

[0105] The screen type element includes at least one of an instrument screen element, a central control screen element, and a rear screen element;

[0106] The application attribute element includes at least one of a regular application element, a panel element, and a full-screen application element;

[0107] The application entry element includes at least one of a navigation bar element, a desktop element, an application center element, and a button element.

[0108] In this embodiment, the interactive element is a comprehensive concept, which covers at least one of the screen type element, application attribute element, application entry element, interactive action element and interactive level element. These interactive elements together constitute the basis for the user to interact with the device or application.

[0109] Screen type elements can include instrument screen elements, central control screen elements, and rear screen elements. Among them, instrument screen elements are usually implemented through embedded systems or vehicle information systems, and are applied to car dashboards to provide real-time display of key information such as speed, fuel level, and water temperature; central control screen elements usually use touch screen technology or voice recognition technology to achieve multimedia control, navigation, vehicle settings and other functions. Users can operate entertainment systems, navigation systems, etc. through touch or voice commands; rear screen elements are usually connected to the central control screen, and content synchronization or independent playback is achieved through wireless transmission technology, which is used to provide passengers with independent video and music playback experience, etc.

[0110] Application attribute elements may include regular application elements, panel elements, and full-screen application elements. Regular application elements are displayed on the screen in the form of icons or lists, and users can start the application by clicking or touching; panel elements are displayed in the form of foldable or expandable panels, and users can expand or collapse the panels by sliding or clicking; full-screen application elements occupy the entire screen space, and users can close the application through specific exit operations.

[0111] Application entry elements may include navigation bar elements, desktop elements, application center elements, and button elements. Among them, navigation bar elements are usually located at the top or bottom of the screen, providing application navigation and switching functions; desktop elements are displayed on the screen in the form of icons or folders, and users can start applications or access files by clicking; application center elements display various applications in the form of lists or grids, and users can find and install applications by searching or browsing by category; button elements exist in the form of physical buttons or virtual buttons, and users can trigger specific functions by pressing or touching.

[0112] Interactive action elements trigger corresponding functions or animation effects through user touch, click, slide, long press, etc. For example, slide the screen on a mobile device to switch pages or close an application; click a button on a web page to submit a form or open a link.

[0113] Interaction level elements construct different interaction levels by stacking, hiding, and displaying elements, which can include the top-level interaction level and the bottom-level interaction level.

[0114] Through this embodiment, according to the interactive elements including screen type elements, application attribute elements, application entry elements, interactive action elements and interactive level elements, the use requirements of various application scenarios can be met. In this way, when it is necessary to generate a specific dynamic effect screen for an application scenario, it is only necessary to call the code files of various corresponding dynamic effect elements according to various interactive elements for configuration and combination. The code files of dynamic effect elements can be reused to avoid the problem of resource waste caused by repeated development and enhance the reusability of resources.

[0115] As an optional embodiment, Figure 2 As shown, a flow chart of a method for generating an animation configuration file is provided. The method for generating an animation configuration file can be applied to a server. The method for generating an animation configuration file can include the following S201 to S204.

[0116] S201, obtaining a motion effect element library and an interaction element library, wherein the motion effect element library includes a plurality of motion effect elements associated with a motion effect picture, and the interaction element library includes a plurality of interaction elements associated with an interaction scene.

[0117] In this embodiment, the server needs to define a series of dynamic effect elements according to the dynamic effect attributes of the dynamic effect screen. Then, each dynamic effect element is stored in a database, file system or cloud storage in a format that is easy to retrieve and manage, and a dynamic effect element library is constructed.

[0118] Then, the server defines various interactive elements that may appear in the application interaction scenario, and also stores each interactive element in a database, file system or cloud storage in a format that is easy to retrieve and manage, thereby constructing an interactive element library.

[0119] S202, determining a matching relationship between an interactive element and a motion effect element based on an interactive attribute of each motion effect element, wherein the interactive attribute includes a plurality of interactive elements.

[0120] In this embodiment, the server extracts the interactive attributes corresponding to each animation element from the code file or the description information of the animation element, and then summarizes the interactive attributes corresponding to each animation element to build a matching relationship between the interactive element and the animation element.

[0121] S203: Acquire multiple preset application scenarios and interaction attributes of each preset application scenario.

[0122] In this embodiment, the server defines multiple preset application scenarios according to the needs and design of the application, for example, the scenario of opening the top-level conventional application in the navigation bar of the central control screen, the scenario of opening the top-level full-screen application in the application center of the rear screen, and the scenario of opening the top-level panel by the hard button of the instrument screen.

[0123] Then, each preset application scenario is analyzed in detail, and the interactive elements involved therein are identified and recorded, thereby forming the interactive attributes of each preset application scenario.

[0124] S204, based on the interactive properties of each preset application scenario and the matching relationship between the interactive elements and the dynamic effect elements, the dynamic effect elements corresponding to each preset application scenario are selected from the dynamic effect element library to form dynamic effect configuration files of each preset application scenario.

[0125] In this embodiment, according to the matching relationship established in step S202 and the interactive properties of each preset application scenario recorded in step S203, the motion effect elements suitable for each preset application scenario are screened out from the motion effect element library.

[0126] Then, a motion effect configuration file is generated for each preset application scenario, and the motion effect configuration file lists the motion effect elements corresponding to all interactive elements in the preset application scenario. Figure 3 As shown, a flowchart of a second method for generating an animation configuration file is provided.

[0127] First, the server defines a dynamic effect element library through S301 according to multiple dynamic effect elements associated with the dynamic effect screen; at the same time, various interactive elements that may appear in the application interaction scenario are analyzed through S302 to define the interactive element library.

[0128] Then, for each motion effect element, the corresponding interaction attribute is determined, so as to summarize the interaction attributes corresponding to each motion effect element, and a matching relationship between each interaction element in the interaction element library and each motion effect element in the motion effect element library is constructed through S303.

[0129] Then, multiple preset application scenarios and the interactive properties of each preset application scenario are obtained through S304, and according to the matching relationship between each interactive element in the interactive element library constructed in S303 and each dynamic effect element in the dynamic effect element library, a dynamic effect configuration file for each preset application scenario is constructed through S305.

[0130] Finally, when it is necessary to generate a dynamic effect screen for a preset application scenario, based on the dynamic effect configuration file of the preset application scenario, the code files of each dynamic effect element in the dynamic effect configuration file are obtained from the database through S306 to generate the dynamic effect screen for the preset application scenario.

[0131] Through this embodiment, a motion effect element library and an interactive element library are obtained, and based on the interactive properties of each motion effect element, the matching relationship between the interactive elements and the motion effect elements is determined. Then, based on the interactive properties of each preset application scenario and the matching relationship between the interactive elements and the motion effect elements, the motion effect elements corresponding to each preset application scenario are screened out from the motion effect element library, and motion effect configuration files for each preset application scenario are respectively constructed. In this way, the embodiment of the present application obtains a plurality of motion effect elements by splitting and modularizing the motion effect screen, and then when it is necessary to generate a motion effect screen for a specific application scenario, it is only necessary to call the corresponding code files of each motion effect element according to the motion effect configuration file for configuration and combination. Therefore, the code files of the motion effect elements can be reused, the problem of resource waste caused by repeated development can be avoided, and the reusability of resources can be enhanced.

[0132] Based on the generation method of the dynamic effect picture. Accordingly, the present application also provides a specific embodiment of the generation device of the dynamic effect picture.

[0133] like Figure 4 As shown, the device 400 for generating a dynamic effect picture provided in the embodiment of the present application includes a property acquisition module 410 , a file generation module 420 and a picture generation module 430 .

[0134] The attribute acquisition module 410 is used to acquire the target interaction attribute of the target application scenario, wherein the target interaction attribute includes a plurality of target interaction elements;

[0135] The file generation module 420 is used to determine the dynamic effect configuration file of the target application scenario based on the matching relationship between the interactive element and the dynamic effect element, and the dynamic effect configuration file includes each target dynamic effect element corresponding to the target application scenario;

[0136] The screen generation module 430 is used to obtain the code files of each target motion effect element from the database based on the motion effect configuration file, and generate the target motion effect screen of the target application scenario.

[0137] As an optional embodiment, the attribute acquisition module 410 is specifically used for:

[0138] In response to a vehicle control operation by a user, determining a target application scenario corresponding to the vehicle control operation;

[0139] Based on the matching relationship between the application scenario and the interaction attribute, the target interaction attribute of the target application scenario is determined.

[0140] As an optional embodiment, the file generation module 420 is specifically used for:

[0141] Based on the matching relationship between the interactive elements and the motion effect elements, determine the candidate motion effect elements that match the target interactive elements in the target application scenario;

[0142] Perform intersection operations on candidate motion effect elements to obtain target motion effect elements;

[0143] According to each target animation element, a animation configuration file is constructed.

[0144] As an optional embodiment, the screen generation module 430 is specifically used for:

[0145] Based on the animation configuration file, obtain the code files of each target animation element from the database;

[0146] In response to a user inputting a target parameter value of a target dynamic effect element, receiving a target parameter value of each target dynamic effect element;

[0147] Replace the preset parameter values ​​in the code files of each target motion effect element with the target parameter values ​​to obtain an updated code file;

[0148] Generate the target dynamic effect screen of the target application scenario according to the updated code files of each target dynamic effect element.

[0149] As an optional embodiment, based on the matching relationship between the interactive element and the dynamic effect element, before determining the dynamic effect configuration file of the target application scenario, the dynamic effect screen generation device 400 may further include the following modules:

[0150] A resource splitting module, used to split at least one dynamic effect picture resource according to dynamic effect attributes to obtain multiple dynamic effect elements;

[0151] An information acquisition module is used to obtain the code files of each animation element and the interactive properties corresponding to each animation element;

[0152] A file storage module is used to store the code files of each animation element in the database;

[0153] The relationship determination module is used to determine the matching relationship between the interactive element and the motion effect element based on the interactive attributes corresponding to each motion effect element.

[0154] Based on the generation method of the motion effect configuration file. Accordingly, the present application also provides a specific embodiment of the generation device of the motion effect configuration file.

[0155] like Figure 5 As shown, the device 500 for generating a motion effect configuration file provided in an embodiment of the present application includes an element library acquisition module 510 , a relationship determination module 520 , a scene acquisition module 530 and a file generation module 540 .

[0156] An element library acquisition module 510 is used to acquire a dynamic effect element library and an interactive element library, wherein the dynamic effect element library includes a plurality of dynamic effect elements associated with a dynamic effect picture, and the interactive element library includes a plurality of interactive elements associated with an interactive scene;

[0157] A relationship determination module 520, for determining a matching relationship between an interactive element and a motion effect element based on the interactive attributes of each motion effect element, wherein the interactive attributes include multiple interactive elements;

[0158] A scenario acquisition module 530 is used to acquire multiple preset application scenarios and interaction properties of each preset application scenario;

[0159] The file generation module 540 is used to select the motion effect elements corresponding to each preset application scenario from the motion effect element library based on the interactive properties of each preset application scenario and the matching relationship between the interactive elements and the motion effect elements, and respectively constitute the motion effect configuration files of each preset application scenario. A method for generating a motion effect screen. Accordingly, the present application also provides a specific embodiment of a device for generating a motion effect screen.

[0160] Figure 6 A schematic diagram of the hardware structure of a device for generating a dynamic effect picture provided in an embodiment of the present application is shown.

[0161] The device for generating the dynamic effect picture may include a processor 601 and a memory 602 storing computer program instructions.

[0162] Specifically, the processor 601 may include a central processing unit (CPU), or an application specific integrated circuit (ASIC), or may be configured to implement one or more integrated circuits of the embodiments of the present application.

[0163] The memory 602 may include a large capacity memory for data or instructions. By way of example and not limitation, the memory 602 may include a hard disk drive (HDD), a floppy disk drive, a flash memory, an optical disk, a magneto-optical disk, a magnetic tape, or a universal serial bus (USB) drive or a combination of two or more of these. In appropriate cases, the memory 602 may include a removable or non-removable (or fixed) medium. In appropriate cases, the memory 602 may be inside or outside the integrated gateway disaster recovery device. In a specific embodiment, the memory 402 is a non-volatile solid-state memory.

[0164] The processor 601 reads and executes the computer program instructions stored in the memory 602 to implement any one of the methods for generating a dynamic effect image in the above embodiments.

[0165] In one example, the dynamic effect picture generation device may further include a communication interface 603 and a bus 610. Figure 6 As shown, the processor 601, the memory 602, and the communication interface 603 are connected via a bus 610 and communicate with each other.

[0166] The communication interface 603 is mainly used to implement communication between each module, device, unit and / or equipment in the embodiment of the present application.

[0167] Bus 610 includes hardware, software or both, and the components of the generating device of the dynamic effect picture are coupled to each other. For example, but not limitation, the bus may include accelerated graphics port (AGP) or other graphics bus, enhanced industrial standard architecture (EISA) bus, front-end bus (FSB), hypertransport (HT) interconnection, industrial standard architecture (ISA) bus, infinite bandwidth interconnection, low pin count (LPC) bus, memory bus, micro channel architecture (MCA) bus, peripheral component interconnection (PCI) bus, PCI-Express (PCI-X) bus, serial advanced technology attachment (SATA) bus, video electronics standard association local (VLB) bus or other suitable bus or two or more of these combinations. In appropriate cases, bus 610 may include one or more buses. Although the present application embodiment describes and shows a specific bus, the application considers any suitable bus or interconnection.

[0168] In addition, in combination with the method for generating the dynamic effect screen in the above embodiment, the embodiment of the present application can provide a computer storage medium for implementation. The computer storage medium stores computer program instructions; when the computer program instructions are executed by the processor, any method for generating the dynamic effect screen in the above embodiment is implemented.

[0169] In addition, in combination with the method for generating dynamic effect images in the above-mentioned embodiments, the embodiments of the present application may provide a computer program product for implementation. When the instructions in the computer program product are executed by the processor of an electronic device, the electronic device executes the method for generating dynamic effect images provided in any aspect of the above-mentioned embodiments of the present application.

[0170] It should be clear that the present application is not limited to the specific configuration and processing described above and shown in the figures. For the sake of simplicity, a detailed description of the known method is omitted here. In the above embodiment, several specific steps are described and shown as examples. However, the method process of the present application is not limited to the specific steps described and shown, and those skilled in the art can make each kind of change, modification and addition, or change the order between the steps after understanding the spirit of the present application.

[0171] The functional blocks shown in the above-described block diagram can be implemented as hardware, software, firmware or a combination thereof. When implemented in hardware, it can be, for example, an electronic circuit, an application specific integrated circuit (ASIC), appropriate firmware, a plug-in, a function card, etc. When implemented in software, the elements of the present application are programs or code segments that are used to perform the required tasks. The program or code segment can be stored in a machine-readable medium, or transmitted on a transmission medium or a communication link by a data signal carried in a carrier wave. "Machine-readable medium" can include any medium capable of storing or transmitting information. Examples of machine-readable media include electronic circuits, semiconductor memory devices, ROM, flash memory, erasable ROM (EROM), floppy disks, CD-ROMs, optical disks, hard disks, optical fiber media, radio frequency (RF) links, etc. The code segment can be downloaded via a computer network such as the Internet, an intranet, etc.

[0172] It should also be noted that the exemplary embodiments mentioned in this application describe some methods or systems based on a series of steps or devices. However, this application is not limited to the order of the above steps, that is, the steps can be performed in the order mentioned in the embodiment, or in a different order from the embodiment, or several steps can be performed simultaneously.

[0173] Each aspect of the present disclosure is described above with reference to the flowchart and / or block diagram of the method, device (system) and computer program product according to the embodiment of the present disclosure. It should be understood that each box in the flowchart and / or block diagram and the combination of each box in the flowchart and / or block diagram can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device to produce a machine so that these instructions executed by the processor of the computer or other programmable data processing device enable the implementation of the function / action specified in one or more boxes of the flowchart and / or block diagram. Such a processor can be, but is not limited to, a general-purpose processor, a special-purpose processor, a special application processor, or a field programmable logic circuit. It can also be understood that each box in the block diagram and / or flowchart and the combination of boxes in the block diagram and / or flowchart can also be implemented by dedicated hardware that performs a specified function or action, or can be implemented by a combination of dedicated hardware and computer instructions.

[0174] The above is only a specific implementation of the present application. Those skilled in the art can clearly understand that for the convenience and simplicity of description, the specific working processes of the systems, modules and units described above can refer to the corresponding processes in the aforementioned method embodiments, and will not be repeated here. It should be understood that the protection scope of the present application is not limited to this. Any technician familiar with the technical field can easily think of each equivalent modification or replacement within the technical scope disclosed in the present application, and these modifications or replacements should be included in the protection scope of the present application.

Claims

1. A method for generating a dynamic effect picture, characterized in that: include: Acquire target interaction attributes of a target application scenario, wherein the target interaction attributes include multiple target interaction elements; Based on the matching relationship between the interactive element and the dynamic effect element, determine the dynamic effect configuration file of the target application scenario, wherein the dynamic effect configuration file includes each target dynamic effect element corresponding to the target application scenario; Based on the motion effect configuration file, the code files of each of the target motion effect elements are obtained from a database to generate a target motion effect screen for the target application scenario.

2. The method according to claim 1, characterized in that The step of obtaining target interaction attributes of a target application scenario includes: In response to a vehicle control operation by a user, determining a target application scenario corresponding to the vehicle control operation; Based on the matching relationship between the application scenario and the interaction attribute, the target interaction attribute of the target application scenario is determined.

3. The method according to claim 1, characterized in that The determining the motion effect configuration file of the target application scenario based on the matching relationship between the interactive element and the motion effect element includes: Based on the matching relationship between the interactive elements and the motion effect elements, determining candidate motion effect elements that match each target interactive element in the target application scenario; Performing an intersection operation on each of the candidate motion effect elements to obtain each of the target motion effect elements; The motion effect configuration file is constructed according to each of the target motion effect elements.

4. The method according to claim 1, characterized in that The step of acquiring the code files of each target motion effect element from a database based on the motion effect configuration file and generating the target motion effect screen of the target application scenario includes: Based on the animation configuration file, the code file of each target animation element is obtained from the database; In response to a user inputting a target parameter value of the target dynamic effect element, receiving the target parameter value of each of the target dynamic effect elements; Replacing the preset parameter values ​​in the code files of the target motion effect elements with the target parameter values ​​to obtain updated code files; According to the updated code files of the target motion effect elements, a target motion effect screen of the target application scenario is generated.

5. The method according to claim 1, characterized in that Before determining the dynamic effect configuration file of the target application scenario based on the matching relationship between the interactive element and the dynamic effect element, the method further includes: Split at least one motion effect screen resource according to motion effect attributes to obtain multiple motion effect elements; Obtaining the code files of each of the dynamic effect elements and the interactive properties corresponding to each of the dynamic effect elements; Storing the code files of each of the dynamic effect elements in the database; Based on the interactive attributes corresponding to each of the dynamic effect elements, a matching relationship between the interactive element and the dynamic effect element is determined.

6. The method according to any one of claims 1 to 5, characterized in that: The motion effect element includes at least one of a motion effect element of a motion mode attribute, a motion effect element of an animation duration attribute, and a motion effect element of an easing parameter attribute; The motion effect element of the motion mode attribute includes at least one of a position movement effect element, a scaling effect element, and a transparency effect element; The motion effect element of the easing parameter attribute includes at least one of a motion effect element of accelerated motion, a motion effect element of decelerated motion, and a motion effect element of rebound motion.

7. The method according to any one of claims 1 to 5, characterized in that: The interactive element includes at least one of a screen type element, an application attribute element, an application entry element, an interactive action element, and an interactive level element; The screen type element includes at least one of an instrument screen element, a central control screen element, and a rear screen element; The application attribute element includes at least one of a regular application element, a panel element, and a full-screen application element; The application entry element includes at least one of a navigation bar element, a desktop element, an application center element, and a button element.

8. A method for generating a dynamic effect configuration file, characterized in that: include: Acquire a motion effect element library and an interactive element library, wherein the motion effect element library includes a plurality of motion effect elements associated with the motion effect picture, and the interactive element library includes a plurality of interactive elements associated with the interactive scene; Determining a matching relationship between the interactive element and the dynamic effect element based on the interactive attributes of each of the dynamic effect elements, wherein the interactive attributes include a plurality of the interactive elements; Acquire multiple preset application scenarios and interaction attributes of each of the preset application scenarios; Based on the interactive properties of each of the preset application scenarios and the matching relationship between the interactive elements and the motion effect elements, the motion effect elements corresponding to each of the preset application scenarios are screened out from the motion effect element library to form motion effect configuration files for each of the preset application scenarios.

9. A device for generating a dynamic effect picture, characterized in that: include: An attribute acquisition module, used to acquire target interaction attributes of a target application scenario, wherein the target interaction attributes include a plurality of target interaction elements; A file generation module, used to determine a motion effect configuration file of the target application scenario based on a matching relationship between the interactive element and the motion effect element, wherein the motion effect configuration file includes each target motion effect element corresponding to the target application scenario; The screen generation module is used to obtain the code files of each target motion effect element from the database based on the motion effect configuration file, and generate the target motion effect screen of the target application scenario.

10. An electronic device, characterized in that: The device comprises: a processor and a memory storing computer program instructions; When the processor executes the computer program instructions, the method for generating the dynamic effect picture as described in any one of claims 1 to 7 is implemented.

11. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer program instructions, and when the computer program instructions are executed by a processor, the method for generating a dynamic effect picture as described in any one of claims 1 to 7 is implemented.

12. A computer program product, characterized in that When the instructions in the computer program product are executed by a processor of an electronic device, the electronic device executes the method for generating a dynamic effect picture as described in any one of claims 1 to 7.