Research On Large-Scale 3D Scene Rendering Method For Web Application

With the rapid development of computer science,data has become wider in dimension,larger in quantity,and more complex in structure.People’s demand for a clearer and faster cognition and understanding of a piece of data continues to increase.The traditional two-dimensional plane chart has been cannot meet demand.At the same time,with the vigorous development of the Internet and the advent of the era of 5G technology,the application of the web terminal has begun to penetrate into all walks of life,such as the transportation industry,urban monitoring field,real estate industry,etc.As a result,traditional web pages can no longer meet people’s needs for scene visualization,monitoring,and management.Therefore,web-oriented 3D visualization has become an important development direction in the computer field.Compared with the client,it can provide users with a more convenient way to view high-quality 3D scenes.3D visualization technology is a visualization realized by 3D scene rendering technology.In 3D scene rendering,large-scale 3D scenes cannot be directly rendered in real time due to the huge amount of data,complex data structure,and limitations of computer hardware.Several common 3D scene rendering technologies for web applications have their own shortcomings,and the current mainstream WebGL technology is no exception.Therefore,this paper proposes a new solution,which mainly uses the powerful NPAPI plug-in to embed the efficient and high-quality 3D rendering engine OSG into the browser.Using this method to load and render a large scene of 70GB,the rendering frame rate can also be maintained at about 40FPS,realizing real-time rendering of large-scale 3D scenes for web applications.First,in order to quickly load and render largescale 3D scene data in OSG,this paper studies the original LOD algorithm in OSG,proposes a quadtree-based LOD optimization method,and implements it in OSG.Then,this paper studies the plug-in technology of the browser,and uses the NPAPI plug-in to embed OSG into the browser to realize a large-scale 3D scene rendering method for web applications.Finally,in view of the problem of translucent UI penetration when using WebUI directly after embedding in the browser,a new method is proposed to use the CEF framework to embed the browser as UI in OSG applications,which solves the second half of OSG embedding in the browser.Penetration of transparent UI.