A TPRI-DataVue-based 3D model labeling system, method, device and medium

Abstract

The application discloses a 3D model labeling system, method, device and medium based on TPRI-DataVue, and belongs to the technical field of three-dimensional model labeling. The tool comprises a basic scene rendering module, a three-dimensional model labeling and analysis module, a component data driving module, a platform component interaction module and an interactive editing module. The basic scene rendering module introduces a 3D model through a file system and provides a light, glow and style customization system; the three-dimensional model labeling and analysis module analyzes a model hierarchical structure and supports custom attribute modification and label addition; the component data driving module constructs a data driving system based on an MVC model, realizes scene update triggered by data change through a Proxy class agent; the platform component interaction module realizes mutual nesting and data exchange linkage with other components; and the interactive editing module provides a mouse event editing system and a camera roaming function. The application solves the technical problems of poor interactivity, low customization degree and weak compatibility with platform components of a traditional 3D model labeling tool, and can be applied to the fields of three-dimensional visualization and industrial design.

Description

Technical Field

[0001] This invention belongs to the field of computer science and graphics processing technology, and relates to a 3D model annotation system, method, device and medium based on TPRI-DataVue. Background Technology

[0002] With the widespread application of 3D visualization technology in industrial design, data visualization, virtual simulation, and other fields, the demand for annotation, editing, and interaction of 3D models is increasing. 3D visualization technology can intuitively display complex spatial structures and data relationships, providing users with an immersive interactive experience. Currently, there are various 3D visualization rendering tools on the market, such as Three.js based on WebGL technology and WebGL rendering engines based on HTML5, which provide basic support for the display and interaction of 3D models.

[0003] In the field of 3D model visualization and editing, several technical solutions already exist. For example, CN118331561B discloses a method and system for 3D model visualization and editing based on ThreeJS. This system creates a visualization editing component based on Vue 3 and integrates Element-plus UI components and Three.js rendering containers into the visualization editing component, constructing a visualization interface that includes a list display area, a model display area, and an attribute configuration area. This solution enables previewing and editing of 3D models and allows for real-time rendering of various configurations and operations on the 3D model.

[0004] In terms of rendering engines, CN105354872B proposed a rendering engine, implementation method and production tool based on 3D web games, including a parsing and loading module, a scene management module, a camera and control module and a rendering module [2]. This rendering engine can realize non-blocking parsing, view culling, scene object traversal and classification, picking and mouse event dispatching, etc., and has good cross-platform compatibility and scalability.

[0005] However, existing 3D visualization and rendering tools still have some problems and shortcomings. First, most 3D rendering toolkits are too large, load slowly, and have high requirements for network environment and device performance, affecting user experience. Second, the logic of existing tools is complex, with a high learning cost; developers need to master professional 3D modeling and rendering knowledge, making it difficult to get started quickly. Third, many tools are highly customized, tied to specific platforms or frameworks, making it difficult to integrate or extend with other systems. Fourth, existing tools lack development flexibility, making it difficult to meet personalized needs in different scenarios, especially in terms of interaction with other business systems. Furthermore, existing tools are not perfect in terms of model annotation, data-driven approaches, and component interaction, and cannot support complex 3D scene construction and interaction design.

[0006] These issues make it difficult for platform developers to quickly, easily, and efficiently build 3D visualization pages, increasing development costs and time, and also making later maintenance difficult. Therefore, there is an urgent need for a lightweight, easy-to-use, flexible, and scalable 3D model annotation tool to meet the 3D visualization needs in different scenarios and improve development efficiency and user experience. Summary of the Invention

[0007] To address the problems existing in the prior art, this invention provides a 3D model annotation system, method, device, and medium based on TPRI-DataVue, which can quickly adjust scene content and layout, flexibly embed various DataVue platform scene components, and, together with an efficient editing UI, enable the rapid deployment and debugging of 3D pages.

