CN-121980105-A - Rendering method, modularized construction device, electronic equipment and storage medium

CN121980105ACN 121980105 ACN121980105 ACN 121980105ACN-121980105-A

Abstract

The invention provides a rendering method, a modularized construction device, electronic equipment and a storage medium, and relates to the technical field of content rendering, wherein the method comprises the following steps: the modularized rendering data comprises a plurality of reusable movable effect components obtained by analyzing and splitting an original three-dimensional movable effect file of the target three-dimensional movable effect, and then the rendering complexity corresponding to the movable effect components is determined according to the performance parameters, then the movable effect components are combined and rendered according to the rendering complexity in the application page, and the target three-dimensional movable effect is displayed based on the rendering result, so that the data volume, memory occupation and network transmission load required to be processed by a single rendering task are remarkably reduced, the resource consumption and performance cost are effectively reduced, the self-adaptive optimization of cross-equipment is realized, and the starting speed and the overall rendering efficiency of movable effect display are improved.

Inventors

LI JIAJUN
TANG JIE
ZHANG JUN
LI YAOFEI
Sun Diefan

Assignees

珠海格力电器股份有限公司
珠海联云科技有限公司

Dates

Publication Date: 20260505
Application Date: 20251222

Claims (17)

1. A method for rendering an application page, comprising: Acquiring modularized rendering data corresponding to a target three-dimensional dynamic effect in an application page and performance parameters corresponding to current terminal equipment, wherein the modularized rendering data comprises a plurality of reusable dynamic effect components obtained by analyzing and splitting an original three-dimensional dynamic effect file of the target three-dimensional dynamic effect; Determining the rendering complexity corresponding to the dynamic component according to the performance parameter; And in the application page, carrying out combined rendering on the dynamic effect components according to the rendering complexity, and displaying the target three-dimensional dynamic effect based on a rendering result.
2. The method of claim 1, wherein the determining the rendering complexity corresponding to the active component according to the performance parameter comprises: Scoring the current terminal equipment by adopting the performance parameters to obtain corresponding performance scores; And comparing the performance score with at least one preset complexity threshold, and determining the rendering complexity corresponding to the dynamic component based on a comparison result.
3. The method of claim 1, wherein the motion effect component comprises a geometric body component and at least one effect component, wherein the effect component comprises at least one of a shadow effect component, a texture effect component, and a particle effect component.
4. The method of claim 3, wherein the rendering complexity comprises a base rendering complexity, wherein the combined rendering of the dynamic effects components according to the rendering complexity, and wherein the displaying the target three-dimensional dynamic effects based on rendering results comprises: If the rendering complexity is the basic rendering complexity, performing combined rendering on the geometric main component and a first basic effect component set, and displaying the target three-dimensional dynamic effect based on a first rendering result; Wherein the first set of base effect components comprises a subset of the at least one effect component.
5. The method of claim 3, wherein the rendering complexity includes enhancing rendering complexity, wherein the moving effects component is combined to render according to the rendering complexity, wherein the target three-dimensional moving effects are displayed based on rendering results, comprising: If the rendering complexity is the enhanced rendering complexity, performing combined rendering on the geometric main component and a second enhanced effect component set, and displaying the target three-dimensional dynamic effect based on a second rendering result; wherein the second set of enhanced effect components includes a first set of base effect components and at least one additional effect component, the enhanced rendering complexity being higher than the base rendering complexity.
6. The method of claim 5, wherein the additional effect component is a particle effect component and/or a high precision texture effect component that is more precise than a texture effect component in the first set of base effect components.
7. The method according to any one of claims 1 to 6, further comprising: acquiring a resource priority list issued by a server, wherein the resource priority list at least comprises a core dynamic effect component and a non-core dynamic effect component; in the loading stage of the application page, the core dynamic component is loaded preferentially and silently; Continuously and silently loading the non-core dynamic component in the operation stage of the application page; The core dynamic component is a common component which is determined based on historical use frequency statistics and/or a component marked as a page key resource.
8. The method according to any one of claims 1 to 6, wherein the obtaining modular rendering data corresponding to the target three-dimensional dynamic effect in the application page includes: Responding to control operation input by a user for intelligent equipment in the application page, and determining target three-dimensional dynamic effects corresponding to the intelligent equipment and a dynamic effect assembly set required by the target three-dimensional dynamic effects; Acquiring part or all of the dynamic components in the dynamic component set from a local cache; For the dynamic effect components which are not stored in the local cache, initiating an acquisition request to a server; And obtaining modularized rendering data corresponding to the target three-dimensional dynamic effect based on the local cache and/or the dynamic effect component obtained from the server.
9. The modularized construction method of the three-dimensional dynamic resource is characterized by comprising the following steps of: Acquiring an original three-dimensional dynamic effect file corresponding to the three-dimensional dynamic effect in the application page; Analyzing the original three-dimensional dynamic effect file to identify dynamic visual elements and static visual elements; splitting the original three-dimensional dynamic effect file into a plurality of independent and reusable dynamic effect components according to the dynamic visual elements and the static visual elements; Labeling corresponding attribute information for each dynamic effect component; and storing the marked dynamic effect components into a preset component library to obtain modularized rendering data corresponding to the three-dimensional dynamic effect.
10. The method of claim 9, wherein parsing the original three-dimensional dynamic document to identify dynamic visual elements and static visual elements comprises: extracting multi-frame sequence images from the original three-dimensional dynamic effect file; performing content analysis on the multi-frame sequence image, and determining a main object and motion characteristics of the three-dimensional dynamic effect; And classifying and naming the three-dimensional dynamic effects based on the main object and the motion characteristics to obtain dynamic visual elements and static visual elements corresponding to the three-dimensional dynamic effects.
11. The method of claim 10, wherein the performing content analysis on the multi-frame sequence image to determine the subject object and motion characteristics of the three-dimensional dynamic effect comprises: Identifying the type of the equipment main body in each frame of sequence image; Analyzing pixel displacement between two adjacent frames of sequence images, and determining the motion trail of the three-dimensional dynamic effect; and taking the type of the equipment main body as a main body object of the three-dimensional dynamic effect, and taking the motion trail as a motion characteristic of the three-dimensional dynamic effect.
12. The method of claim 10, wherein splitting the original three-dimensional dynamic effects file into a plurality of independent and reusable dynamic effects components according to the dynamic visual element and the static visual element comprises: Determining a key frame from the multi-frame sequence image; Analyzing the visual composition of the key frame, and deconstructing the three-dimensional dynamic effect into at least two of a geometric main body component, a light and shadow effect component, a texture effect component and a particle effect component; Wherein the geometric body component, the light and shadow effect component, the texture effect component and the particle effect component respectively form independent dynamic effect components.
13. The method of claim 9, wherein the storing the annotated dynamic effect components in a preset component library to obtain the modular rendering data corresponding to the three-dimensional dynamic effect comprises: comparing the visual characteristics of the split dynamic effect components with those stored in the preset component library; if the stored components with the same visual characteristics exist, the identification of the stored components is related to the three-dimensional dynamic effect; If the stored components with the same visual characteristics do not exist, the split dynamic component is stored into the preset component library as a new component.
14. An apparatus for rendering an application page, comprising: The system comprises a data acquisition module, a data processing module and a data processing module, wherein the data acquisition module is used for acquiring modularized rendering data corresponding to a target three-dimensional dynamic effect in an application page and performance parameters corresponding to current terminal equipment, and the modularized rendering data comprises a plurality of reusable dynamic effect components which are obtained by analyzing and splitting an original three-dimensional dynamic effect file of the target three-dimensional dynamic effect; the performance analysis module is used for determining the rendering complexity corresponding to the dynamic effect component according to the performance parameters; And the rendering module is used for carrying out combined rendering on the dynamic effect components according to the rendering complexity in the application page, and displaying the target three-dimensional dynamic effect based on a rendering result.
15. A modular construction apparatus for a three-dimensional dynamic resource, comprising: The file acquisition module is used for acquiring an original three-dimensional dynamic effect file corresponding to the three-dimensional dynamic effect in the application page; The file analysis module is used for analyzing the original three-dimensional dynamic effect file and identifying dynamic visual elements and static visual elements; The component splitting module is used for splitting the original three-dimensional dynamic effect file into a plurality of independent and reusable dynamic effect components according to the dynamic visual elements and the static visual elements; The attribute adding module is used for labeling corresponding attribute information for each dynamic component; The storage module is used for storing the marked dynamic effect components into a preset component library to obtain modularized rendering data corresponding to the three-dimensional dynamic effect.
16. An electronic device comprising a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory communicate with each other via the communication bus; The memory is used for storing a computer program; The processor being configured to implement the method of any of claims 1-13 when executing a program stored on a memory.
17. A readable storage medium having instructions stored thereon, which when executed by one or more processors, cause the processors to perform the method of any of claims 1-13.

