Design And Implementation Of 3D Visualization For Smart Park Based On WebGL

With the progress of modern science and technology and the continuous development of software and hardware technology,users can directly interact with 3D graphics on Web pages.At present,the two-dimensional plane technology of the traditional park has a single form and lack of interactive functions,which is no longer suitable for the development mode of the smart park.With the emergence of webgl technology,developers can directly use JavaScript language to draw three-dimensional graphics in HTML5,so that the three-dimensional visualization of the smart park can be realized,so as to present the information of the smart Park in a more beautiful and efficient way,and meet the convenient interactive operation between users and the park.The application of 3D visualization technology based on webgl also represents the advent of the era of 3D data visualization.The thesis first introduces the WebGL rendering process,analyzes the matrix transformation process from WebGL entity coordinate points to screen coordinate points,and introduces the research status of three-dimensional spatial data models.Based on the existing results of the three-dimensional spatial data model,the park data model and data structure are designed,and the algorithm for the three-dimensional park presentation is designed in combination with the rendering method of WebGL.Then the thesis analyzes the interaction needs of users and the 3D park,and focuses on the design and implementation of the 3D park entity's point-selection operation,marking of the area and the change of the field of view.The thesis further divides the functional modules of the park,focusing on the park Map class,describes in detail the creation process of a Map instance and how to add controls to the instance,and briefly describes the life cycle and event monitoring of the instance.In the interactive process,a collision detection and analysis algorithm is given to solve the problem of text layer stacking in the 3D park,so that the text will be transformed after the collision occurs.Finally,an example of a three-dimensional park based on real geographic information such as Shanghai General Hospital and E-manor of Hongqiao was displayed,and the functions and performance of the three-dimensional park were tested and analyzed in terms of rendering,rotation,and zooming time.According to the test results,the example of the three-dimensional park can meet the needs of people to quickly understand the distribution of the park after arriving at a strange park.Its dynamic viewing of indoor floors can facilitate visitors to visit the park,reflecting the availability of three-dimensional Park interaction.