[0008] This invention is achieved through the following technical solution: A 3D model annotation system based on TPRI-DataVue includes a scene rendering module, a model parsing and annotation module, a data-driven module, a component interaction module, and an interactive editing module; The scene rendering module is used to load and render 3D models through the file system of the TPRI-DataVue visualization platform, and provides lighting systems, glow systems and style customization systems; The model parsing and annotation module is used to parse the hierarchical topology of the 3D model and display it in a tree structure, allowing users to modify the attributes and add annotations to the geometry in the model; The data-driven module, based on the MVC model and utilizing JavaScript's Proxy class to proxy data objects, is used to respond to data changes and automatically update the view of the 3D scene. The component interaction module is used to enable nesting and data exchange between the 3D model annotation system and other components of the file system of the TPRI-DataVue visualization platform; The interactive editing module provides a user-customizable mouse event system and camera roaming path editing functionality.

[0009] Preferably, the lighting system is used to adjust the overall lighting effect of the scene, the glow system is used to add glow effects to the scene, and the style customization system is used to switch the overall style of the 3D model, switch the model rendering effect between the original skin mode, the white model mode and the mesh mode, and receive user instructions to adjust the color scheme and line type parameters.

[0010] Preferably, the interactive editing module includes an event submodule and a camera roaming submodule. The event submodule provides a mouse event editing system to support users in customizing mouse events and corresponding interaction logic within the 3D scene. The camera roaming submodule supports users in customizing the camera roaming path and adjusting the speed curve and sequence during the roaming process. The event submodule supports mouse events including at least mouse in, mouse out, mouse click, mouse press, mouse release, and mouse leave. The interaction logic includes scene visibility control, style adjustment, and data update.

[0011] Preferably, the model parsing and annotation module adopts asynchronous peak loading technology when reading 3D model information. During the loading process, it traverses the 3D tree structure of the model and adds event and indicator elements to each object in the 3D model in sequence. At the same time, it flattens the topology data to support user selection and editing operations.

[0012] Preferably, in the data-driven module, the means of modifying element attributes include the TPRI-DataVue visualization platform business flow, component lifecycle, user operation and edit state form, and any means that can access the 3D model annotation system data cache can change the view effect by modifying the data object attributes.

[0013] Preferably, the annotation addition in the model parsing and annotation module supports displacement, scaling, and custom width and height operations in the 3D scene, and has the function of following the camera's viewpoint.

[0014] Preferably, the scene rendering module also includes a model information dashboard for displaying various parameters of the 3D model; and provides an object list to display the model topology in a tree list format, supporting the control of the visibility of models or model groups by checking the object list, and allowing customization of the glow level and annotation list of the geometry by clicking on the object list to select the corresponding geometry.

[0015] A method for building a large-screen 3D page based on the 3D model annotation system includes the following steps: S1: Introduce the 3D model annotation system into the interface design page of the TPRI-DataVue visualization platform, select the 3D model to be rendered, and adjust the view position and size; S2: Enter the editing interface of the 3D model annotation system, select the preset light source through the lighting system of the scene rendering module to adjust the scene lighting, and configure the on / off status and glow parameters of the glow system; S3: Select a model style through the style customization system, adjust the parameters of the corresponding style, control the visibility of the model or model group and select geometry through the object list, and customize the glow level and annotation list. S4: Through the model parsing and annotation module, select the TPRI-DataVue visualization platform based on the group name and component name to render the component into the scene, adjust the displacement, width, height and scaling of the component, and configure whether the component follows the camera; S5: Enable all preset mouse events through the event submodule of the interactive editing module; S6: Save the scene configuration, edit the callback logic for each mouse event in the edit state form of the TPRI-DataVue visualization platform, and view and test the large-screen 3D page in the playground interface of the TPRI-DataVue visualization platform.

[0016] An electronic device includes a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the program to implement a method for building a large-screen 3D page, such as a 3D model annotation system.

[0017] A computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements a method for building a large-screen 3D page, such as a 3D model annotation system.

