基于Web的校园漫游系统设计与实现

Design and Implementation of Web-Based Campus Roaming System

摘要: 随着网络通信能力的提升和移动互联网的广泛应用，基于Web的线上漫游系统有了更广阔的应用前景。本文基于three.js设计实现了一个线上漫游系统，系统主要包含第一和第三视角漫游、飞行漫游、全景漫游、信息可视化、场景交互等功能。为了适应线上漫游的应用需求，同时让用户有更好的体验，本文在三维模型构建、LOD多细节层次渲染、模型面片化处理等方面优化渲染效果，提升加载速度，并且对three.js中几个关键功能库进行研究与应用，最后，通过系统的实现效果来看，three.js可以适应移动互联网的应用需求，具有广泛的应用前景。

Abstract: With the improvement of network communication capabilities and the wide application of mobile Internet, Web-based online roaming system has a broader application prospect. This article is based on the three.js design to achieve an online roaming system; the system mainly includes the first and third perspective roaming, flight roaming, panoramic roaming, information visualization and other functions. In order to adapt to the application needs of online roaming, while allowing users to have a better experience, this article in the three-dimensional model construction, LOD multi-level rendering, model patch processing and other aspects of the optimization of rendering effects, and the study of several key functional libraries in the three.js, through the final system of the implementation effect, three.js can adapt to the application needs of the mobile Internet, has a wide range of application prospects.