Data Processing Method, Electronic Device, and Storage Medium

By binding general components with node data, the development process and maintenance difficulties in existing 3D rendering technologies are solved, and the effects of simplified development and convenient maintenance are achieved.

CN114842117BActive Publication Date: 2025-06-10BANGYAN TECH
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202210356494.1
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2022-04-06
Publication Date
2025-06-10
Estimated Expiration
2042-04-06

AI Technical Summary

Technical Problem

In the existing 3D rendering technology, the addition and deletion of scene elements and the post-maintenance of scene elements are difficult, and the development process is cumbersome.

Method used

By acquiring common components and binding them with node data, node data can be used to call methods in general components, simplifying the development process and facilitating data addition, deleting and maintaining.

Benefits of technology

It simplifies the development process of developers, facilitates data addition and deletion and subsequent maintenance, and improves the flexibility and efficiency of 3D rendering technology.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN114842117B_ABST
    Figure CN114842117B_ABST
Patent Text Reader

Abstract

The present invention discloses a data processing method, an electronic device and a storage medium. An external general component is mounted into a rendering object, and the general component contains a plurality of logical methods. By inheriting the rendering object through a first rendering node, the first rendering node can be bound to the general component, and there is no need to write logic in the rendering object. After all nodes are rendered, when the browser or the user performs an interaction operation with the nodes, the program can call the methods in the general component bound to the nodes to implement different functions, which can simplify the development process of developers and facilitate subsequent maintenance.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the field of web development, and in particular, to a data processing method, an electronic device, and a storage medium. Background Art

[0002] With the rapid development of the Internet, traditional 2D pages can no longer meet people's needs. Currently, 3D technology is mainly used to render pages. The existing 3D rendering methods usually involve writing cumbersome logical codes to judge data and implement interactions, which makes it very difficult to add, delete, and maintain scene elements in the later stage. Summary of the Invention

[0003] The present invention aims to at least solve one of the technical problems existing in the prior art. For this purpose, the present invention provides a data processing method, an electronic device, and a storage medium, which can obtain general components, bind the general components to node data, enable the node data to call methods in the general components, and can simplify the development process of developers, facilitate the addition, deletion, and subsequent maintenance of data.

[0004] The data processing method according to the first aspect embodiment of the present invention includes: obtaining original data, general components, and a rendering object; mounting the original data and the general components into the rendering object; performing node configuration on the original data to obtain a first rendering node; constructing a first inheritance relationship between the first rendering node and the rendering object according to the first rendering node and the rendering object; binding the first rendering node and the general components according to the first inheritance relationship; and determining the first rendering node bound to the general components as a second rendering node.

[0005] An electronic device according to the second aspect embodiment of the present invention. The present application embodiment provides an electronic device, including: a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein when the processor executes the computer program, the data processing method as described in the first aspect is implemented.

[0006] According to the third aspect of the present invention, the present application embodiment provides a storage medium, which is a computer-readable storage medium, wherein the computer-readable storage medium stores computer-executable instructions, and the computer-executable instructions are used to cause a computer to execute: the data processing method as described in the first aspect.

[0007] In an embodiment of the present application, a data processing method, an electronic device, and a storage medium are provided, which are applied in the field of data rendering. An external general component is mounted into a rendering object. The general component contains multiple logical methods. By inheriting the rendering object through a first rendering node, the first rendering node can be bound to the general component, eliminating the need to write logic in the rendering object. After all nodes are rendered, when the browser or user interacts with the nodes, the program can call the methods in the general component bound to the nodes to implement different functions, simplifying the development process for developers and facilitating subsequent maintenance.

[0008] Additional aspects and advantages of the present invention will be given in part in the following description, become apparent in part from the following description, or be learned through the practice of the present invention. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] The drawings are used to provide a further understanding of the technical solutions of the present application, and constitute a part of the specification. Together with the embodiments of the present application, they are used to explain the technical solutions of the present application, and do not constitute a limitation to the technical solutions of the present application.

[0010] Figure 1 It is a flowchart of the data processing method provided by an embodiment of the present application;

[0011] Figure 2 is Figure 1 A specific method flowchart of step S1300 in

[0012] Figure 3 is Figure 2 A specific method flowchart of step S1340 in

[0013] Figure 4 It is another flowchart of the data processing method provided by an embodiment of the present application;