[0018] Compared with the prior art, the present invention has the following beneficial technical effects: This invention, through the collaborative work of a scene rendering module, a model parsing and annotation module, a data-driven module, a component interaction module, and an interactive editing module, achieves flexible and efficient construction of 3D visualization scenes, annotation of visualization data, and provision of scene user interaction capabilities. It solves the problems of existing 3D visualization rendering toolkits being too large, logically complex, highly customized, and lacking development flexibility. The component interaction module allows for freely editable scene content, embedding of platform content, or referencing within other components, enabling seamless integration of 3D scenes with other components, greatly improving system flexibility and scalability. The scene rendering and model parsing and annotation modules allow for flexible allocation of platform resources to build 3D scenes, and asynchronous peak loading technology prevents complex rendering tasks from freezing the process, improving system stability and user experience. The data-driven and component interaction modules allow for rapid mounting of other TPRI-DataVue visualization platforms for data rendering, enabling data visualization and interaction, enhancing the system's data processing capabilities and display effects.

[0019] Furthermore, by providing a fully functional editable UI, the platform helps developers quickly and efficiently build 3D visualization pages, enabling rapid deployment and debugging of 3D pages, greatly shortening the development cycle and reducing development difficulty.

[0020] Furthermore, by enriching the datavue component library, it provides 3D rendering capabilities while maintaining ease of use, offering an innovative and efficient technical solution for modern enterprises to improve operational efficiency. Attached Figure Description

[0021] The accompanying drawings are provided to further understand the invention and constitute a part of this invention. The illustrative embodiments of the invention and their descriptions are used to explain the invention and do not constitute an improper limitation of the invention.

[0022] Figure 1 This is a schematic diagram of three-dimensional element data driving according to an embodiment of the present invention.

[0023] Figure 2 This is for the data caching and updating of the annotation tool in this embodiment of the invention. Detailed Implementation

[0024] The present invention will be further described in detail below with reference to specific embodiments. These descriptions are for explanation purposes only and are not intended to limit the scope of the invention.

[0025] To enable those skilled in the art to better understand the present invention, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings of the embodiments of the present invention. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort should fall within the scope of protection of the present invention.

[0026] Example 1 The 3D model annotation system based on TPRI-DataVue includes a scene rendering module, a model parsing and annotation module, a data-driven module, a component interaction module, and an interactive editing module.

[0027] The scene rendering module imports 3D models through the file system of the TPRI-DataVue visualization platform, enabling rapid model switching. This module includes a built-in lighting system, glow system, and style customization system. The lighting system adjusts the overall lighting effects of the scene, containing four preset light sources, allowing users to adjust the intensity, direction, and color of light in the scene as needed. The glow system adds glow effects to the scene, enhancing the visual expressiveness of the models. The style customization system allows switching the overall style of the 3D models, providing options for original skin style, white model style, and mesh style. Selecting any style will bring up a style parameter form, allowing users to adjust the color scheme, line type, and visibility parameters under that style, achieving fine-grained control over the model's visual effects.

[0028] The scene rendering module also includes a model information dashboard to display various parameters of the 3D model, such as model name, number of faces, number of vertices, and other technical indicators. It also provides an object list, which displays the model topology in a tree-like list format. Users can control the visibility of models or model groups by checking the object list, and customize the glow level and annotation list of the corresponding geometry by clicking on the object list, making it convenient for users to quickly locate and manage the various components in the model.

[0029] The model parsing and annotation module is responsible for parsing the hierarchical structure of the 3D model and displaying its topology in a tree structure. It allows users to customize attributes and add annotations to each individual geometry within the model, and is compatible with TPRI-DataVue visualization platform components for displaying complex pages and data. Asynchronous peak loading technology is used when reading 3D model information to avoid complex rendering tasks freezing the process. During loading, the model's tree structure is traversed, adding events and indicator elements to each object in the model sequentially. Simultaneously, the topology data is flattened to support user selection and editing operations. Annotations added by this module support displacement adjustment, custom width and height, and scaling. The annotations also have a "follow camera" function to always face the camera, ensuring clear visibility from any viewpoint. Elements and data within the TPRI-DataVue visualization platform continue to function normally during annotation, guaranteeing the interactivity and functional integrity of the annotated content.

