Lightweight display technology of three-dimensional model based on WebGL

Abstract

The invention discloses a lightweight display technology of three-dimensional model based on WebGL, which comprises the following steps that (1) the geometry and material of a model are attained, and then according to a model tree, a scene tree is built, and an animation tree is built if there is an animation graph; (2) a discrete triangle and a line segment of the geometry are attained; (3) triangle indices are miniaturized to improve the compression ration of the compression algorithm; (4) the normal data of the triangle is compressed; (5) the index of the line segment is miniaturized; (6) the geometric object is disposed piecemeal; (7) the geometric blocks are compressed into a plurality of binary files by using Lempel-Ziv-Markov chain-algorithm; (8) the geometry, the attributes of the material, the scene tree and the animation tree are changed into JavaScript files according to the JavaScript Object Notation; (9) files are read and unzipped, the triangle and the line segment are restored, and scenes and the animation are built and modified. The lightweight display technology of three-dimensional model based on WebGL provides a data method to change the multi-format three-dimensional model into the lightweight intermediate format, which can be displayed directly in browser based on WebGL, thereby the size of the model is smaller, and the speed of the model to load and display in the website is improved.

Description

technical field [0001] The invention relates to a technology for displaying a three-dimensional model on the web, in particular to a lightweight display technology for a three-dimensional model based on webgl. Background technique [0002] With the development of network technology and computer technology, Web-based 3D visualization technology has also developed rapidly and has a wide range of applications. However, the traditional Web3D technologies used to realize 3D data, including VRML, Java3D, Flash3D and other technologies, all need to install plug-ins or load components, and have disadvantages such as complex operability and poor compatibility. The emergence of the webgl specification makes the visualization of 3D data directly in the web browser without plug-ins a reality. webgl can provide hardware graphics accelerated rendering for the browser. With the help of the system graphics card, developers can display 3D scenes and models more smoothly in the browser, and ...

AI Technical Summary

Problems solved by technology

However, many original 3D models are generated in PC 3D design software, and the formats will be various, which cannot be directly analyzed by webgl. Moreover, 3D product models are often complex and have large data volumes. Large results in failure to load or loading too slowly, seriously affecting user experience