[0014] Figure 5 It is another flowchart of the data processing method provided by an embodiment of the present application. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0015] In the following description, for the purpose of illustration rather than limitation, specific details such as specific system architectures and technologies are set forth in order to provide a thorough understanding of the embodiments of the present application. However, those skilled in the art should understand that the present application can also be implemented in other embodiments without these specific details. In other cases, detailed descriptions of well-known systems, devices, circuits, and methods are omitted to avoid unnecessary details from obscuring the description of the embodiments of the present application.

[0016] It should be noted that although the logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in a different order than that in the flowchart. The terms "first", "second", etc. in the specification, claims and the above-mentioned drawings are used to distinguish similar objects and do not necessarily need to describe a specific order or sequence.

[0017] It should also be understood that the reference to "one embodiment" or "some embodiments" etc. described in the specification of the embodiments of the present application means that a specific feature, structure or characteristic described in connection with the embodiment is included in one or more embodiments of the embodiments of the present application. Thus, the statements "in one embodiment", "in some embodiments", "in other some embodiments", "in still other embodiments" etc. that appear in different places in this specification do not necessarily all refer to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized in other ways. The terms "comprising", "including", "having" and their variants all mean "including but not limited to", unless otherwise specifically emphasized in other ways.

[0018] The present application provides a data processing method, an electronic device and a storage medium. Applied in the field of web development, by writing the logical method in an external general component and introducing the general component into the rendering object of the present application for the sub-objects of the rendering object to use, it enables developers to conveniently process basic data and logical data separately during development and also brings convenience to subsequent maintenance.

[0019] The following combines the attached Figure 1 drawings to further elaborate on the related technologies.

[0020] As Figure 1 shown, Figure 1 is a flowchart of the data processing method provided by the embodiments of the present application. The data processing method in this embodiment at least includes but is not limited to the following steps:

[0021] Step S1100: Obtain the original data, the general component and the rendering object. The original data is the elements in the DOM tree and the data that needs to be configured. The original data contains multiple elements. It should be noted that the original data does not set the logic of the elements, but only represents the elements themselves and the relevant parameters.

[0022] Before data processing, it is necessary to introduce a JavaScript file, define it as a general component, and developers write various logical methods into the general component in advance. The set of all logical methods in the general component is called general methods, and these general methods can be used by other objects. Specifically, the general component is introduced through the introduction function of JavaScript, and then the general methods in the general component are implemented through the publicly exposed interfaces in the general component.

[0023] In some embodiments, the general methods include methods such as generating fly lines, clearing memory, reloading, obtaining parent nodes, obtaining child nodes, obtaining sibling nodes, and deleting nodes.

[0024] In addition, it is also necessary to create a class object, that is, a rendering object, and the rendering object is the parent of all objects, nodes, and elements.

[0025] Step S1200: Mount the original data and the general component into the rendering object;

[0026] In step S1200, first call the initialization method of the rendering object to initialize the original data and mount the general component into the rendering object, so that the methods in the general component can be used by the child objects of the rendering object.

[0027] Step S1300: Perform node configuration on the original data to obtain the first rendering node.

[0028] It should be noted that each element in the original data needs to be node-configured. Using nodes can conveniently call the built-in functions of JavaScript and facilitate interactive operations at the same time.

[0029] In some embodiments, as Figure 2 shown, is a specific flowchart of step S1300, which specifically includes:

[0030] Step S1310: Obtain a node;

[0031] Step S1320: Add the original data to the node;

[0032] In step S1310 and step S1320, first, it is necessary to create a node, allocate a memory to the node, and add the initialized original data to the node. One node corresponds to one DOM element.

[0033] Step S1330: Configure the attributes of the node to obtain the first configured node. Each node corresponds to a different function, so it is necessary to configure the attributes of each node. The type of the node is of array type. The attributes of the node mainly include the node itself, the coordinates of the node, the model of the node, the label of the node, etc., but it does not mean that all nodes have all the attributes at the same time.

[0034] First, define the element generated after rendering the node as a 3D element. The following will explain the attributes of the node:

[0035] Attribute 1: Set the coordinates of the node. If the coordinates of the node are assigned a null value, then according to the 3D element position, it is the center of the scene or the center of the current node's parent; if the coordinate value of the node is in the form of [x, y, z], this coordinate value represents the coordinate value relative to the scene or the parent of the node; if the coordinate type of the node is of object type and is a latitude and longitude coordinate, then the calculation method of the coordinate value is to convert the latitude and longitude coordinate into a Mercator coordinate, and the Mercator coordinate is the coordinate of the node.