[0030] The data-driven module is built on the MVC model to construct a data-driven system. It uses the Proxy class from the JavaScript specification to proxy complex data objects in 3D components. Callbacks are added recursively to the key of each layer of the data object. When the data object changes and the new value is a complex data structure, the callback is recursively added again. This allows for adjustments to the displayed data and art style within the scene by modifying element attributes. It also responds to changes in scene parameters made by the TPRI-DataVue visualization platform's editing state and scripts, triggering scene update functions. Methods for modifying element attributes include the TPRI-DataVue visualization platform's business flow, component lifecycle, user operations, and editing state forms. Any method that accesses the 3D annotation tool's data cache can change the view effect by modifying data object attributes, achieving two-way binding and automatic updates between data and view.

[0031] The component interaction module is used to enable the nesting of this 3D model annotation system with other components of the TPRI-DataVue visualization platform, and supports data exchange and linkage between this tool and other business applications, databases or computing resources.

[0032] The nesting mechanism specifically allows the 3D model annotation system to be embedded into other components of the TPRI-DataVue visualization platform, and also allows other components of the TPRI-DataVue visualization platform to be embedded within a 3D scene. This module uses the component rendering method provided by the TPRI-DataVue visualization platform, rendering components by providing DOM elements and corresponding configurations. After the user changes the configuration, new DOM elements are created and placed in the 3D container, while old DOM elements are deleted. In runtime, the TPRI-DataVue visualization platform's script editing capabilities trigger a data-driven module to update the view, ensuring seamless integration and data flow between components.

[0033] The interactive editing module includes an event submodule and a camera roaming submodule. The event submodule provides a mouse event editing system to support user-defined mouse events and corresponding interaction logic within the 3D scene. Supported mouse events include mouse in, mouse out, mouse click, mouse press, mouse release, and mouse leave. Interaction logic includes scene visibility control, style adjustment, and data updates. The event submodule provides callback configurations for mouse events in the edit-state form of the TPRI-DataVue visualization platform, and includes a preset "event information printing" callback implemented in JavaScript code, allowing users to edit the callback logic as needed. In the playground interface of the TPRI-DataVue visualization platform, users can trigger preset mouse events but cannot edit the scene, ensuring system security. The camera roaming submodule allows users to customize the camera roaming path and adjust the speed curve and sequence during roaming, achieving smooth scene browsing and display effects.

[0034] Through the collaborative work of the above five modules, this 3D model annotation system can achieve efficient annotation, interaction and management of 3D models, meeting users' needs for in-depth customization and application of 3D models on the TPRI-DataVue visualization platform.

[0035] This invention provides a method for building large-screen 3D pages based on a 3D model annotation system, such as... Figure 1 As shown, it includes the following steps: S1: Introduce the 3D model annotation system into the TPRI-DataVue interface design page, select the 3D model to be rendered, and adjust the view position and size. Users first need to open the TPRI-DataVue visualization platform's interface design page, select and import the 3D model annotation system described in Example 1 from the component library. After importing the tool, select the 3D model file to be displayed on the large screen through the TPRI-DataVue file system. After loading, the model's position, rotation angle, and display size in the view can be adjusted via mouse operations or parameter settings to ensure the model's display effect on the large screen meets design expectations.

[0036] S2: Enter the editing interface of the 3D model annotation system. Adjust scene lighting by selecting preset light sources through the lighting system of the scene rendering module, and configure the on / off status and parameters of the glow system. In this step, the user enters the editing mode of the 3D model annotation system by clicking, and uses the lighting system in the scene rendering module described in Example 1 to select a suitable combination of light sources from four preset light sources. The user then adjusts the position, intensity, and color of the light sources to achieve the desired scene lighting effect. Simultaneously, the user can turn the glow system on or off and adjust parameters such as glow intensity, range, and color according to the needs of large-screen display to enhance the visual effect and sense of depth of the model.

