庐陵古村全景漫游系统的设计与实现.docx

庐陵古村全景漫游系统的设计与实现 谭云兰 汤鹏杰 康永平 夏洁武摘要：通过对庐陵古村进行实地调研，使用高清拍摄设备进行数字化采集，应用了 PTGui 拼图技术，无缝拼接高清全景图，然后运用KRPanoGUI 漫游发布软件，应用HTML5 技术将庐陵古村景点介绍、视频、音频、动画以及精美图片等多媒体素材于一体嵌入到Web 页面中，构建了三维高清的庐陵古村全景漫游平台系统具有全景浏览、缩放、旋转功能外，还具有视频播放、电子相册、旅游线路导览、故事传说等交互功能在网上展陈古村三维高清全景，具有较强的交互性、沉浸感，使游客产生身临其境的感觉，真正实现足不出户漫游庐陵古村美景及深厚的历史文化该系统不仅可以使庐陵古村落原貌永久保存， 还能提升古村的旅游品质，扩大古村的旅游影响力关键词：Krpano；庐陵古村；全景漫游系统；设计：TP391 ：A ：1009-3044（2018）28-0066-03Design and Implementation on the Panoramic Roaming System of Luling AncientVillagesTAN Yun-lan1， TANG Peng-jie2， KANG Yong-ping3， XIA Jie-wu1（1. School of Electronic Information and Engineering，Jinggangshan University， Jian 343009， China； 2. School of Mathematical and Physical Science， Jinggangshan University， Jian 343009， China； 3. Center of Network and Information， Jinggangshan University， Jian 343009， China）Abstract： In this paper， we used HD shooting equipment to capture the Lulling ancient villages digitally after the field research and used PTGui panorama puzzle technology to seamless high-definition panorama. Then we chose KRPanoGUI roaming publishing software to build a three-dimensional high-definition panoramic roaming platform with a set of village scenic spot introduction， video， audio， animation， beautiful pictures and other multimedia materials. We embed these multimedia materials into web pages with HTML5 technology， which makes tourists feel immersive. This system has the virtual roaming functions of overall panorama browsing， zooming and whirling， also has the interaction functions of video playing， electronic album displaying， historical and cultural precipitation browsing and tourism route guiding. The release of the system makes tourists truly realizes the beauty and deep history and culture of the Luling ancient villages without leaving home. In addition， the system can not only make the origin of the Luling ancient villages permanent preservation， but also expand the influence of the Luling ancient villages culture and tourism quality.Key words： Krpano； Luling ancient village； panoramicroaming system； design古村落作為中国农耕文化的集中体现和活化石，以有形的姿态承载着一个时期的历史。

古称“庐陵”的吉安，自古人杰地灵，素有“江南望郡”“金庐陵”“吉州福地”“文章节义之邦”的美誉[1]钓源古村的“七星伴月”“歪门斜道”“水向西流”“三门两锁”等“天人合一”的特色建筑，渼陂古村的永慕堂、翰林第、敬德书院等古民居建筑中的对联和家训格言，古村中的燕尾山墙、马头墙、骑瓦风火墙等建筑风格，元宝窗、镂空雕饰、鎏金彩绘壁画、枋檩雀替、藻井漏窗等建筑构件和装饰，无不体现了庐陵古村宗族“崇文重教，商贾兴村”的理念[2]因此，用全景虚拟漫游的方式来展示庐陵古村的美图、美景及具有深厚文化底蕴的传说故事，是古村落数字化保护和文化传承的有效手段基于图像的Web3D全景技术广泛应用在虚拟校园、虚拟景点、虚拟房产等各个领域[3]但现有的虚拟校园漫游系统[4-5]、虚拟中医药博物馆漫游系统[6]、虚拟古建筑文物漫游系统[7]、虚拟度假酒店漫游系统[8]，主要是运用PTGui等软件进行全景图像拼接，然后用Krpano或Pano2VR等全景制作软件进行制作发布，功能相对简单本文将庐陵古村中的经典美景、故事传说、古村视频等，运用PTGui+KRPanoGUI+HTML5等技术，开发庐陵古村虚拟全景漫游系统发布在网上，使游客产生身临其境的感觉，具有很好的交互性、沉浸感。