[0036] Attribute 2: Set the model of the node. Set the coordinates of the model to the coordinates of the node. The value type of the model is defined as an object type. The specific model can be a built-in model, such as a cube, a sphere, etc. The built-in models are relatively basic; in the actual 3D model development, it is often necessary to set some complex models, and the internal models cannot meet the rendering requirements. If the built-in basic models are used for model splicing at this time, it will be time-consuming. At this time, external fbx, obj, gltf files, etc. can be introduced. Specifically, it is necessary to first import the external file plugin and load the external file in the rendering object, then the model in the external file can be loaded in the rendering object, and its material, etc. can be set. Generally, as long as the external file is loaded, the model can be displayed in the scene.

[0037] Attribute 3: Set the child nodes of the node, that is, the children field. This field is of array type. If this field is empty, it means that the current node has no child nodes. If this field is not empty, it means that the current node has child nodes.

[0038] Attribute 4: Set the label of the node. The label field of the node is defined as an object type. The parameters of the label include the label type, the label content, and the label offset. The label type includes 2D label, 3D label, and bubble label; the content of the label is displayed in the browser, and the display method is text; the label offset refers to the offset of the label in the x, y, and z directions.

[0039] It should be noted that when the label type is a 2D label, the CSS2DRenderer method is used to render the label. The label does not rotate with the browser camera but moves with the 3D element. When the label type is a 3D label, the CSS3DRenderer method is used to render the label. At this time, the label moves with both the camera and the 3D element. When the label type is a bubble type, the CSS2DRenderer method is used for rendering. The rendered content includes a diagonal line at the lower left corner of the scene and a bubble with configured content. To make the diagonal line always point to the current 3D element, the rendering mode of CSS2DRenderer needs to be changed to use the lower left corner as the coordinate and point to the initial point. The bubble type label does not rotate with the camera but always points to the 3D element.

[0040] Attribute Five: Add the node to an array named resMgr. At the same time, the node also needs to be added to the resMgr arrays of the parent level and above, up to the rendering object.

[0041] Attribute Six: Add a unique identifier to the node. The unique identifier of the node itself is called the first identifier, and the corresponding field for this identifier is the name field. And configure the parentID field and assign it the unique identifier of the parent. The unique identifier of the node's parent is called the second identifier.

[0042] Attribute Seven: Add a sibling array to the node. The unique identifiers of the sibling nodes are stored in the sibling array, and the unique identifier of the sibling node is called the third identifier.

[0043] Step S1340: Bind the first configuration node to the browser event to obtain the first rendering node. Set the browser event of the first configuration node so that when the user or the browser performs certain actions on the 3D element corresponding to the first configuration node, the program can execute the operations corresponding to the actions.

[0044] In some embodiments, as Figure 3 shown, is a specific flowchart of step S1340, which specifically includes:

[0045] Step S1341: Obtain the event array corresponding to each browser event; all event arrays are stored in the rendering object.

[0046] In some embodiments, the event array is bound to the general component. Specifically, according to the event array and the rendering object, a second inheritance relationship between the event array and the rendering object is constructed, that is, the event array inherits the rendering object. According to the second inheritance relationship, the event array is bound to the general component so that the event array can call the general component.

[0047] Step S1342: Add the first configuration node to all event arrays. The event array includes a listening method;

[0048] Step S1343: Bind the first configuration node to the listening method to obtain the first rendering node;

[0049] Specifically, pass the first configuration node into each event array. Obtain the listening method corresponding to each browser event, and bind the first configuration node, the callback function of the first configuration node, and the listening method to listen for various browser events of the first configuration node. The callback function of the first configuration node responds to the listening method.

[0050] The callback function is of the function type and specifically includes mouse click events, mouse hover events, mouse leave events, double click events, and right click events. Different methods correspond to different fields.

[0051] In the browser method corresponding to the triggered browser event, write the trigger logic. First, emit a ray from the trigger position of the browser event through the mouse position, standard device coordinates, and camera parameters, and pass it into the corresponding event array stored in the rendering object. If the return value is empty, it means that no 3D element has been operated on. If the return value is not empty, it means that a 3D element has been operated on. Then take the first node returned. The first node represents the closest to the position of the browser event. Finally, trigger the callback function of this node.