[0037] S3: The user selects a model style through the style customization system in the scene rendering module, adjusts the corresponding style parameters, and controls the visibility of models or model groups and the selection of geometry via the object list to customize the glow level and annotation list. In this step, the user selects an overall model style suitable for large-screen display, such as the original skin style, white model style, or mesh style mentioned in Example 1, and adjusts the color scheme, line type, and visibility parameters through the pop-up style parameter form. Next, using the object list provided by the scene rendering module, the user views and manages model components in a tree structure, controlling the display or hiding state of specific model components through checkboxes. The user can also customize the glow level for specific geometry in the object list, highlighting key display areas, and configure the annotation list content associated with that geometry to provide detailed information for the large-screen display.

[0038] S4: Through the model parsing and annotation module, such as Figure 2As shown, the TPRI-DataVue visualization platform is selected based on the group name and component name to render the component into the scene. The component's displacement, width, height, and scaling are adjusted, and the component's camera-following behavior is configured. In this step, the user utilizes the model parsing and annotation module to select appropriate components from the TPRI-DataVue visualization platform library, such as data charts, text boxes, and buttons, by group name and component name, and renders them into the 3D scene as annotation content for the model. After rendering, the user can adjust the annotation component's position (via displacement parameters), size (via width and height parameters), and overall scale (via scaling parameters) in the scene. Furthermore, the user can configure whether the annotation component enables camera-following. When enabled, the annotation content will always face the camera regardless of how the user rotates or moves the viewpoint, ensuring clear readability from any angle.

[0039] S5: Enable all preset mouse events through the event submodule of the interactive editing module. In this step, the user enables all preset mouse events mentioned in Example 1 through the event submodule of the interactive editing module, including mouse in, mouse out, mouse click, mouse press, mouse release, and mouse leave events. These events will serve as triggering conditions for user interaction on the large-screen 3D page, providing a foundation for defining the subsequent interaction logic.

[0040] S6: Save the scene configuration. In the TPRI-DataVue edit mode form, edit the callback logic corresponding to each mouse event. View and test the large-screen 3D page in the TPRI-DataVue playground interface. After completing the above steps, the user saves the current scene configuration, including all parameters such as model position, lighting settings, and annotation layout. Then, in the TPRI-DataVue visualization platform's edit mode form, write the corresponding callback function logic for the various mouse events enabled in step S5, such as displaying detailed data when clicking a component, or highlighting relevant information when hovering over a certain area. After writing, the user can switch to TPRI-DataVue's playground preview mode to view and test the actual effect and interactive experience of the large-screen 3D page, verifying whether each function meets the design expectations. If problems are found, the user can return to the edit mode for adjustments until a satisfactory display effect is achieved.

[0041] Through the above six steps, users can quickly build large-screen 3D pages with rich interactive functions based on the 3D model annotation system, realizing the organic combination of data visualization and 3D models, and providing an intuitive and efficient way to display information for decision analysis and information presentation.

[0042] Other components of the TPRI-DataVue visualization platform refer to the various data visualization and interactive controls provided by the platform, such as, but not limited to, two-dimensional charts, forms, lists, filters, etc. These components can receive data input and independently render corresponding visualization content, specifically including: Data visualization components include 2D charts (line charts, bar charts, pie charts), tables, dashboards, key performance indicator cards, etc., which are used to present business data in a two-dimensional format.

[0043] User interaction components, such as dropdown selection boxes, buttons, and date pickers, are used to trigger operations within a 3D scene when embedded in it (such as switching models or starting animations).

[0044] Data input / control components: data filter and slider controller, used to control the display parameters of the 3D scene (such as filtering data within a specific range to highlight the corresponding parts in the 3D model).

[0045] Example 2: Building a large-screen 3D page Step 1: Drag this tool into the scene on the TPRI-DataVue interface design page, select the model to be rendered, and adjust the view to a suitable position and size.