1系统调研及功能规划1.1 系统需求调研以庐陵千年古村渼陂、钓源为示范点，对古村落的物质文化遗产与非物质文化遗产进行实地现状调研，对调研获得的图像、文本、音频、视频等数据和资料进行分析归类；按照高清、精美、轻量化的标准，利用数字化转换技术，将文本、声音、照片、视频等素材进行后期加工处理；将鱼眼镜头拍摄的全景素材进行无缝拼接，并进行全景图像增强及美化工作；对系统进行功能规划，设置全景漫游、视频播放、电子相册、位置导览、故事传说等交互功能，采用全景漫游发布软件集成场景及素材，制作庐陵古村漫游系统，提升用户的沉浸感和交互性1.2技术选择全景图的拼接选用PTGui软件，可以自动读出图片的Exif信息，能针对性地校正图像，处理速度快，变形小，画面色彩过渡自然，适合多张高像素图片拼接全景制作系统选用KRPanoGUI，基于Krpano内核，支持多用户同时登录使用，支持发布成Flash和HTML5文件格式，适合Web展示网站发布格式选用HTML5格式，有利于浏览器适配1.3系统框架根据1.1-1.2小节的基本思路，庐陵古村漫游系统的系统框架如图1所示2庐陵古村的交互设计将庐陵古村的美圖美景，以及有深厚历史文化积淀的故事传说融入场景中，采用全景图集成来构成虚拟环境，在古村导览地图中添加热点、透视雷达，将地图和场景一一对应，实现在多个不同场景中虚拟交互漫游。

本漫游系统交互式设计主要采取场景加载及漫游设置、导航地图设置与标注、交互热点设置、多媒体应用模块设置、界面控制模块等方式来完成2.1 场景加载及漫游设置1）添加场景图片新建一个庐陵古村项目，选择古村场景，进行添加2）设置场景漫游场景漫游是给游客一套古村经典的旅游线路，在场景中通过箭头的指向为浏览者指明前进的方向，按照浏览路线连接3）设置视区视角视区视角的设定可以控制浏览者在场景中观察的范围，左右和上下区域均可调控2.2导航地图设置及标注1）添加地图在添加好庐陵古村的全景场景图及缩略图之后，就可以在地图上设置场景了先加载一张导览地图，在界面中找到相应选项，点击添加然后在跳出的页面中把名称、标题、身份识别号码等填写好，提交即可，在这过程中，地图的相对位置也可重新设置2）标注地图以庐陵古村钓源的欧阳氏宗祠为例，当上传完成地图后，单击场景标注，在地图上找到欧阳氏宗祠，将红色光标移动到此位置，进行位置获取，最后保存即可，其他场景类似设置标注好地图之后，进入场景漫游，雷达会随着浏览方位的改变而跟随显示3）放大地图显示钓源、渼陂古村场景众多，在地图上显示区域较小，为方便查看，设置地图的放大与还原，供浏览者按需切换。

在“地图事件”选项卡中设置代码：onclick{if（plugin[map].scale==1， tween（plugin[map].scale，2.8，0.1）， tween（plugin[map].scale，1，0.1））；}；onhover{showtext（点击放大/还原）；}最终实现的效果为：鼠标停留在地图上时，提示点击可放大，单击时，地图放大两倍，再次单击，地图还原，如图2所示4）添加滑动效果地图的显示将占据画面一定的空间，为使浏览者有更好的体验，设计地图的上下滑动达到显示与隐藏的效果在“插件事件”选项卡中填写控制语句：onclick{if（plugin[map].y==0，tween（plugin[map].y，-330，0.1），tween（plugin[map].y，0，0.1））；}；onhover{showtext（隐藏/显示地图）；}；onout{skin_buttonglow（null）；}；ondowdn{skin_buttonglow（get（name），1）；}；onup{skin_buttonglow（get（name），0.3）；}2.3 交互热点设置为了实现对庐陵古村中不同场景实现多地点浏览切换，通过创建交互热点来实现。

首先进行场景的选择，然后在“URL”下拉列表框中选择需要跳转的场景，在“标题”栏输入提示该热点的提示文字，进行相关设置，最后保存名称为纯英文或数字加英文即可对古村的某个场景中部分区域进行放大或者弹出，可通过添加区域热点或者漂浮热点来实现2.4 多媒体应用模块1）添加背景音乐上传漫游附件，复制声音文件地址，提交保存添加插件控制背景音乐的播放与关闭，插件事件如下： if（soundinterface.mute=false，set（soundinterface.mute，true）；set（url，%FIRSTXML%/Plugin/musicclose.png）；set（soundinterface.mute，false）；set（url，%FIRSTXM L%/Plugin/musicopen.png）；）2）添加故事传说网页文本以钓源古村的八老爷别墅为例，在此场景中添加故事传说热点，在热点事件中填写相应的事件代码：onclick{js（alert（文本内容））；}；onover{set（back_auto， get（autorotate.enabled））；set（autorotate.enbaled，false）；}；onhover{showtext（点击查看故事）；}；onout{set（autorotate.enabled， get（black_auto））；set（plugin [p_box].visible，fals。