[0052] Step S1400: Construct the first inheritance relationship between the first rendering node and the rendering object according to the first rendering node and the rendering object; the rendering object is the parent level, the first rendering node is the child level, and the first rendering node inherits the rendering object to realize the invocation of the methods within the rendering object.

[0053] Step S1500: Bind the first rendering node to the general component according to the first inheritance relationship; since the first rendering node inherits the rendering object and also inherits the general component, bind the first rendering node to the general component. After actual rendering, the first rendering node can call the general methods in the general component to realize different functions.

[0054] Step S1600: Determine the first rendering node bound to the general component as the second rendering node.

[0055] In the embodiment of the present application, applied in the field of data rendering, mount the external general component into the rendering object. The general component contains multiple logical methods. By the first rendering node inheriting the rendering object, the first rendering node can be bound to the general component, without the need to write logic in the rendering object. After all nodes are rendered, when the browser or the user performs an interaction operation with the node, the program can call the methods in the general component bound to the node to realize different functions, which can simplify the development process of developers and facilitate subsequent maintenance.

[0056] In some embodiments, the node with the highest level is called the root node. There are multiple nodes under the root node, and each node has multiple child nodes. When configuring, first configure the attributes of the root node, and then traverse each child node under the root node, and configure the attributes of each child node respectively until the currently configured node has no child nodes.

[0057] Specifically, obtain the sub-data of the second rendering node. At this time, the second rendering node is the root node, that is, the data under the children field of the second rendering node. The sub-data can be one or more. Configure the nodes for the sub-data to obtain child nodes. It should be noted that the node configuration method for sub-data is the same as that for the original data. According to the child nodes and the rendering object, construct the third inheritance relationship between the child nodes and the rendering object, that is, the child nodes inherit the rendering object; according to the third inheritance relationship, bind the child nodes to the general components so that the subsequent child nodes can call the general methods in the general components.

[0058] The functions of each general method will be introduced in detail below:

[0059] In some embodiments, the method for generating a flying line receives four parameters. The meanings of the four parameters are the starting element of the flying line, the ending element of the flying line, the control point coordinate array, and whether to load the animation. Obtain the starting and ending coordinates of the flying line according to the incoming starting element and ending element of the flying line, and then draw a curved path in combination with the control point coordinates, and generate a flying line from the curved path. If the received value of the parameter whether to load the animation is true, then load the flying line material with texture timing offset.

[0060] In some embodiments, in the method of rendering a 3D map, first, load the geojson data and parse it to obtain the longitude and latitude information of each province, and use a custom algorithm to convert the longitude and latitude into Mercator coordinate values, use the Mercator coordinate values to synthesize a path, and then use an extrusion geometry to generate a 3D map shape with depth. In addition, the Mercator coordinate values can be set as vertices to draw the edge lines of each province. In this way, a 3D map is drawn.

[0061] In some embodiments, the method for clearing memory is described. When using the method for clearing memory, traverse the resMgr array of the node, clear the memory of each model, material, etc., and the memory of the models, materials, etc. in each children field, and finally call the removal method of the parent level to remove the current node.

[0062] In some embodiments, in the method of obtaining nodes, it includes obtaining the parent node, obtaining the child nodes, and obtaining the sibling nodes. First, it is necessary to obtain the current node, then obtain the parent node according to the parentID field of the current node, obtain the child nodes according to the children field of the current node, and obtain the sibling nodes according to the sibling array.

[0063] In some embodiments, in the method of adding elements and deleting, according to the first identifier, obtain the array of the current node, and add the new node to the array; delete the element, that is, call the method of clearing the memory of the node to be deleted.

[0064] In some embodiments, in the overloading method, for the written logic, call the method of clearing the memory of the root node, and re-execute steps S1300 to S1600.

[0065] In the actual application process, when it is necessary to switch or delete a certain 3D element, the method of clearing the memory of the node corresponding to the 3D element, or the method of clearing the memory in the main object, can be directly called, and the memory occupied by the current node and its child nodes can be conveniently released.

[0066] In some embodiments, as Figure 4 shown, the data processing method specifically further includes the following steps:

[0067] Step S2100: Obtain the first scene element;

[0068] Step S2200: Mount the first scene element into the rendering object;

[0069] In some embodiments, in steps S2100 and S2200, the first scene element includes at least one of the following: basic data such as light, camera, renderer, controller, and window. Pass the first scene element into the rendering object, and perform initialization processing on the first scene element in the rendering object.