[0046] Step 2: In the Lighting Form: Select the component and click the scene editing function on the right to enter the editing interface. Clicking the preset light source allows you to quickly adjust the configuration of the four light sources in the scene. Below, you can fine-tune the effect of each light. If you need to configure more delicate lighting effects, click the lightmap bar to add a lightmap and adjust its intensity. At the bottom of the form is the glow form. Enabling glow will slightly reduce image quality, but it will make objects glow. You can define multiple glow effects and customize each glow key, which can then be added to geometry to make objects glow. In this example, click the preset "Bright" to add a light source to the scene. No glow is added. When objects are added, they will be illuminated by light of different brightness and angles, creating a sense of depth.

[0047] Step 3: The model form provides a model information dashboard for quick viewing of various model parameters. The style customization system allows you to choose your desired model style, with three preset effects: default, white film, and mesh. After selecting a style, a style parameter form will pop up below, allowing you to further adjust parameters such as color scheme, line type, and visibility under the current style. At the bottom is an object list, displaying the model's topology in a tree structure. Checking the boxes allows you to control the visibility of models or model groups; clicking selects them. This function has the same effect as directly clicking on a model on the left. After selecting a model, you can customize the glow level and annotation list of the selected geometry. In this example, a white model is selected, and the color is set to light gray with an opacity of 0.9. The selected white model will be displayed in the scene, giving it a slightly transparent visual effect.

[0048] Step 4: When creating annotations, select the TPRI-DataVue visualization platform by group name and component name to render them into the scene. This allows users to perform operations such as displacement, custom width and height, and scaling. Following the camera ensures the annotations always face the camera, and the original elements and data within the DataVue component can continue to function unaffected. In this example, select a room from the model above, click "Add," and a TPRI-DataVue visualization platform container will be placed in the scene. Drag and drop it to the right side of the model, then select a TPRI-DataVue visualization platform in the corresponding attribute form. The component will then be rendered into the scene.

[0049] Step 5: In the rightmost form, turn on all mouse event switches (turn on all switches for "Move", "Click", "Press", "Release", "Enter", and "Leave"). Step 6: Click "OK" to save the scene. In the TPRI-DataVue edit state form, you can see that each specific callback of the mouse event options corresponds to the event in Step 5, and each has a pre-set callback for printing event information using JavaScript code. Edit this according to your needs. Afterwards, you can view the component in the TPRI-DataVue playground. Users can still use the mouse to trigger the pre-set mouse events, but scene editing is not possible. The chart component floats on the right side of the model and moves with the model.

[0050] The solution of the present invention has the following functions: The model is imported through TPRI-DataVue's file system, enabling quick switching. The annotation tool's edit mode includes a simple and efficient lighting and glow system, allowing for rapid adjustment of the overall scene lighting effects. It also provides some post-processing capabilities, such as adding glow effects to the scene. A customizable overall style system allows for quick switching between different model styles: original skin, mesh, white model, etc., facilitating developers in building 3D scenes with varying styles to showcase visual content.

[0051] This tool can parse the hierarchical structure of a model, display the topology using a tree structure, and allow users to customize attributes and add annotations for each individual geometry. For example, when an engine model is placed in a scene, the user can select the engine's drive shaft, suspend a speed and torque chart, and then, with the data-driven functionality mentioned later, display real-time data; the annotation is compatible with the TPRI-DataVue visualization platform component, enabling the display of various complex pages and data.

[0052] Specific technical details of the topology structure: In order to prevent overly complex rendering tasks from blocking the process after reading the model information, asynchronous technology is used to load the data in staggered shifts. During the process, it is necessary to traverse the tree structure of the entire model. Using this loading mechanism, the events, indicators and other elements used in subsequent operations are added to each object in the model in sequence. At the same time, the topology data is flattened to facilitate user selection, editing and other operations.

[0053] Data-driven 3D elements: A data-driven system based on the MVC model has been implemented. Users can quickly adjust the displayed data and art style within the scene by modifying the attributes of elements (geometry, annotations, etc.) through the edit-state form. When components change scene parameters from the TPRI-DataVue visualization platform's edit state and scripts, update functions in the scene will be triggered. Any means that can access the 3D annotation tool's data cache can easily change the view effect by modifying its attributes, including platform business flow, component lifecycle, user operations, edit-state forms, etc. The specific principle of data-driven operation is to use the Proxy class in the JavaScript specification to proxy a complex object named "data" in the 3D component. Callbacks are added to each key in a recursive manner. When the data changes and the new value is a complex data structure, the callback in the proxy will be recursively added again, making the data-driven function stable and reliable during development and simple and fast in use.

