论文部分内容阅读
与基于三维建模的漫游系统相比,基于真实图像的全景漫游系统由于采用真实的场景图片,具有数据量小、开发周期短、场景逼真等优点而在旅游、医疗、军事训练等领域得到越来越广泛的应用。全景漫游系统制作平台能够将拍摄的全景图像经过一系列的数学计算进行投影显示,控制实现不同场景间的自主漫游,结合计算机多媒体元素和GIS进行展示,真实地还原、定位场景,增强用户的交互性及身临其境的体验感。借助于全景漫游系统制作平台,普通用户可根据自身行业需求,利用普通照片或全景照片快速地自主制作其虚拟漫游系统,对全景漫游技术在各行业的推广具有重要的意义。传统的基于真实场景的三维全景漫游制作平台大都基于插件播放器,如Flash、QuickTime等,存在跨平台能力差、插件依赖性强等问题。HTML5是浏览器技术发展的趋势,它使网页设计变得更加集成化,尤其是多媒体元素的展示不再过度依赖于Flash和Silverlight插件,这样不仅给开发人员带来了极大的便利,而且用户在使用中也不必下载相关的插件,加载速度得到了改进,同时它可以跨平台跨浏览器使用。本文通过借鉴相关的开源HTML5解决方案,在传统的全景漫游制作平台基础上设计研发出一套能快速制作全景漫游系统的平台。本文根据全景漫游的需求对系统进行了设计,主要包括以下四大模块:全景场景模块、地图导航模块、菜单导航模块、终端全景推送模块。全景场景模块利用开源的Three.js库结合HTML5的Canvas标签实现全景漫游场景的展示,同时通过JavaScript语言对鼠标动作响应实现对场景的角度旋转,视野放大、缩放等控制;地图导航通过HTML5的<nav>和<map>标签结合Javascript、CSS等技术,实现了地图显示和隐藏控制,同时也可以根据地图导航提供的热点实现场景的切换;菜单导航可以控制场景的放大缩小、场景切换、全屏观看等效果;终端全景推送根据用户终端所在位置,利用HTML5的定位功能结合GIS坐标信息给用户展示出附近方圆10公里的其他全景漫游,用户根据推送的全景漫游链接可自由观看感兴趣的景点。本文采用的Three.js库同HTML5最新标签解决了传统漫游需要插件、跨平台能力差的问题,并引入终端全景推送功能,使全景漫游更加人性化,体现出HTML5的优势。通过在以上设计研发平台上制作漫游系统案例并进行测试表明,该平台达到了设计目标,制作的系统可以流畅地进行全景漫游并且具有较强的浏览器兼容性。