[0070] Step S2300: Configure the parameters of the first scene element to obtain the second scene element.

[0071] The following is an explanation of the parameter configuration of the first scene element:

[0072] In some embodiments, in the lighting method, two parameters are received. The first parameter is of the string type, which is the lighting type in the scene, specifically including ambient light, direct light, point light sources, etc.; the second parameter is of the object type, and the second parameter is used to set the properties of the light source. If the second parameter is empty, the light source properties are default parameters, and the default parameters are those set through the debugging of developers. If both parameters are null values, the light source is generated by the user. According to the actual situation, multiple lights can be configured in the scene, and the types of lights can also be inconsistent.

[0073] In some embodiments, in the camera method, two parameters are received. The first parameter is of the string type, which is the camera type in the scene, specifically including orthographic camera, perspective camera, stereo camera, etc.; the second parameter is of the object type, and the second parameter is used to set the properties of the camera. If the second parameter is empty, the camera properties are default parameters, and the default parameters are those set through the debugging of developers. If both parameters are null values, the camera is generated by the user.

[0074] In some embodiments, in the renderer method, a boolean type parameter is received. If the parameter is true, a default renderer is generated; if the parameter is false, the renderer is generated by the user.

[0075] In some embodiments, in the controller method, a boolean type parameter is received. If the parameter is true, a default controller is generated; if the parameter is false, the controller is generated by the user.

[0076] In some embodiments, in the window method, a boolean type parameter is received. If the parameter is true, the size of the window is monitored. Specifically, the monitoring method is that when the window size changes, the rendering function is triggered once every second, and the new window information is rendered into the scene until the window size stops changing, which can prevent excessive rendering times from consuming resources; if the parameter is false, the window size monitoring function is not enabled.

[0077] In some embodiments, the first scene elements configured with the above parameters are determined as the second scene elements, and the specific elements and quantities included in the second scene elements are set according to the needs of the developer.

[0078] In some embodiments, as Figure 5 shown, the data processing method specifically further includes the following steps:

[0079] S3100: Obtain the rendering array;

[0080] S3200: Add multiple second rendering nodes to the rendering array;

[0081] In steps S3100 and S3200, after node configuration and general component binding are performed on all the original data, a plurality of second rendering nodes can be obtained. First, a rendering array is created, which is named an array of group, and the plurality of second rendering nodes are added to the group array.

[0082] S3300: Add the rendering array and the second scene elements to the scene;

[0083] S3400: Load the scene according to the rendering function. The rendering function is a built-in function that can be directly called in the rendering object. If the logic of the rendering function needs to be set, the logic of the rendering function can be configured in the general component. Finally, the scene is rendered to the browser page for display. In the embodiment of the present application, by adding the second scene elements and the second rendering nodes to the scene and rendering the scene to the browser, the effect of rendering the elements of the DOM tree to the browser display is achieved.

[0084] An embodiment of the present application further provides an electronic device, which includes: a memory, a processor, and a computer program stored on the memory and executable on the processor, and the processor can execute the computer program to implement the data processing method in the above embodiment.

[0085] As a non-transitory computer-readable storage medium, the memory can be used to store non-transitory software programs and non-transitory computer-executable programs. In addition, the memory may include a high-speed random access memory, and may also include non-transitory memory, such as at least one disk storage device, a flash memory device, or other non-transitory solid-state storage devices. In some embodiments, the memory may optionally include a memory remotely provided with respect to the processor, and these remote memories can be connected to the processor through a network. Examples of the above networks include, but are not limited to, the Internet, an enterprise intranet, a local area network, a mobile communication network, and combinations thereof.

[0086] The non-transitory software programs and instructions required to implement the image processing method in the above embodiment are stored in the memory, and when executed by the processor, the data processing method in the above embodiment is executed.

[0087] The network element embodiments described above are merely illustrative. The units described as separate components may or may not be physically separated, that is, they may be located in one place, or may be distributed to multiple network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0088] An embodiment of the present application further provides a computer-readable storage medium storing computer-executable instructions for executing the data processing method of the above embodiment.