[0054] The TPRI-DataVue visualization platform boasts powerful page interaction and data transmission capabilities. Developers can build various data dashboards and pages during use. Reusing its components and interacting with them can significantly improve efficiency, specifically in the following two aspects: Nesting with other components: Allows users to embed the annotation plugin into other components, and also allows developers to embed other components in 3D scenes to better display page information and data.

[0055] Data access: This plugin allows for data exchange and interaction with other business applications, databases, or other computing resources.

[0056] In this function, the component rendering method used is a component rendering method provided by the TPRI-DataVue visualization platform. It only requires providing a DOM element and corresponding configuration to complete the rendering. This tool is mainly responsible for organizing user data and updating the DOM element itself. When the user changes the configuration, a new DOM element is created and placed into the 3D container, and then the old DOM element is deleted. In the runtime, with the help of the script editing capabilities of the TPRI-DataVue visualization platform, data-driven (the technology in step 3 above) is triggered to update the view.

[0057] This feature is divided into two parts, providing sufficiently flexible content display methods in terms of both visual presentation and scene interaction, as shown below: Event System: This tool provides a complete mouse event editing system, allowing developers to customize various events such as mouse in / out and click within a 3D scene, and flexibly add interactive events such as visibility control, style adjustment, and data updates to the scene.

[0058] Camera roaming: This tool allows developers to easily customize the camera roaming path and adjust the speed curve, sequence, etc. during the process, making it easier to display the scene.

[0059] In another embodiment of the present invention, a computer device is provided, comprising a processor and a memory. The memory stores a computer program, which includes program instructions. The processor executes the program instructions stored in the computer storage medium. The processor may be a Central Processing Unit (CPU), or other general-purpose processors, digital signal processors (DSPs), application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. It is the computing and control core of the terminal, suitable for implementing one or more instructions, specifically suitable for loading and executing one or more instructions to achieve a corresponding method flow or corresponding function. The processor described in this embodiment of the present invention can operate a method for building a large-screen 3D page based on a 3D model annotation system.

[0060] In another embodiment of the present invention, a storage medium is provided, specifically a computer-readable storage medium (Memory), which is a memory device in a computer device used to store programs and data. It is understood that the computer-readable storage medium here can include both the built-in storage medium in the computer device and extended storage media supported by the computer device. The computer-readable storage medium provides storage space that stores the terminal's operating system. Furthermore, the storage space also stores one or more instructions suitable for loading and execution by a processor. These instructions can be one or more computer programs (including program code). It should be noted that the computer-readable storage medium here can be high-speed RAM or non-volatile memory, such as at least one disk storage device. The processor can load and execute one or more instructions stored in the computer-readable storage medium to implement the corresponding steps of the method for building a large-screen 3D page based on a 3D model annotation system described in the above embodiments.

[0061] Those skilled in the art will understand that embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0062] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart... Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0063] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0064] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0065] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention and not to limit it. Although the present invention has been described in detail with reference to the above embodiments, those skilled in the art should understand that modifications or equivalent substitutions can still be made to the specific implementation of the present invention. Any modifications or equivalent substitutions that do not depart from the spirit and scope of the present invention should be covered within the scope of protection of the claims of the present invention.

Claims

