CN109636896B - Human skeleton and bone fracture plate three-dimensional interaction display method based on WebGL - Google Patents
Human skeleton and bone fracture plate three-dimensional interaction display method based on WebGL Download PDFInfo
- Publication number
- CN109636896B CN109636896B CN201811391313.9A CN201811391313A CN109636896B CN 109636896 B CN109636896 B CN 109636896B CN 201811391313 A CN201811391313 A CN 201811391313A CN 109636896 B CN109636896 B CN 109636896B
- Authority
- CN
- China
- Prior art keywords
- dimensional
- bone fracture
- model
- bone
- fracture plate
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2207/00—Indexing scheme for image analysis or image enhancement
- G06T2207/30—Subject of image; Context of image processing
- G06T2207/30004—Biomedical image processing
- G06T2207/30008—Bone
Landscapes
- Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Computer Graphics (AREA)
- Geometry (AREA)
- Software Systems (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention discloses a three-dimensional interactive display method of human skeletons and bone fracture plates thereof based on WebGL, which comprises the following steps: (1) the three-dimensional visual interaction of human skeletons is realized in a browser by applying a WebGL technology; (2) cutting a skeleton model and displaying a detail model of the skeleton model in a browser; (3) and realizing the bidirectional query of the damaged bone and the bone fracture plate in a browser, wherein the bidirectional query is to query the matched three-dimensional model of the bone fracture plate according to the bone damage type, and conversely, to query the matched bone damage type according to the written bone fracture plate information. The invention helps doctors to quickly and accurately acquire the three-dimensional detailed information of the bone fracture plate and select the matched bone fracture plate. The three-dimensional interaction technology based on the WebGL technology can be used for checking three-dimensional models of human skeletons and bone fracture plates in all directions and at multiple angles, and three-dimensional details of the bone fracture plates can be inquired by combining data management. The system has better practicability and development prospect.
Description
Technical Field
The invention relates to a man-machine interaction technology of a browser, in particular to a three-dimensional visual interaction and information management method of a digital orthopedics department, and belongs to computer graphics.
Background
With the development of computer technology, a three-dimensional human-computer interaction technology is mature at a pc-end workstation and is applied to various fields of production and life, but the portability of a pc-end system is inflexible, so that the establishment of an open cross-platform system becomes a key point and a hotspot of research. Meanwhile, the traditional browser is too huge in technical specification, many attributes of the plug-in are rarely used, the complexity of the plug-in is greatly increased, the performance of a system is reduced, the quality of a three-dimensional image is not high, and the operation is inconvenient.
The development of three-dimensional visual interaction and information management technology brings profound changes to many fields of medicine. In the past, doctors can only browse two-dimensional image pictures of bones and bone fracture plates, the two-dimensional image pictures are not visual enough, each picture only reflects one side surface of the state of a patient, so that the three-dimensional structure information of the bones and the bone fracture plates is difficult to acquire quickly, accurately and in detail, the doctors can only judge the types of the bone fracture plates by means of professional knowledge, and the efficiency is greatly reduced.
The invention has the advantages that: the human skeleton and bone fracture plate three-dimensional interactive display method based on WebGL can realize man-machine interaction on a browser by using the WebGL technology, and the method is free of plug-in, and greatly improves the efficiency of inquiring and matching the bone fracture plate by combining the method with an information management system.
Disclosure of Invention
In order to overcome the defects of the prior art, the invention aims to provide a three-dimensional interactive display method of human skeletons and bone fracture plates based on WebGL, which realizes three-dimensional presentation of human skeletons, single skeletons and bone fracture plates in a browser, and simultaneously supports the viewing of point cloud models, triangular surface patches and other detailed models and the query and modification of detailed information of the bone fracture plates.
In order to achieve the above object, the present invention adopts the following technical solutions:
step (1): the method comprises the steps that three-dimensional visual interaction of human skeletons is achieved in a browser by means of a WebGL technology, wherein the three-dimensional visual interaction comprises the display of three-dimensional models of the human skeletons, single skeletons and a bone fracture plate;
step 1 a: the method comprises the steps that a WebGL technology is used for displaying a human skeleton model in a browser, single bones or human skeletons can be displayed, wherein the human skeleton is formed by storing 206 single bones in a partition mode, and the single bones are selected to be displayed by randomly selecting a certain bone from the human skeleton through a ray method;
step 1 b: analyzing the file structure of the three-dimensional model, importing the file structure into a compiler for compiling operation, and asynchronously transmitting the three-dimensional file to a webpage;
step 1 c: and setting an observation point through the model matrix and the view matrix to finish the interactive operations of translation, rotation, scaling and the like, and simultaneously, applying the illumination matrix to generate shadow feeling of different angles in order to increase the stereoscopic impression of the three-dimensional model.
Step (2): cutting a three-dimensional model and displaying a detail model of the three-dimensional model in a browser, wherein the cutting of the three-dimensional model comprises displaying a cutting plane, and selecting a point cloud model or a triangular patch model for displaying according to the needs of a user;
step 2 a: carrying out surface reduction processing on the three-dimensional model to obtain a point cloud model or a triangular patch model;
and step 2 b: a cutting plane is arranged, the honeycomb structure of the bone is checked, points on the plane are regarded as being on the cutting plane within a certain range, and the internal structure of the current cutting plane is displayed on the side face.
And (3): and realizing bidirectional query of the damaged bone and the bone fracture plate in a browser, wherein the bidirectional query is to query the three-dimensional model of the matched bone fracture plate according to the bone damage type, and conversely, the matched bone damage type can be queried according to written information such as the material and the type of the bone fracture plate. The detailed information includes information such as name, model, supplier, code, product specification, etc. of the bone plate.
The invention has the advantages that: a human skeleton and a bone fracture plate three-dimensional interactive display method based on WebGL are applied to the clinical aspect of medical orthopedic surgery, can judge the type of damaged skeleton by a doctor, and can quickly and accurately find the bone fracture plate matched with the damaged type by inquiring the three-dimensional detailed information of the bone fracture plate.
Drawings
FIG. 1 is a flow chart of a three-dimensional interactive display method of human skeletons and bone fracture plates based on WebGL in the invention;
FIG. 2 is a body skeleton view, a femur damage classification and a corresponding bone plate;
FIG. 3 is a cut of a solid femoral model;
FIG. 4 is a point cloud model and a triangular patch model of a femur.
Detailed Description
The invention will be further explained with reference to the drawings attached to the specification. The following examples are only for illustrating the technical solutions of the present invention more clearly, and the protection scope of the present invention is not limited thereby.
As shown in FIG. 1, the three-dimensional interactive display method of human skeleton and bone fracture plate based on WebGL of the invention comprises the following steps,
step (1): the method comprises the steps that three-dimensional visual interaction of human skeletons is achieved in a browser by means of a WebGL technology, wherein the three-dimensional visual interaction comprises the display of three-dimensional models of the human skeletons, single skeletons and a bone fracture plate;
step 1 a: the method comprises the steps that a WebGL technology is used for displaying a human skeleton model in a browser, single bones or human skeletons can be displayed, wherein the human skeleton is formed by storing 206 single bones in a partition mode, and the single bones are selected to be displayed by randomly selecting a certain bone from the human skeleton through a ray method;
step 1 b: analyzing the file structure of the three-dimensional model, importing the file structure into a compiler for compiling operation, and asynchronously transmitting the three-dimensional file to a webpage;
step 1 c: and setting an observation point through the model matrix and the view matrix to finish interactive operations such as translation, rotation, zooming and the like, and simultaneously generating shadow feeling of different angles by using the illumination matrix in order to increase the stereoscopic impression of the three-dimensional model, as shown in figure 2.
Step (2): cutting a three-dimensional model and displaying a detail model of the three-dimensional model in a browser, wherein the cutting of the three-dimensional model comprises displaying a cutting plane, and selecting a point cloud model or a triangular patch model to display according to the needs of a user;
step 2 a: carrying out surface reduction processing on the three-dimensional model to obtain a point cloud model or a triangular patch model, as shown in FIG. 4;
and step 2 b: a cutting plane is set, the honeycomb structure of the bone is viewed, points on the plane are all regarded as being on the cutting plane in a certain range, and the internal structure of the current cutting plane is displayed on the side, as shown in fig. 3.
And (3): the method comprises the steps that bidirectional query of damaged bones and bone fracture plates is realized in a browser, the bone fracture plates matched with the bidirectional query are queried according to the types of the damaged bones, and conversely, the matched types of the damaged bones can be queried according to written information such as the material and the types of the bone fracture plates, as shown in fig. 2; the detailed information includes information such as name, model, supplier, code, product specification, etc. of the bone plate.
The invention uses computer graphics knowledge to three-dimensionally present the three-dimensional model in the browser, and can three-dimensionally present any skeleton in the human skeleton. Fig. 2 is a three-dimensional display of the composition structure from a single bone to a whole bone, fig. 3 is a cut three-dimensional display of a solid femur model, wherein fig. 4 is a point cloud model and a triangular patch model showing the femur.
In summary, the method for three-dimensional interactive display of human skeletons and bone fracture plates thereof based on WebGL of the invention is characterized in that three-dimensional visual interaction of human skeletons is realized in a browser by applying WebGL technology according to a database of an actual skeleton and bone fracture plate information three-dimensional information management system, namely three-dimensional models of a human skeleton, a single skeleton and a bone fracture plate are displayed; displaying the cutting of the skeleton model and a detail model thereof in a browser, namely displaying a cutting plane, and displaying a point cloud model or a triangular patch model according to the needs of a user; and bidirectional query is realized, namely the bone fracture plate matched with the bone damage type is queried according to the bone damage type, otherwise the bone damage type matched with the bone damage type can be queried according to written information such as the material and the type of the bone fracture plate.
The foregoing illustrates and describes the principles, general features, and advantages of the present invention. It should be understood by those skilled in the art that the above embodiments do not limit the present invention in any way, and all technical solutions obtained by using equivalents or equivalent changes fall within the protection scope of the present invention.
Claims (3)
1. A human skeleton and bone fracture plate three-dimensional interactive display method based on WebGL is characterized by comprising the following steps:
step (1): the method comprises the steps that three-dimensional visual interaction of human skeletons is achieved in a browser by means of a WebGL technology, wherein the three-dimensional visual interaction comprises the display of three-dimensional models of the human skeletons, single skeletons and a bone fracture plate;
step 1 a: displaying a human skeleton model in a browser by using a WebGL technology, and displaying single bones or human skeletons, wherein the human skeleton is formed by storing 206 single bones in a partitioned manner, and the selection of the single bones is to randomly select a certain bone from the human skeleton for display by using a ray method;
step 1 b: analyzing the file structure of the three-dimensional model, importing the file structure into a compiler for compiling operation, and asynchronously transmitting the three-dimensional file to a webpage;
step 1 c: setting observation points through the model matrix and the view matrix to finish the interactive operation of translation, rotation and scaling, and simultaneously generating shadow feeling of different angles by using an illumination matrix in order to increase the three-dimensional sense of the three-dimensional model;
step (2): cutting a three-dimensional model and displaying a detail model of the three-dimensional model in a browser, wherein the cutting of the three-dimensional model comprises displaying a bone cutting plane, and selecting a point cloud model or a triangular patch model for displaying according to the needs of a user;
and (3): and realizing the two-way query of the damaged bone and the bone fracture plate in a browser, wherein the two-way query is to query the three-dimensional model of the matched bone fracture plate according to the bone damage type, and conversely, the matched bone damage type is queried according to the written information of the bone fracture plate.
2. The WebGL-based human skeleton and bone fracture plate three-dimensional interactive display method of claim 1, wherein the step (2) comprises the following specific steps:
step 2 a: carrying out surface reduction processing on the three-dimensional model to obtain a point cloud model or a triangular patch model;
and step 2 b: a cutting plane is arranged, the honeycomb structure of the bone is checked, points on the plane are regarded as being on the cutting plane within a certain range, and the internal structure of the current cutting plane is displayed on the side face.
3. The WebGL-based three-dimensional interactive display method for human bones and bone fracture plates thereof as claimed in claim 1, wherein the information of the bone fracture plate in the step (3) comprises information of name, model, supplier, code and product specification of the bone fracture plate.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811391313.9A CN109636896B (en) | 2018-11-21 | 2018-11-21 | Human skeleton and bone fracture plate three-dimensional interaction display method based on WebGL |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811391313.9A CN109636896B (en) | 2018-11-21 | 2018-11-21 | Human skeleton and bone fracture plate three-dimensional interaction display method based on WebGL |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109636896A CN109636896A (en) | 2019-04-16 |
| CN109636896B true CN109636896B (en) | 2022-08-19 |
Family
ID=66068657
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811391313.9A Active CN109636896B (en) | 2018-11-21 | 2018-11-21 | Human skeleton and bone fracture plate three-dimensional interaction display method based on WebGL |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109636896B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112037323A (en) * | 2020-09-02 | 2020-12-04 | 容可 | Matching method of medical bone fracture plate |
| CN115272615B (en) * | 2022-08-10 | 2023-09-08 | 新乡学院 | Femur point cloud model medical semantic segmentation method and application thereof |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1555030A (en) * | 2003-12-22 | 2004-12-15 | 李浩宇 | Establishing method of 3D interacting model of human skeleton unknown body and its use |
| CN106528967A (en) * | 2016-10-24 | 2017-03-22 | 河海大学常州校区 | Personalized bone plate design method based on template |
-
2018
- 2018-11-21 CN CN201811391313.9A patent/CN109636896B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1555030A (en) * | 2003-12-22 | 2004-12-15 | 李浩宇 | Establishing method of 3D interacting model of human skeleton unknown body and its use |
| CN106528967A (en) * | 2016-10-24 | 2017-03-22 | 河海大学常州校区 | Personalized bone plate design method based on template |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109636896A (en) | 2019-04-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Andersen et al. | Virtual annotations of the surgical field through an augmented reality transparent display | |
| Hauser | Generalizing focus+ context visualization | |
| Kim et al. | Comparison techniques utilized in spatial 3D and 4D data visualizations: A survey and future directions | |
| CN109636896B (en) | Human skeleton and bone fracture plate three-dimensional interaction display method based on WebGL | |
| Scharver et al. | Designing cranial implants in a haptic augmented reality environment | |
| KR20080063284A (en) | Reconstruction render farm used in motion capture | |
| CN110931121A (en) | Remote operation guiding device based on Hololens and operation method | |
| US20220346888A1 (en) | Device and system for multidimensional data visualization and interaction in an augmented reality virtual reality or mixed reality environment | |
| CN110568934A (en) | Low-error high-efficiency multi-label-graph augmented reality system | |
| Trier et al. | The visible ear surgery simulator | |
| CN104376770A (en) | Three-dimensional visualization operation simulation method and system | |
| CN113379929B (en) | Bone tissue repair virtual reality solution method based on physical simulation | |
| US6396494B1 (en) | Method for virtual clipping a three-dimensional graphics image | |
| US20230054394A1 (en) | Device and system for multidimensional data visualization and interaction in an augmented reality virtual reality or mixed reality image guided surgery | |
| CN111145190A (en) | Single organ interaction method based on medical image processing and visualization | |
| Meehan et al. | Virtual 3D planning and guidance of mandibular distraction osteogenesis | |
| Stoyanov et al. | Current issues of photorealistic rendering for virtual and augmented reality in minimally invasive surgery | |
| Chen et al. | A system design for virtual reality visualization of medical image | |
| Krieger et al. | Multimodal extended reality applications offer benefits for volumetric biomedical image analysis in research and medicine | |
| CN108346458A (en) | Medical teaching AR capture overlapping systems | |
| Zhao et al. | Research and design of three-dimensional brain augmented reality system based on medical image features | |
| CN117274540A (en) | Medical image visualization system based on virtual reality | |
| Chen et al. | The research and practice of medical image 3D reconstruction platform | |
| Wischgoll et al. | A novel method for visualization of entire coronary arterial tree | |
| Dong et al. | User centered design for medical visualization |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |