CN-121982248-A - Web end interactive spinning simulation three-dimensional visualization system

CN121982248ACN 121982248 ACN121982248 ACN 121982248ACN-121982248-A

Abstract

The invention provides a Web-end interactive spinning simulation three-dimensional visualization system which comprises a client and a server, wherein the client builds a single-page application based on a Vue.js frame to realize a user interaction interface, receives spinning process parameters input by a user in the single-page application, sends the spinning process parameters to the server in real time, receives geometric model data and grid model data sent by the server, performs three-dimensional visualization and rendering in a browser by using a three.js engine, and generates or dynamically updates geometric model data and grid model data of a spinning model based on the spinning process parameters and an Express frame based on the node.js frame and feeds back the geometric model data and the grid model data of the spinning model to the client. The system successfully realizes the functions of three-dimensional visual display of spinning simulation, uploading and deleting of various models, model modification and the like, can smoothly run at a Web end without additional plug-in units, and has the characteristics of simplicity and convenience in operation and abundant functions.

Inventors

HONG HAIBO
Wan Shubiao
WANG YIQING
SHEN YIPING
FENG SULE
HE JUN

Assignees

上海航天精密机械研究所

Dates

Publication Date: 20260505
Application Date: 20251208

Claims (10)

1. The Web-end interactive spinning simulation three-dimensional visualization system is characterized by comprising a client and a server; The client side constructs a single page application based on the Vue. Js frame to realize a user interaction interface, receives spinning process parameters input by a user in the single page application, and sends the spinning process parameters to the server in real time; The server generates or dynamically updates geometric model data and grid model data of the spinning model based on the node. Js and Express frames and spinning process parameters, and feeds back the geometric model data and the grid model data to the client.
2. The Web-side interactive spinning simulation three-dimensional visualization system according to claim 1, wherein the client comprises a componentized interface unit, a real-time data binding unit, a multi-view real-time linkage unit, and a three-dimensional visualization and rendering engine; The system comprises a modularized interface unit, a parameter form, a three-dimensional view function component, a spinning roller, a control unit and a control unit, wherein the modularized interface unit is used for constructing a plurality of single page applications based on a Vue.js frame and circularly displaying, and each single page application provides a parameter form and a three-dimensional view function component; the real-time data binding unit receives geometric model data and grid model data of the spinning model fed back by the server, and realizes bidirectional binding of form parameters and a geometric model view or a grid model view by adopting a v-model instruction; And the three-dimensional visualization and rendering engine is used for constructing, managing and rendering a three-dimensional scene, a geometric model view or a grid model view in real time based on the WebGL and the integrated three.js.
3. The Web-side interactive spinning simulation three-dimensional visualization system of claim 2, wherein the three-dimensional visualization engine comprises: a scene construction and view management unit configured with a renderer, a camera and a light source; The interaction control unit is integrated with a OrbitControls controller of three.js and is used for responding to a mouse event to realize the rotation, translation and scaling operation of the geometric model view and the grid model view; And the view switching unit is used for realizing real-time conversion of the geometric model view and the grid model view.
4. The Web-side interactive spinning simulation three-dimensional visualization system according to claim 1, wherein the specific operation of the scene construction and view management unit is as follows: Converting geometrical model data and grid model data generated by server calculation into WebGL renderable objects through a BufferGeometry interface of three.js, namely, a geometrical model view and a grid model view, adopting a view cone clipping and detail level strategy to optimize rendering performance of the geometrical model view and the grid model view, adopting a Phong illumination model to calculate vertex-by-vertex illumination by a vertex shader, realizing a physical rendering material system by the pixel shader, simulating a metal surface anisotropic highlight effect through the metallization and roughness, adopting environment light, parallel light and a point light source to configure a multi-light source mixed illumination environment, wherein the parallel light direction is consistent with the feeding direction of a spinning wheel, and focusing the point light source on the contact area to enhance detail representation.
5. The Web-side interactive spinning simulation three-dimensional visualization system according to claim 4, wherein the view cone clipping method is as follows: The method comprises the steps of constructing a bounding box hierarchical structure of a scene object, detecting the spatial relation between a model bounding box and a camera view cone, automatically skipping the execution flow of a vertex shader and a fragment shader on a grid object completely positioned outside the view cone, displaying the execution flow of the vertex shader and the fragment shader, triggering triangular patch level clipping on a partially intersected model, and dynamically updating the bounding box hierarchical structure aiming at a dynamic deformation model.
6. The Web-side interactive spinning simulation three-dimensional visualization system of claim 4, wherein the level of detail strategy is: calculating the distance d between the model and the camera in real time, and according to a preset threshold vector Dynamically scheduling the currently displayed detail level model based on a scheduling function, and sending the currently displayed detail level model to a componentized interface unit through a WebGL rendering pipeline to display on a three-dimensional view functional component of the componentized interface unit; The scheduling function is: where { LOD_1, LOD_2,.. LOD_n } represents an n-th layer of the level of detail model, the greater n, the coarser the corresponding measured level of detail model, T n is the n-th layer preset distance threshold.
7. The Web-side interactive spinning simulation three-dimensional visualization system according to claim 1, wherein the server comprises a RESTful API interface, a WebSocket communication channel, a model processing module and a model data storage unit; the server and the client adopt the RESTful API interface to realize unidirectional communication and are used for transmitting geometric model data and grid model data; the WebSocket communication channel is used for maintaining persistent connection, so that low-delay bidirectional transmission of the rotational-transformation process parameter adjustment and model state update data is realized; The model processing module is used for creating and updating geometric model data according to geometric parameters in the rotational transformation process parameters, carrying out grid division and optimization on the parameterized geometric model according to the geometric model data and grid control parameters, converting the parameterized geometric model into a three-dimensional grid model with a vertex-surface structure, and sending the geometric model data and the grid model data to a client; and a model data storage unit for managing the geometric parameters, geometric model data and grid model data of the spinning model.
8. The Web-side interactive spinning simulation three-dimensional visualization system according to claim 7, wherein the model processing module automatically optimizes grid distribution according to material flow characteristics in the spinning process, encrypts grids to 0.1mm precision in contact areas to accurately capture deformation details, and maintains 0.5mm grid density in non-critical areas to ensure computational efficiency.
9. The Web-side interactive spinning simulation three-dimensional visualization system according to claim 1, wherein the client side stores static model data by IndexedDB, the static model data is stored after gzip compression, and the server side stores spinning process parameters by adopting distributed cache based on Redis.
10. The Web-end interactive spinning simulation three-dimensional visualization system according to claim 1, wherein the geometric view adopts a Phong coloring model to display appearance characteristics after spinning forming, the grid view is rendered through a vertex shader, a detail level strategy is automatically triggered when the view is switched, the number of the molded panels is dynamically adjusted according to the current viewing distance, progressive loading is carried out by adopting an Octree space division method, and a low-precision model is preferentially displayed for progressive refinement.

