Research On Key Technology Of WebGL3D Bridge Dynamic Simulation

With the rapid development of China’s transportation construction, construction ofnew bridges and operation management of the old bridges are faced with morechallenges. Bridge health monitoring and management system is widely used as animportant tool to ensure safe operation of the bridge structure. However, with thedevelopment and promotion of new technologies, how can bridge inspectionaccurately identify bridge damage, and make analysis and early warning of it torealize the standardization, automation, networking and visualization of bridgeoperations. The above has become a hot and difficult subject in academia at home andabroad.This article studied the development trend of bridge health monitoring and3Dvisualization technology at home and abroad, focusing on the design anddevelopment of Web-based bridge health monitoring visualization system by usingWebGL, HTML5and other frontier technologies combined with the actualcharacteristics of bridge structure and operational management needs. It achievesefficient and intuitive monitoring data presented on the web and warning analysis,and has good user experience, low development cost, platform versatility and otheradvantages. The main research work and innovation of this paper is summarized asfollows:First, this study elaborated on the development trend of bridge inspectionmanagement system, deeply explored three-dimensional rendering GPU principle ofWebGL technology, cross-platform framework for openness and eco-technology, andevaluated of a web development framework best suited to achieve3D visualizationbridge.Second, combined with relevant technical framework, the study designed bridgehealth monitoring visual simulation system, module function, and the optimalsolution of the user interface according to the management of the actual bridgeinspection actual needs and goals.Third, it studied the development and implementation based on key technologiesvisualization of bridge health monitoring system of WebGL. At first, combined with the actual structure of the bridge and environmental characteristics, the use of3DMAX bridge scene with realistic design, and optimization scenario model to the Webenvironment can be more conducive to the bridge scene rendering andimplementation. Then using WebGL Three.js framework will help to bridge scenereconstruction rendered in a Web environment, coloring optimization. In accordancewith the Three.js framework animation and interactivity principle, a visual bridge ofroaming, interactive control and bridge models can be achieved, which lays thefoundation for achieving the monitoring, early warning and diseases inquiry. Inaddition, it offers the use of technology for large bridge scene LOD efficientlyoptimization program to further enhance the usability and efficiency of the system.Fourth, it took Xiangyang No.3Jianghan Bridge for example to describe theoverview of the structural condition of the bridge, combined with design andtechnical principles of this article to verify the successful practice of the system, andhas overall achieved effect visual markers and analysis of dataFinally, the study analyzed and summarized the direction of the main work andthe direction of future work. After further optimization of the system, it will have abroad application prospect, and has a certain reference value for bridge inspectionvisualization research.