[0089] As a non-transitory computer-readable storage medium, the memory can be used to store non-transitory software programs and non-transitory computer-executable programs. In addition, the memory may include high-speed random access memory and may also include non-transitory memory, such as at least one magnetic disk storage device, a flash memory device, or other non-transitory solid-state storage devices. In some embodiments, the memory may optionally include a memory remotely disposed relative to the processor, and these remote memories can be connected to the processor through a network. Examples of the above networks include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0090] The above-described embodiments of the mobile communication device are merely illustrative. The units described as separate components may or may not be physically separated, that is, they may be located in one place or distributed to multiple network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0091] Those of ordinary skill in the art will understand that all or some of the steps and systems disclosed above can be implemented as software, firmware, hardware, and appropriate combinations thereof. Some physical components or all physical components can be implemented as software executed by a processor, such as a central processing unit, a digital signal processor, or a microprocessor, or can be implemented as hardware, or can be implemented as an integrated circuit, such as an application-specific integrated circuit. Such software can be distributed on a computer-readable medium, which can include a computer storage medium (or non-transitory medium) and a communication medium (or transitory medium). As is well known to those of ordinary skill in the art, the term computer storage medium includes volatile and non-volatile, removable and non-removable media implemented in any method or technology for storing information, such as computer-readable instructions, data structures, program modules, or other data. Computer storage media include, but are not limited to, RAM, ROM, EEPROM, flash memory or other memory technologies, CD-ROM, digital versatile disk (DVD) or other optical disk storage, magnetic cassette, tape, magnetic disk storage or other magnetic storage devices, or any other medium that can be used to store the desired information and can be accessed by a computer. In addition, as is well known to those of ordinary skill in the art, a communication medium typically includes computer-readable instructions, data structures, program modules, or other data in a modulated data signal such as a carrier wave or other transmission mechanism, and may include any information delivery medium.

[0092] The embodiments of the present invention have been described in detail above with reference to the accompanying drawings. However, the present invention is not limited to the above embodiments, and various changes can be made without departing from the spirit of the present invention within the scope of knowledge possessed by those of ordinary skill in the relevant art. In addition, the embodiments of the present invention and the features in the embodiments can be combined with each other without conflict.

Claims

1. A data processing method, characterized in that, it includes: Obtain original data, general components, and rendering objects; Mount the original data and the general components into the rendering object; Obtain nodes; Add the original data to the nodes; Configure the attributes of the nodes to obtain first configured nodes; Obtain an event array corresponding to each browser event; Add the first configured nodes to all the event arrays, and the event arrays include listening methods; Bind the first configured nodes to the listening methods to obtain first rendering nodes; According to the first rendering nodes and the rendering objects, construct a first inheritance relationship between the first rendering nodes and the rendering objects; According to the first inheritance relationship, bind the first rendering nodes and the general components; Determine the first rendering nodes bound to the general components as second rendering nodes.

2. The data processing method according to claim 1, characterized in that, it further includes: According to the event arrays and the rendering objects, construct a second inheritance relationship between the event arrays and the rendering objects; According to the second inheritance relationship, bind the event arrays and the general components so that the event arrays can call the general components.

3. The data processing method according to claim 1, characterized in that, it further includes: Obtain the sub-data of the second rendering nodes; Perform node configuration on the sub-data to obtain sub-nodes; According to the sub-nodes and the rendering objects, construct a third inheritance relationship between the sub-nodes and the rendering objects; According to the third inheritance relationship, bind the sub-nodes and the general components.

4. The data processing method according to any one of claims 1 to 3, characterized in that, it further includes: Obtain first scene elements; Mount the first scene elements into the rendering object; Configure the parameters of the first scene elements to obtain second scene elements.

5. The data processing method according to claim 4, characterized in that, The first scene elements include at least one of the following: light, camera, renderer, controller, and window.

6. The data processing method according to claim 5, characterized in that, it further includes: Obtain a rendering array; Add multiple second rendering nodes to the rendering array; Add the rendering array and the second scene elements to the scene; Load the scene according to a rendering function.

7. An electronic device, including: A memory, a processor, and a computer program stored on the memory and executable on the processor, characterized in that when the processor executes the computer program, it implements the data processing method according to any one of claims 1 to 6.

8. A storage medium, the storage medium is a computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer-executable instructions, and the computer-executable instructions are used to cause a computer to execute: The data processing method according to any one of claims 1 to 6.

Citation Information

Patent Citations

  • Method and apparatus for rendering web page by DOM, terminal and storage medium

    CN109542417A

  • Page processing method and device, terminal equipment and readable storage medium

    CN111639287A