随着计算机和互联网技术的发展,尤其进入互联网3.0时代,网速的快速提升,在互联网相关应用中,传统的二维图形已经不能满足社会发展的需要,三维场景的展现作为一种越来越流行的手段,符合当代人民对生活更高质量的要求。目前国内大部分的三维展现场景都是基于固定模型的,不能根据实时数据进行三维场景的模拟展现,具有滞后性。因此,本文提出的基于实时数据源的场景三维形态的跟随展现技术具有真实、高效、实时性等特点,具体解决了三维场景的真实还原和三维实时监测等问题。当前有多种实现Web3D的技术解决方案,但是画面质量不佳、可视化效果不好、并需要安装复杂的运行环境,本文使用WebGL技术,通过WebGL的引擎库Three.js,无需安装额外插件,即可在浏览器上流畅的运行三维场景,并支持跨越多个平台,解决了其它Web3D技术方案存在的诸多问题。本文为实现前述基于实时数据源的场景三维形态的跟随展现技术,具体做了以下工作:首先,对一个WebGL的流行库Three.js进行了研究,并基于Three.js技术处理网页中三维模型,解决了网页场景中三维模型的加载、纹理贴图、模型定位、实时渲染等问题,并且具有丰富的交互属性。其次,研究Node.js服务器的搭建及应用,使用JavaScript基本语言来解决客户端和服务器数据交互的问题。使用Node.js进行服务器开发和数据API构建,为系统搭建了后端架构,并向前端提供数据交互的接口。再次,运用常用的一些开发工具来制作、开发并发布网页应用,通过ajax请求服务器数据,来完成模型的异步加载,并根据实时数据,实现模型的动态展现,重新更新并渲染到页面上。最后,将LOD优化算法与碰撞检测算法引入到三维WebGL技术中,使WebGL实物模型的渲染速度得到提升。本文通过实际案例验证,使用B/S架构搭建系统平台,结合Three.js库,搭建了一个实时动态展现的三维公路隧道场景,实现了三维场景跟随实时数据动态渲染的目标。