The Hydro-junction Simulation System Research And Implementation Based On HTML5

Most of current education and training on the network platform using words,pictures, video and other methods to interact with the user, but it is difficult to immersion such interaction will undoubtedly users. And most of those platforms also exist poor compatibility and low security, need different plug-in support, and other issues. According to the above problem, this paper has adopted the deeper immersed,better interactive virtual reality technology to enhance the user’s experience, and combining the latest HTML 5 technology hydro-junction simulation system was developed and solved traditional platform user experience is poor and the platform itself compatibility, security and other issues.The realization process of the whole system mainly consists of three parts. First of all through the 3D MAX to create three-dimensional model, and uses the 3D MAX export function to generate obj and mtl format documents and materials. Then use the Three.js engine to load the model, create the light and render the virtual scene. In the virtual scene using JavaScript, WebGL and HTML5 and other technologies to achieve panoramic roaming and human-computer interaction function. Finally, using HTML5,CSS3 and other technologies to create a login interface and local storage and other functions, integration and achieve the function of the entire system.In this paper, the innovation of the use of 3D MAX modeling, combined with virtual reality technology and HTML5, JavaScript, WebGL and other technologies to carry out the construction of the simulation of hydro-junction. Using 3D MAX modeling to make the virtual environment more real, the user can control the three-dimensional model through some interactive technology, so as to achieve the purpose of training and practice. Virtual reality technology to improve the user’s experience, users are more able to immerse into the whole system. HTML5 technology help hydro-junction hub simulation system can not use the plug-in runs in the browser, and reduce the hardware requirement improves the speed of network interaction, the whole system has better compatibility and higher security. JavaScript,WebGL and other open source code, so that the whole system more open, more scalable.Based on HTML5 framework of hydro-junction simulation system implementations demonstrate the feasibility of combining virtual reality technologywith HTML5 and network technology, network technology and virtual reality technology immersion, interactivity and HTML5 can help simulation system has better compatibility, safer and more efficient to run in the browser, let virtual simulation system has a more prominent effect in the engineering construction,engineering, design, experiment, education and training.