Description

Rendering method, modularized construction device, electronic equipment and storage medium Technical Field The present invention relates to the field of content rendering technologies, and in particular, to a rendering method of an application page, a modularized construction method of a three-dimensional dynamic resource, a rendering device of an application page, a modularized construction device of a three-dimensional dynamic resource, an electronic device, and a readable storage medium. Background With the rapid development of smart home technology, the functionality of smart home applications has evolved from basic device manipulation to an immersive, visual interaction experience. The introduction of 3D dynamic display device states and simulation device working processes (such as air-conditioning air outlet, light change, etc.) into application pages has become an important direction for improving user interface attractiveness and user experience. However, implementing high quality 3D dynamic effects on mobile terminals faces significant performance challenges, such as large resource occupancy, high rendering overhead, and lack of adaptation capability. Disclosure of Invention The embodiment of the invention provides a rendering method, a modularized construction device, electronic equipment and a readable storage medium, which are used for solving or partially solving the problems of high resource consumption, high performance requirement and incapability of ensuring user experience when a three-dimensional dynamic effect is displayed in an application page. The embodiment of the invention discloses a rendering method of an application page, which comprises the following steps: Acquiring modularized rendering data corresponding to a target three-dimensional dynamic effect in an application page and performance parameters corresponding to current terminal equipment, wherein the modularized rendering data comprises a plurality of reusable dynamic effect components obtained by analyzing and splitting an original three-dimensional dynamic effect file of the target three-dimensional dynamic effect; Determining the rendering complexity corresponding to the dynamic component according to the performance parameter; And in the application page, carrying out combined rendering on the dynamic effect components according to the rendering complexity, and displaying the target three-dimensional dynamic effect based on a rendering result. In some possible implementations, the determining the rendering complexity corresponding to the dynamic component according to the performance parameter includes: Scoring the current terminal equipment by adopting the performance parameters to obtain corresponding performance scores; And comparing the performance score with at least one preset complexity threshold, and determining the rendering complexity corresponding to the dynamic component based on a comparison result. In some possible implementations, the dynamic effect component includes a geometric body component and at least one effect component, wherein the effect component includes at least one of a light shadow effect component, a texture effect component, and a particle effect component. In some possible implementations, the rendering complexity includes a base rendering complexity, the performing combined rendering on the dynamic effect components according to the rendering complexity, and displaying the target three-dimensional dynamic effect based on a rendering result includes: If the rendering complexity is the basic rendering complexity, performing combined rendering on the geometric main component and a first basic effect component set, and displaying the target three-dimensional dynamic effect based on a first rendering result; Wherein the first set of base effect components comprises a subset of the at least one effect component. In some possible implementations, the rendering complexity includes enhancing the rendering complexity, the performing combined rendering on the dynamic effect components according to the rendering complexity, and displaying the target three-dimensional dynamic effect based on a rendering result, including: If the rendering complexity is the enhanced rendering complexity, performing combined rendering on the geometric main component and a second enhanced effect component set, and displaying the target three-dimensional dynamic effect based on a second rendering result; wherein the second set of enhanced effect components includes a first set of base effect components and at least one additional effect component, the enhanced rendering complexity being higher than the base rendering complexity. In some possible implementations, the additional effect component is a particle effect component and/or a high precision texture effect component that is more precise than the texture effect component in the first set of base effect components. In some possible implementations, further comprisi