Description

Web end interactive spinning simulation three-dimensional visualization system Technical Field The invention relates to the technical field of digital simulation of metal plastic processing, in particular to a three-dimensional visualization system based on WebGL in an interactive spinning forming process. The system provides a visual analysis tool for spinning process development through three-dimensional real-time rendering at a browser end and dynamic adjustment of process parameters. Background With the continuous improvement of the requirements of the aerospace field on light-weight and high-strength metal components, the spinning forming process becomes a key technology for precisely processing difficult-to-deform materials such as titanium alloy, high-temperature alloy and the like due to the characteristics of high material utilization rate and good forming precision. The development of the traditional spinning process mainly depends on a trial-and-error method, and physical tests are carried out by repeatedly modifying mold parameters, so that the cycle is long, the cost is high, and the transient change of metal flow in the forming process is difficult to capture. Although the numerical simulation technology can simulate the spinning process, the prior solution has the remarkable limitations that commercial finite element software such as DEFORM-3D needs to be operated on a high-performance workstation, the modeling flow is complex, the calculation time is long, the simulation result is usually presented in a static cloud chart or a data table and lacks visual three-dimensional dynamic display, the special spinning simulation system developed based on OpenGL has platform dependence, a user needs to install a specific plug-in or client program, and cross-platform access and collaborative operation cannot be realized. In the aspect of Web three-dimensional visualization technology, the existing scheme is mainly focused on display interaction of simple models, and the special requirements of spinning process simulation are not effectively met. For example, although WebGL engines such as three.js support basic model rendering, special optimization of spinning dynamic deformation process is lacking, firstly real-time mapping of technological parameters (such as feed ratio and radius of a spinning wheel fillet) and grid deformation cannot be realized, and then calculation is needed to be submitted again after a user adjusts the parameters, secondly illumination and material system is simple, surface texture and stress gradient peculiar to metal plastic deformation are hard to be expressed, and thirdly compatibility support of multi-format technological model (such as STL tool model) and simulation data is lacking. These problems result in existing Web visualization schemes that can only be used as a result viewer in the spinning process analysis and cannot support true interactive process development. Disclosure of Invention The invention solves the technical problems of overcoming the defects of the prior art, and provides the Web-end interactive spinning simulation three-dimensional visualization system, so that a craftsman can intuitively explore the influence of spinning parameters on forming quality through a browser without professional simulation knowledge, and the process development period is obviously shortened. The invention solves the technical proposal that the Web end interactive spinning simulation three-dimensional visualization system comprises a client and a server; The client side constructs a single page application based on the Vue. Js frame to realize a user interaction interface, receives spinning process parameters input by a user in the single page application, and sends the spinning process parameters to the server in real time; The server generates or dynamically updates geometric model data and grid model data of the spinning model based on the node. Js and Express frames and spinning process parameters, and feeds back the geometric model data and the grid model data to the client. Preferably, the client comprises a componentized interface unit, a real-time data binding unit, a multi-view real-time linkage unit and a three-dimensional visualization and rendering engine; The system comprises a modularized interface unit, a parameter form, a three-dimensional view function component, a spinning roller, a control unit and a control unit, wherein the modularized interface unit is used for constructing a plurality of single page applications based on a Vue.js frame and circularly displaying, and each single page application provides a parameter form and a three-dimensional view function component; the real-time data binding unit receives geometric model data and grid model data of the spinning model fed back by the server, and realizes bidirectional binding of form parameters and a geometric model view or a grid model view by adopting a v-model instruction; And the three-dimension