1. A 3D model annotation system based on TPRI-DataVue, characterized in that, It includes a scene rendering module, a model parsing and annotation module, a data-driven module, a component interaction module, and an interactive editing module; The scene rendering module is used to load and render 3D models through the file system of the TPRI-DataVue visualization platform, and provides lighting systems, glow systems and style customization systems; The model parsing and annotation module is used to parse the hierarchical topology of the 3D model and display it in a tree structure, allowing users to modify the attributes and add annotations to the geometry in the model; The data-driven module, based on the MVC model and utilizing JavaScript's Proxy class to proxy data objects, is used to respond to data changes and automatically update the view of the 3D scene. The component interaction module is used to enable nesting and data exchange between the 3D model annotation system and other components of the file system of the TPRI-DataVue visualization platform; The interactive editing module provides a user-customizable mouse event system and camera roaming path editing functionality.

2. The 3D model annotation system based on TPRI-DataVue according to claim 1, characterized in that, The lighting system is used to adjust the overall lighting effect of the scene, the glow system is used to add glow effects to the scene, and the style customization system is used to switch the overall style of the 3D model, switch the model rendering effect between the original skin mode, the white model mode and the mesh mode, and receive user instructions to adjust the color scheme and line type parameters.

3. The 3D model annotation system based on TPRI-DataVue according to claim 1, characterized in that, The interactive editing module includes an event submodule and a camera roaming submodule. The event submodule provides a mouse event editing system to support users in customizing mouse events and corresponding interaction logic in the 3D scene. The camera roaming submodule supports users in customizing the camera roaming path and adjusting the speed curve and sequence during the roaming process. The event submodule supports mouse events including at least mouse in, mouse out, mouse click, mouse press, mouse release, and mouse leave. The interaction logic includes scene visibility control, style adjustment, and data update.

4. The 3D model annotation system based on TPRI-DataVue according to claim 1, characterized in that, The model parsing and annotation module uses asynchronous peak loading technology when reading 3D model information. During the loading process, it traverses the 3D tree structure of the model and adds event and indicator elements to each object in the 3D model in sequence. At the same time, it flattens the topology data to support user selection and editing operations.

5. The 3D model annotation system based on TPRI-DataVue according to claim 1, characterized in that, In the data-driven module, the means of modifying element attributes include the TPRI-DataVue visualization platform business flow, component lifecycle, user operation and edit state forms, and any means that can access the 3D model annotation system data cache can change the view effect by modifying the attributes of the data object.

6. The 3D model annotation system based on TPRI-DataVue according to claim 1, characterized in that, The annotation addition function in the model parsing and annotation module supports displacement, scaling, and custom width and height operations in the 3D scene, and has the function of following the camera's viewpoint.

7. The 3D model annotation system based on TPRI-DataVue according to claim 1, characterized in that, The scene rendering module also includes a model information dashboard to display various parameters of the 3D model; and provides an object list to display the model topology in a tree list format. It supports controlling the visibility of models or model groups by checking the object list, and allows users to customize the glow level and annotation list of the geometry by clicking on the object list to select the corresponding geometry.

8. A method for building a large-screen 3D page based on the 3D model annotation system according to any one of claims 1-7, characterized in that, Includes the following steps: S1: Introduce the 3D model annotation system into the interface design page of the TPRI-DataVue visualization platform, select the 3D model to be rendered, and adjust the view position and size; S2: Enter the editing interface of the 3D model annotation system, select the preset light source through the lighting system of the scene rendering module to adjust the scene lighting, and configure the on / off status and glow parameters of the glow system; S3: Select a model style through the style customization system, adjust the parameters of the corresponding style, control the visibility of the model or model group and select geometry through the object list, and customize the glow level and annotation list. S4: Through the model parsing and annotation module, select the TPRI-DataVue visualization platform based on the group name and component name to render the component into the scene, adjust the displacement, width, height and scaling of the component, and configure whether the component follows the camera; S5: Enable all preset mouse events through the event submodule of the interactive editing module; S6: Save the scene configuration, edit the callback logic for each mouse event in the edit state form of the TPRI-DataVue visualization platform, and view and test the large-screen 3D page in the playground interface of the TPRI-DataVue visualization platform.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that, When the processor executes the program, it implements the method for building a large-screen 3D page based on a 3D model annotation system as described in claim 8.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by the processor, it implements the method for building a large-screen 3D page based on the 3D model annotation system as described in claim 8.

Images