基于Krpano的三维全景技术的应用

□江涛多福寺大雄宝殿壁画的数字化采集崛围山多福寺位于太原市西北20公里柴村镇呼延村崛围山山巅。

大雄宝殿是多福寺内重要建筑，坐北向南，位于前院正北面。

创建于唐贞元二年（786年），初名崛围教寺，是文殊菩萨道场之一，宋末毁于战火。

明洪武年间（1368年—1398年）重新修建。

明弘治年间改名为多福寺。

是国务院公布的全国重点文物保护单位之一。

多福寺大雄宝殿壁画数字化保护采用的核心三维数字化信息采集技术，具有非接触、快速、高保真还原等特点，可在最小干预的原则下全面采集壁画的各项信息，建立完善多福寺大雄宝殿壁画数字化信息数据库。

在壁画的保护、管理、修缮展示及利用等多方面发挥着很大作用。

一、壁画数字化采集的技术路线及方法壁画信息采集类别可以分为四个主要部分，大雄宝殿三维空间信息、壁画色彩信息、壁画病害信息和壁画颜料成分与结构信息。

对大雄宝殿进行三维空间信息采集采用了GPS定位，误差控制和三维激光扫描仪。

数据采集完成后使用相关软件操作平台进行数据处理，最终获得大雄宝殿整体三维空间信息模型。

在此模型的基础上，进行精密测绘，绘制出大雄宝殿的平立剖图件、绘制大雄宝殿的正射影像图和壁画凹CCD高分辨率软件制作了高分辨率快速全景展示系统，该系统支持PC、平板和手机等设备进行快速访问和浏览。

壁画本体病害信息主要根据查阅历史资料和现场病害认定绘制的草图和壁画高分辨率图像信息来测绘病害图标，并根据不同病害分布情况得出综合结论并提出保护建议。

壁画颜料检测分析主要是现场采集壁画脱落标本，再将标本整理编号，使用X荧光、X衍射和拉曼光谱的技术对标本进行分析，得出结论。

二、壁画色彩信息采集1.方法多福寺大雄宝殿壁画色彩信息采集采用了三维激光扫描、全站仪测量、CRUSE Scanner CS180ST-W高清晰壁画扫描和单反相机与灯光组拍摄相结合的方式。

该方式是利用三维激光扫描和全站仪测量进行整体误差控制，再利用高清晰壁画扫描仪进行色彩信息采集，最后使用单反相机与灯光组拍摄进行补充。

实景三维在国外应用案例
实景三维技术在国外有许多应用案例，涉及到不同领域和行业。

以下是一些常见的应用案例：
1. 建筑和房地产行业，实景三维技术被广泛应用于建筑和房地
产行业，用于建筑设计、规划和展示。

通过实景三维技术，建筑师
和设计师可以创建逼真的建筑模型，并在其中模拟光照、材质和景观，帮助客户更好地理解设计方案。

此外，房地产开发商也可以利
用实景三维技术创建虚拟房产展示，让客户通过虚拟现实体验未来
的房产项目。

2. 电子游戏和娱乐产业，实景三维技术在电子游戏和娱乐产业
中有着广泛的应用。

游戏开发商使用实景三维技术来创建逼真的游
戏场景、角色和特效，提升游戏的沉浸感和视觉效果。

此外，实景
三维技术也被用于电影和电视剧的特效制作，创造出惊人的视觉效果。

3. 教育和培训领域，在教育和培训领域，实景三维技术被用于
创建交互式的学习环境和虚拟仿真实验室。

学生可以通过虚拟现实
设备体验三维模型，探索历史场景、生物结构或物理现象，提升学
习的趣味性和效果。

4. 医疗保健领域，实景三维技术也在医疗保健领域得到应用，例如用于医学影像的三维重建和可视化，帮助医生更好地诊断和治疗疾病。

此外，实景三维技术还被用于手术模拟和医学教育，提高医生和医学生的技能水平。

5. 城市规划和旅游推广，实景三维技术被用于城市规划和旅游推广，通过创建逼真的城市模型和景点模拟，帮助政府和旅游机构展示城市的魅力和吸引力，吸引游客和投资者。

总的来说，实景三维技术在国外有着广泛的应用，涉及到建筑设计、电子游戏、教育培训、医疗保健和城市规划等多个领域，为各行各业带来了许多创新和发展机遇。

krpano实践之全景图缩放，旋转，倾斜，⾃动旋转，VR，全屏⽅法-js调⽤/*定义控件*/var krpano = document.getElementById("krpanoSWFObject");/*获取变量*/var fov = Number(krpano.get("view.fov"));var hlookat = Number(krpano.get("view.hlookat"));var vlookat = Number(krpano.get("view.vlookat"));/*放⼤*/fov -= 10.0;krpano.set("view.fov", fov);/*缩⼩*/fov += 10.0;krpano.set("view.fov", fov);/*左旋转*/hlookat += 10.0;krpano.set("view.hlookat", hlookat);/*右旋转*/hlookat -= 10.0;krpano.set("view.hlookat", hlookat);/*上倾斜*/vlookat -= 10.0;krpano.set("view.vlookat", vlookat);/*下倾斜*/vlookat += 10.0;krpano.set("view.vlookat", vlookat);/*⾃动旋转*/krpano.set("autorotate.enabled", true);/*VR模式*/krpano.call("WebVR.enterVR();");/*全屏*/krpano.set("fullscreen", true);/*停⽌旋转*/krpano.set("autorotate.enabled", false);以上的⽅法如放⼤缩⼩是不带动画的，有卡顿的感觉。

Krpano功能介绍Krpano的所有标签如下：Crop属性的四个值：0 、0、50、50，表示在加载的图片的0，0位置起，宽50高50裁切出一个图片，供当前使用。

也就是说，可以把好几个图标整合在一张图片上，使用时，调用Crop脚本函数，提供要切割的起始坐标，要切割图片的宽高。

parent属性设置插件的父插件名称Krpano viewer的功能是十分强大和复杂的．本文只介绍系统所用到的几个比较重要的标签=、校园全景漫游的具体实现2．1、将krpano viewer嵌入html网页Krpa~o Viewer提供了swfkrpano．is脚本使用它可以很方便地将krpano viewer嵌入html网页．其使用方法如下：首先引人脚本文件：<script src="swfkrpano．J⋯S><／script>接着编写iavascript脚本：1 <script type=”text／javaseript”>2 vat swf=ereateswf(”krpano．swf'’，”krpanoSWFObject”，”3 100％”，”100％”)；4 swf．addVariable(”xml”，”scenes-with-imagemap．xml”)；5 swf．embed(”krpanoDIV” ：6 swf．addVariable(”xml”，”krpano．xml”)；7 <／script>此段代码的说明为：Var swf=ereateswf0表示可以创建要嵌入的对象swf．addVariable0表示设置xml文件的路径swf．embed(”krpanoDIV”1表示将krpano viewer嵌入到html 元素里。

2．2、设置初始场景在配置文件中的根节<krpano>中添加脚本动作．设置初始要载人的场景<kroano version=”1．0．8”onstart=”loadscene(scene1．null。

教你20分钟建⼀个720°全景图⽹站0.1.本⽂内容本⽂告诉你什么是krpano，不涉及编程知识。

最后，你使⽤⼀台⼿机，⼀架三脚架，⼀台电脑，就可以部署⾃⼰的全景图⽹站。

2.制作2:1全景图在⼿机上下载“⾕歌相机app”，选择其中"photo sphere"模式，架上三脚架，根据指引旋转相机，拍摄各个⾓度的照⽚，拍摄完成后会⾃动⽣成⼀张2:1的全景图照⽚。

照⽚质量可以在拍摄设置中调整。

⾕歌相机app拍摄装备拍摄过程2:1 全景图成品这张2:1的照⽚，就是下⼀步需要的材料。

3.全景图三维化处理接下来使⽤全景图引擎，本⽂使⽤krpano-1.19-pr16。

krpano在krpano安装的⽬录下，有MAKE PANO和MAKE VTOUR两种名字的exe可执⾏程序，其中MAKE PANO适⽤于单张全景图，⽽MAKE VTOUR适⽤于⼀套漫游场景。

将上⼀步的2:1图⽚拖动到MAKE VTOUR的可执⾏程序上⾯，执⾏完成后，⽣成⼀个vtour⽂件夹。

vtour⾥⾯就是你需要的⽹页⽂件。

GIF3.gif将vtour⽂件夹⾥⾯的tour.xml导⼊krpano.exe，编辑交互脚本。

GIF.gif对于HelloWorld来说这⼀步并不需要，除⾮你想添加特效和交互功能。

4.⽹站部署你可以放⼊Tomcat作为静态⽹站发布，或者结合其他⽹页创造更多功能。

或者直接执⾏tour_testingserver.exe启动内嵌的服务器来测试效果。

video2gif_20200213_223725.gif建好了。

⼀个有意思的HelloWorld，在以后的实践中⼜多了⼀些玩法。

水利工程建设信息管理系统设计及应用摘要：近年来，随着人们生活水平的提高，对水资源需求量不断增加。

现阶段，为实现水利枢纽工程建设期多源异构数据的集中管理与轻量化展示，项目管理单位自主研发了基于Web的建设信息管理系统。

系统总体架构采用C/S模式，开发中的功能模块采用B/S模式，降低了数据泄露风险的同时缩短了研发周期。

系统化的解决方案可为其他Web信息系统建设提供借鉴。

关键词：水利工程建设;信息管理;系统设计;应用引言信息化建设是现代水利工程建设的重要构成部分，在传感器、物联网、水利卫星通讯站、大数据处理方法、现代测绘技术、水情数据库等配套信息化技术应用的基础上，水利信息化建设的力度与深度不断精进，水质、水量、水位、水情等实时数据得以动态收集与有序组织管理，有力支撑着水利工程地质三维模型建立、地表形变监测、水质污染分析、汛期洪灾风险评估与预警等综合研判与水利应用，为当地水环境保护、水污染防治、水灾害预警等提供水利水情大数据与多样化的业务功能应用，以良好的水利信息化建设提高水利工程的实质性运营效益。

1水利信息化技术的优势1.1实用性原则信息管理系统开发前调研不充分、功能目标不明确，往往造成系统不适应用户端软硬件配置、功能模块不能满足用户使用需求、轻量化结构设计不能有效替代专业软件、操作流程复杂影响信息数据使用效率等问题。

IMS开发采用PDCA循环机制保证系统质量，即每个版本都经历了需求分析、代码开发、版本测试和发布上线四个阶段。

另外，IMS中包含大量全景数据、地理信息和BIM模型，这些数据的使用具有专业性强、软硬件配置要求高、体量庞大等特点，系统的开发应首先考虑降低数据使用门槛，将基础数据的计算处理、图形渲染交由高性能计算机和专业人员完成，再由信息管理系统轻量化展示，这样可以减少用户端软硬件投资，项目管理人员可将注意力更多集中于信息的使用。

1.2信息化、智能化数据收集与传输运用信息化手段对农田水利进行管理，能够实现对水资源、农田灌溉作业的全天候实时监控，并将具体的信息数据全面的收集、传输到信息数据库中。

集成地图、全景与GIS数据的Web全景旅游电子地图系统设计与实现黄冠;蔡忠亮;吴俊法;张晓倩;陈燕妮【摘要】测绘部门有着旅游GIS数据精准、旅游专题图数据精美、旅游全景图数据精细的优势,但在应用的过程中,各类数据的使用相对独立,集成度不高.借鉴分级瓦片地图中比例尺越大、瓦片内容越精细、地图信息越丰富的特点,依据各类数据特点,集成GIS数据、地图数据、全景图数据,利用ArcGIS JavaScript API和全景图框架Krpano,设计和实现了一个将三类数据\"分级\"显示并能全方位展示旅游景点信息的全景旅游电子地图系统,实现了对旅游信息的充分利用与直观展示.【期刊名称】《地理空间信息》【年(卷),期】2018(016)012【总页数】5页(P53-57)【关键词】旅游电子地图系统;全景图;ArcGISJavaScriptAPI;krpano【作者】黄冠;蔡忠亮;吴俊法;张晓倩;陈燕妮【作者单位】武汉大学资源与环境科学学院,湖北武汉 430079;武汉大学资源与环境科学学院,湖北武汉 430079;武汉大学地理信息系统教育部重点实验室,湖北武汉 430079;武汉大学资源与环境科学学院,湖北武汉 430079;武汉大学资源与环境科学学院,湖北武汉 430079;贵州省第三测绘院,贵州贵阳 550004【正文语种】中文【中图分类】P208伴随着人民生活水平的提高，全国各地都出现了旅游热，种类多样的旅游信息化产品也随之而来，其中就有部分是为用户提供旅游信息的旅游系统。

张洋等实现了一款具有出游辅助决策和旅游信息论坛功能的新疆经典旅游信息系统[1]。

梁智学利用互联网的开放特点实现了一款“网友共建、信息共享”的旅游信息系统[2]。

Liu Yangyang等基于移动GIS的特点，开发了焦作自助旅游系统[3]。

Ren Ze基于GIS平台的空间信息存储和空间分析能力，利用MapGIS K9实现了武汉市旅游信息系统[4]。

krpano调用vue方法（最新版3篇）目录（篇1）1.Krpano 简介2.Vue 简介3.Krpano 与 Vue 的结合4.调用 Vue 方法的实例5.总结正文（篇1）1.Krpano 简介Krpano 是一款开源的 WebGL 全景漫游插件，可以将全景图片或者视频转化为一个可以交互的 3D 场景。

用户可以在场景中自由漫游，感受身临其境的观看体验。

Krpano 提供了丰富的功能和插件，可以满足各种不同场景的需求。

2.Vue 简介Vue 是一款流行的 JavaScript 框架，用于构建用户界面。

Vue 采用了组件化的思想，使得开发者可以轻松构建复杂的单页面应用。

Vue 提供了简洁的语法和强大的功能，如数据双向绑定、计算属性、侦听器等，极大地提高了开发效率。

3.Krpano 与 Vue 的结合将 Krpano 与 Vue 结合起来，可以实现更丰富的交互效果。

例如，通过 Vue 的方法，可以控制 Krpano 场景的播放、暂停、全屏等操作。

这样，开发者可以充分利用两者的优势，构建出更加功能强大的应用。

4.调用 Vue 方法的实例下面是一个简单的实例，演示如何在 Krpano 中调用 Vue 方法：首先，创建一个 Vue 实例，定义一个方法，如“切换全景模式”：```javascriptvar app = new Vue({el: "#app",data: {panoramaMode: "default"},methods: {switchPanoramaMode: function () {this.panoramaMode = this.panoramaMode === "default"? "fullscreen" : "default";}}});```然后，在 Krpano 的 HTML 模板中，使用 Vue 实例的`methods`属性，绑定一个事件，如“切换全景模式”：```html<a-pano :pano="pano"@switch-panorama-mode="switchPanoramaMode"></a-pano> ```在这个实例中，当用户点击“切换全景模式”按钮时，Vue 的`switchPanoramaMode`方法会被调用，从而实现全景模式的切换。

krpano教程
您好！很抱歉，以下是一份没有标题的 krpano 教程，同时我会尽力避免文中出现重复的文字。

---
在这个 krpano 教程中，我们将一步步学习如何创建一个基本的全景虚拟现实（VR）场景。

首先，我们需要准备一张全景图片作为背景。

你可以在网上找到许多免费的全景图片资源，选择一张你喜欢的图片并将其保存到本地计算机上。

接下来，打开 krpano 编辑器，并点击菜单中的“新建”按钮来创建一个新的项目。

在弹出的窗口中，选择你保存的全景图片并点击“确定”按钮。

现在，我们来配置场景的属性。

在右侧的属性面板中，你可以设置场景的初始视角、缩放级别等。

根据你的需求，调整这些属性并实时预览场景的变化。

要添加元素到场景中，点击菜单中的“添加元素”按钮。

然后，选择你想要添加的元素类型，比如热点、音频等。

根据元素类型的不同，你可以进一步设置元素的属性和行为。

要给元素添加动画效果，可以点击菜单中的“添加动画”按钮。

然后，在动画编辑面板中，设置元素的初始状态和最终状态，
并选择动画的持续时间和缓动效果。

当你完成场景的配置和元素的添加后，点击菜单中的“发布”按钮来生成最终的 krpano 文件。

你可以将生成的文件上传到你的网站或者分享给他人。

这就是一个简单的 krpano 全景 VR 场景的创建过程。

希望这个教程对你有帮助！
---。

收稿日期:2020-03-31 修回日期:2020-07-31基金项目:天津市级大学生创新创业训练计划项目(201913663017)作者简介:蒋金彤(1999-),男,研究方向为物联网;通讯作者:孙雅芃(1992-),女,硕士,助教,研究方向为物联网㊂基于Krpano 的全景校园漫游的设计与实现蒋金彤,孙雅芃*(南开大学滨海学院,天津300000)摘　要:在数字校园建设和发展中,以虚拟全景校园漫游为基础的校园信息化平台能够为师生提供全新的沉浸式浏览体验,并提供更集中的信息交互功能㊂虚拟现实技术能够真实地再现现实环境,通过交互式操作,用户可以获得与真实环境相似的感受和体验,其中全景漫游是虚拟现实技术的一种典型应用㊂该文以南开大学滨海学院为实践区域,基于Krpano 平台,利用Google Maps 地图服务,采用全景图制作技术㊁SQL 数据库技术和计算机网络技术搭建了一个虚拟全景校园漫游系统,并可跨系统㊁跨设备使用㊂系统实现了2D 校园全景和谷歌地图信息服务功能,并提供了搭载陀螺仪传感器的可穿戴式VR 设备使用的WebVR 全景显示,满足了数字校园分布式㊁便于使用的需求㊂实践证明了基于Krpano 框架设计能深度定制虚拟全景校园漫游系统的相关功能,能有效开发并拓展系统,并具有重要的实践意义㊂关键词:Krpano 框架;虚拟全景校园漫游;Google Maps 地图服务;SQL 数据库;WebVR 中图分类号:TP39 文献标识码:A 文章编号:1673-629X (2021)02-0216-05doi:10.3969/j.issn.1673-629X.2021.02.039Design and Implementation of Panoramic Campus RoamBased on KrpanoJIANG Jin -tong ,SUN Ya -peng *(Nankai University Binhai College ,Tianjin 300000,China )Abstract :In the construction and development of digital campus ,the campus information platform based on virtual panoramic campus roam can provide teachers and students with a brand new immersive browsing experience and more centralized information interaction de⁃mand.The real environment can be reproduced truly by virtual reality technology.Through interactive operation ,users can get the feeling and experience similar to the real environment.Panoramic roaming is a typical application of virtual reality technology.Taking Nankai University Binhai College as the practice area ,based on Krpano platform ,using Google Maps service ,panorama production technology ,SQL database technology and computer network technology ,we construct a virtual panoramic campus roaming system ,which can be used across systems and devices.A 2D campus panorama and Google Map service is realized ,as well as the WebVR panorama display for wearable VR devices equipped with gyroscope sensors ,which meets the distributed and easy -to -use need of digital campus.Therefore ,the system based on Krpano has important value of practical significance ,which can deeply customize the relevant functions of the virtual panoramic roam ,as well as expand the system effectively.Key words :Krpano ;virtual campus panorama roam ;Google Maps service ;SQL database ;WebVR0　引　言近年来,伴随着虚拟现实技术的不断进步与发展,以及5G 技术的成熟应用,使得数字校园的发展进入新的领域㊂目前,有关高校数字化校园的相关研究,已经进入到虚拟校园阶段,并成为世界各国高等教育研究者的重点研究课题之一[1-8]㊂虚拟校园主要通过两种方式构建:一是借助3DMax 和VRP 平台实现虚拟校园漫游系统[9];二是利用全景图和HTML 5交互性优势搭建虚拟全景校园漫游系统㊂基于图像的虚拟系统因其不需要复杂的建模与编程的特点,特别适合于基于真实自然场景的仿真研究[10]㊂此外,借助Krpano 平台使用Krpano XML 编程语言设计功能,能够大大降低开发难度,提升开发效率,便于系统的维护与功能拓展㊂该文以南开大学滨海学院为研究区域,通过应用Krpano 框架㊁Krpano XML 编程㊁PTGui 可视化编辑环境㊁Google Maps 地图服务控件以及SQL 数据库技术,创建了一个集2D 校园全景漫游㊁WebVR 全景显示㊁第31卷　第2期2021年2月 计算机技术与发展COMPUTER TECHNOLOGY AND DEVELOPMENT Vol.31　No.2Feb.　2021谷歌地图信息服务㊁交互式漫游㊁真实感交互为一体的虚拟全景校园漫游系统㊂1　虚拟全景校园漫游系统关键技术1.1　Krpano框架Krpano是目前最流行的全景引擎㊂它基于Flash 的内核,同时提供了HTML5的解决方案[11]㊂其渲染效果采用Action Script语言实现,场景内容的配置则由XML标记语言负责[12]㊂XML指可扩展标记语言(extensible markup language),其设计宗旨是传输和存储数据㊂因其良好的可拓展性,XML常用于为全景场景配置个性化㊁定制化的功能供外部系统使用㊂Krpano框架能够提供Actions/Scripting动态脚本,内置如屏幕信息/设定相关的fullscreen㊁bgcolor变量;与自适应设备信息有关的device变量;核心Krpano Action相关的编程逻辑控制控制和数学运算函数等;以及外部Javascript接口函数,用于解析Javascript代码并访问所有Krpano结构与功能㊂Krpano框架如图1所示,其在逻辑结构中提供4个主要的核心对象:全景网页解析对象Tour.html,负责加载和解析脚本文件(Tour.js);全景脚本对象Tour.js中包含两部分:Krpano嵌入脚本(Krpano.js)和Krpano HTML5查看器,Krpano.js将对JavaScript 自动检查,并将全景引擎嵌入加载进HTML5中;全景显示对象Tour.swf,负责管理Flash引擎,用于读取传输XML元素内容;全景配置对象Tour.xml,将内置的26个XML元素将映射到Krpano内部数据结构中,并为Krpano查看器传输数据㊂图1　Krpano框架 框架中自带了用于Web端显示的HTML5/Flash 引擎,在无需配置外部工具及修改框架代码的情况下可完成网页配置㊂Krpano XML元素本身只是一种传输格式,并且所有的XML元素可以再次定义和引用,可为系统开发丰富的功能㊂1.2　Krpano XML语法结构Krpano XML采用XML语法结构,分为静态代码部分和动态代码部分㊂Krpano元素为Krpano XML的根元素,所有的静态代码都需要在Krpano元素内定义㊂静态代码即内置的24个元素,每类元素实现不同的功能,它相当于一个具有特定功能的积木,通过叠加不同的元素实现特定的功能,并且不同元素之间的先后关系并不重要㊂image元素控制全景图设置,包括全景图类型㊁渐进分辨率切片显示等㊂Krpano viewer支持的全景图像类型:立方体(cube)全景㊁球形(sphere)全景㊁等矩形(equirectangular)全景㊁圆柱(cylinder)全景㊁1~170度平面(flat)全景㊁鱼眼(fisheye)全景等,以及它提供为全景图添加3D深度的深度图,实现VR观看,3D转换,甚至在3D空间中四处走动(需外部VR 设备支持)㊂view元素用于存储当前视图设置的信息,包括视图水平/垂直视线坐标㊁最大/最小全景图缩放系数㊁默认视区等信息㊂control元素负责外部鼠标和键盘控制设置,使用control.mouse和control.touch变量设置鼠标的控制模式和传递信息㊂layer元素和plugin元素用于包含图像㊁图标㊁交互按钮或动态插件㊂layer和plugin元素适用于子父层级关系,能够互相声明子xml元素㊂现在layer元素与plugin元素在Krpano内部是完全相同的元素,layer 元素能够更好地描述元素㊂scene元素可以在xml文档中自定义多个场景,只有使用loadscene函数才会被解析㊂scene元素上可以存储任何自定义元素,同时每个scene元素内可包含不同的操作,当loadscene函数加载新的外部scene元素时,上一个scene元素的内容就会被移除㊂action元素可以定义Krpano动作,它的本质是动态代码,与其他脚本和程序语言函数相似,可以通过Krpano Javascrip接口从事件㊁动作或外部插件在任意位置调用动作㊂并通过args属性完成参数到变量的映射,将局部变量添加到action元素中㊂Krpano XML结构如下[13]:<Krpano><include><preview><image>< view><area><display><control><cursors><㊃712㊃　第2期 蒋金彤等:基于Krpano的全景校园漫游的设计与实现autorotate><plugin><layer><hotspot><style>< events><action><context-menu><network>< memory><security><textstyle><lensflareset>< lensflare><data><scene><Krpano>1.3　SQL数据库技术SQL数据库技术,即操作命令集,在使用时,不必考虑 怎么做”,只需要发出 做什么”的命令就可以,属于一种功能齐全的数据库语言㊂SQL功能强大,使用方便,成本低,性能高,已成为数据库操作的基础[14]㊂1.4　全景图制作技术全景图制作流程如图2所示㊂制作时利用专业数码相机+鱼眼镜头或专业全景相机进行图像采集[15],并进行编码标记日期和地点;图像采集完成后将照片导入PTGui进行全景拼接及HDR处理,并映射到球面或等距离长圆柱的.JPG文件中;最后将导出的.JPG格式照片导入Lightroom或Photoshop中进行调色处理㊂图2　全景图制作流程2　虚拟全景校园漫游系统总体设计南开大学滨海学院虚拟全景校园漫游系统旨在为在校师生提供一个可跨系统㊁跨设备使用的稳定的虚拟校园系统,此系统实现了2D校园全景和谷歌地图信息服务功能,并提供了搭载陀螺仪传感器的可穿戴式VR设备使用的WebVR全景显示㊂2.1　系统功能设计全景校园分为2D全景图㊁WebVR全景两种全景模式,需要实现全景的漫游㊁控制㊁定位㊁交互和谷歌地图信息服务㊂系统功能如图3所示㊂图3　系统功能设计2.2　系统整体架构系统基于Krpano框架和Google Maps API Server 服务,系统整体架构设计如图4所示㊂该架构使用主流的B/S模式,分别为数据层㊁服务层和应用层三层结构㊂其中,数据层将处理完成的全景图切片上传至Web服务器,全景图数据以文件形式直接存储在Web 服务器以便用户请求访问㊂服务层使用Google cloud server作为谷歌地图信息的应用服务器㊂它提供Google maps API for JavaScript等谷歌地图功能,可将Google maps嵌入到Web端,并提供唯一凭据(key)供Krpano应用程序调用㊂应用层通过Krpano平台为系统设计2D全景㊁WebVR全景显示㊁谷歌地图信息㊁全景定位㊁全景控制㊁全景交互㊁全景漫游等功能㊂图4　系统整体框架3　虚拟全景校园系统的实现3.1　数据的采集与处理校园全景数据的采集是必不可少的㊂在采集过程中,通常使用数字摄影测量,选取专业全景相机进行图像采集可以保证后续稳定㊁有效的处理㊂通过PTGui 对拍摄的图像进行校正和图像HDR融合处理,为导入Krpano平台前做准备㊂该文采集了南开大学滨海学院正门㊁教学楼㊁图书馆㊁食堂等10个地点㊂图像采集完成后,使用第三方拼接工具PTGui手㊃812㊃ 计算机技术与发展 第31卷动进行全景拼接㊂该软件具有专业的控制点拼接功能,能够细微调整全景照片,并在内部集成HDR 处理功能㊂拼接完成的单张全景图如图5所示㊂图5　单张全景图3.2　功能实现本虚拟全景校园系统实现了2D 全景㊁WebVR 全景显示㊁谷歌地图信息㊁全景定位㊁全景控制㊁全景交互㊁全景漫游等功能㊂系统实现界面如图6所示㊂图6　系统功能实现界面(1)2D 全景图显示㊂使用Krpano 框架中的全景配置对象(tour.xml )中的scene 元素㊁image 元素㊁view 元素负责每个地点全景图,通过修改配置文件即可实现链接数据层全景切片,完成全景图的加载显示㊂核心代码如下:<scene name ="scene _Library _v 1_0_2"title ="图书馆"onstart =""havevrimage ="true"thumburl ="panos /Library _v 1_0_2.tiles /thumb.jpg">//通过thumburl 链接全景图切片,并自定义全景地点名称<view hlookat ="0.0"vlookat ="0.0"fovtype ="MFOV"//初始化全景视场,type 为”MFOV ”fov ="120"maxpixelzoom ="2.0"fovmin ="70"fovmax ="140"limitview ="auto"/><image type ="CUBE"multires ="true"tilesize ="512"if="!webvr.isenabled">//配置全景类型为立方体(2)WebVR 全景显示㊂Krpano 框架提供外挂WebVR 插件(webvr.js ),通过调用WebVR API ,实现了对外部移动设备的加速传感器和陀螺仪传感器进行体感和位置追踪㊂核心代码如下:webvr ="true"//开启WebVR 模式<image if ="webvr.isenabled"><cube url ="panos /BeilangYuan.tiles /vr /pano _%s.jpg"/>//链接WebVR 模式下的全景图切片全景配置对象(tour.xml )封装了全景图配置的scene ㊁image ㊁view 等元素,实现了根据配置信息自动完成全景图初始化加载和请求㊂WebVR 全景显示界面如图7所示㊂图7　WebVR 全景显示界面(3)谷歌地图信息服务㊁全景定位㊂由Googlemaps services 提供的Maps API for JavaScript 支持将Google maps 信息服务嵌入到Krpano 框架中,并通过全景配置对象(tour.xml )和全景脚本对象(tour.js )配置实现全景定位,将全景图EXIF 中的地理信息(纬度lat ㊁经度lng ㊁方位heading )自动定位标记在谷歌地图中㊂核心代码如下:maps ="true"maps _type ="google"//开启maps ,配置type 为 google ”maps _google _api _key =""<scene name ="scene _DJI _Building 6"thumburl ="panos /DJI_Building 6.tiles /thumb.jpg"lat ="38.86109000"lng ="117.44135556"heading ="0.0">//自动获取全景图exif 信息并存储在lat ㊁lng ㊁heading 属性中实现效果如图8所示㊂图8　全景定位及谷歌地图效果图(4)全景交互㊂Krpano 框架已默认配置外部交互设备,如鼠标㊁键盘等形式的交互㊂通过配置全景配置对象增加热点交互㊁陀螺仪体感交互功能,调用陀螺仪传感器,并提高移动设备的交互体验感㊂核心代码如下:<hotspot name ="spot 1"style ="skin _hotspotstyle"ath ="1.960"atv ="0.603"linkedscene ="scene _3"/>//配置热点信息,指定链接场景<style name ="skin _hotspotstyle"㊃912㊃　第2期 蒋金彤等:基于Krpano 的全景校园漫游的设计与实现url="vtourskin_hotspot.png"onclick="if(linkedscene,skin_hidetooltips();tween(scale, 0.25,0.5);tween(oy,-20,0.5);tween(alpha,0,0.5); looktohotspot();loadscene(get(linkedscene),null,MERGE, BLEND(1));skin_updatescroll(););"　//配置onclick事件响应热点4摇结束语 该文以南开大学滨海学院校园为研究区域,使用Krpano框架并结合全景图制作技术,设计了一个集2D校园全景漫游㊁WebVR全景显示㊁谷歌地图信息服务㊁交互式漫游㊁真实感交互为一体的虚拟全景校园漫游系统,并可跨系统㊁跨设备使用㊂在系统设计过程中,根据师生需求在全景漫游中定制交互功能;将全景漫游系统嵌入web端,实现了跨系统㊁跨设备㊁多用户实时访问的功能㊂全景漫游系统具有较强的广播宣传效应,同时也有助于对帮助数字校园建设,让虚拟现实技术在校园里实现㊂参考文献:[1]　范国渠.高校数字化校园整体构建策略与实施[D].济南:山东师范大学,2009.[2]　朱国情,李东亮,程　刚.基于Krpano的全景编辑系统设计与实现[C]//第14届中国系统仿真技术及其应用学术年会论文集.三亚:科研出版社,2012.[3]　杭永冲,洪祎晨.基于krpano的校园全景VR漫游系统的设计与实现[J].现代计算机,2017(25):57-61. [4]　杨仁杰.基于Web的全景技术研究[D].郑州:郑州大学,2012.[5]　LI D,XIAO B J,XIA J Y.High-resolution full frame pho⁃tography of EAST to realize immersive panorama display [J].Fusion Engineering and Design,2020,155:111545.[6]　ZHANG M,XU J,LI E,et al.The design and implementa⁃tion of agricultural base virtual roaming system based on the 720°panorama[J].Destech transactions on computer science and engineering,2017.[7]　武　刚,余　武.虚拟校园三维全景漫游系统探究与实现[J].现代教育技术,2013,23(5):122-126.[8]　彭统乾,甘　泉.基于VRP的虚拟水上乐园设计[J].自动化与仪器仪表,2015(3):201-203.[9]　RUAN Jing,SHANG Yanlei.Research on detection andmodification system based on virtual panorama[J].IOP Con⁃ference Series:Materials Science and Engineering,2019,490(4):042036.[10]马贺清,陈建平,于　淼,等.VRP虚拟校园建设及其关键技术[J].计算机系统应用,2012,21(5):153-157. [11]黄植钦,舒娱琴,闫文豪.基于Web AppBuilder的虚拟校园系统设计与实现 以华南师范大学为例[J].华南师范大学学报:自然科学版,2017,49(4):122-128. [12]殷腾箐,仲伟凡,张笑楠.基于Krpano的全景技术在滩涂资源管理系统中的应用[J].浙江水利科技,2017,45(3): 89-91.[13]阮　景.虚拟全景检测定位方法与中文识别方法的研究[D].北京:北京邮电大学,2019.[14]刘萍萍,陆兆攀,高武奇.基于OpenGL的三维校园漫游系统可视化研究[J].计算机技术与发展,2018,28(4):174-178.[15]张建军.全景虚拟现实技术在虚拟校园建设中的应用[J].北京工业职业技术学院学报,2020,19(1):18-22.㊃022㊃ 计算机技术与发展 第31卷。

新版功能展示（本教程只针对更新部分，新用户可参看《KRPanoGUI制作教程》）：（红色框住的区域为特别提示）一、项目列表1.项目升迁至最新版。

（版本信息按钮为灰色状态时表示已升迁完毕）2.提供两种预览方式。

常规flash预览——点“预览”html5效果预览——点“html5”IE10或者其他支持html5版本有效。

此功能可查看项目对html5的支持效果。

（如浏览器不支持html5可不选用）二、自动漫游功能：1) 选中AutoTour点击保存。

2) 设置场景的前后顺序（点击场景或者具体的某一分组）三、根据分组自动切换用户地图功能1）添加用户地图(标注参照)2)添加分组并设置地图属性3)属性设置：选中CMapGroupTF启用地图分组功能CMapView控件选中表示地图默认显示状态，否则为隐藏状态。

见下图设置：保存后预览完成此功能。

四、下拉框功能1.添加下拉框（流程与添加普通plugin基本相同）2.设计“显示内容”name为唯一属性；caption为显示信息；onclick：为触发事件五、自定义缩略图1.添加缩略图属性解析：ID：表示位置标志为纯自然数字；name: 缩略图名称滚动方式：水平和垂直属性是否场景分组：选择后，根据分组，自动显示只属于当前场景缩略图。

分组切换后，缩略图也自动跟随切换。

是否筛选缩略图：只显示场景中选中“缩略图”选项的场景缩略图；见下图示：在选择滚动方式后，进一步设置缩略图的总宽度（width）和总高度（height）。

默认为水平滚动默认width为100%。

用户可以根据具体需求做出调整和修改。

下图为展示添加缩略是的页面截图：a)基本信息：是缩略图的全局属性。

其中width height 为整个缩略图控件的宽高b)缩略图参数中:width 和height 等其他参数都为具体单个缩略图的属性。

c)控制按钮的属性如下图添加完成后如细节要修改点击设计按钮进入具体的信息维护见下图1,2进入后看到的皮肤插件用户可以根据自己的需求做出相应的调整。

krpano depthmap 原理
krpano depthmap（深度图）的原理是通过使用不同深度值来控制生成的3D场景中不同物体的显示顺序和遮挡关系，从而实
现真实的三维效果。

具体实现过程如下：
1. 首先，需要通过一些专业的3D建模软件，如Blender或Maya，创建一个包含深度信息的3D场景模型。

深度信息一般以每个像素点距离相机的距离表示，可以使用灰度值或者
RGB值来表示深度。

2. 将深度图导入到krpano引擎中，引擎会将图像解析为二维
的灰度图。

3. 引擎根据深度图中的深度信息，将场景中的物体按照距离相机的远近关系重新排序，生成一个新的渲染顺序。

距离相机更近的物体会被排在前面进行渲染，距离更远的物体则排在后面。

4. 当渲染3D场景时，引擎会根据深度图中的信息，进行透明
度计算和遮挡检测。

它会根据物体之间的深度差异，将距离相机更近的物体进行透明度调整，以模拟真实的遮挡效果。

5. 最后，引擎会根据深度图和新的渲染顺序，将场景中的物体依次渲染到屏幕上，生成具有真实3D效果的图像。

总之，krpano depthmap的原理是通过深度图控制3D场景物体
的渲染顺序和透明度，以实现真实的三维效果。

基于Krpano的无人机空中实景在线可视化研究JIA Ji-hong;QIANG Xin-lin【摘要】实景地图即为可以看到360度真实场景的地图,能够真实再现各类地理、交通、人文等要素,广泛应用于公共服务、产品展示、虚拟教育、旅游出行等领域.随着无人机平台日渐成熟,空中实景成为当前研究热点,本文研究了无人机空中实景地图的获取与制作过程及基于Krpano技术的空中实景地图的在线浏览,项目应用结果表明该方法具有较好的实用性.【期刊名称】《现代测绘》【年(卷),期】2018(041)006【总页数】3页(P56-58)【关键词】空中实景;Krpano;在线浏览【作者】JIA Ji-hong;QIANG Xin-lin【作者单位】;【正文语种】中文【中图分类】P2310 引言随着地理信息采集技术的进步与地理信息成果的深入应用，市场需求已经逐步从传统的矢量、影像底图的基本定位要求，转向对具备多维、实时、动态、生动等特点的各类地理信息资源的更高要求，越来越多的地理信息开始走向网络化、集成化、三维化，并开始与业务系统相互融合、相互影响、互为补充。

360°实景技术最早可以追溯到20世纪70年代，起初应用于森林资源调查领域，可以方便对周边林木进行360°范围的摄影，有效清查森林资源[1]。

实景技术在2000年初步引入地理信息领域并应用于场景漫游，通过对场景中视点照片的平滑过渡实现切换[2]。

从此实景地图以其对现实的真实反应与良好的人机交互特点，进一步丰富了人类对现实世界的描述方法，为各个行业提供了新的表现形式。

实景地图通过实地拍摄照片来构建真实世界场景，用户可以第一人称视角体验遨游现场、查询检索、交流互动等功能。

随着无人机平台的成熟与计算机网络技术的发展，实景地图已经并非用于简单的地面地图浏览，而开始通过无人机平台走向天空，并且通过与计算机技术的集成来展现真实场景，该技术可以作为实时数据、摄影监控、人员定位等多种信息的融合载体，在多源信息聚合、大数据集成的道路上占据了一席之地[3-7]。

krpano教程之krpanoPanoramaViewer
krpano 是一款强大的全景图制作工具，从全景图的合成、切片，到全景漫游的生成，krpano 的功能一应俱全。

在学习 krpano 前，有必要先了解下 krpano Panorama Viewer （krpano 全景图浏览器，以下简称 krpano 浏览器）。

krpano 浏览器可以浏览各种全景图和交互式的虚拟漫游场景，它的特点是小巧灵活，并且具有很高的性能。

低版本的 krpano 浏览器主要用于Flash 应用（桌面浏览器），随着移动互联网的普及和更多移动端浏览器支持 HTML5，高版本的krpano 浏览器开始支持HTML5 应用。

krpano tools （krpano 工具集）作为 krpano 浏览器的扩展，可以自动生成全景图和全景漫游，并且 krpano 工具集支持拖放操作快速生成全景图和全景漫游。

krpano 功能强大，了解了 krpano 后，是不是很想看看 krpano 制作的全景图和全景漫游效果，点击查看示例。

krpano 工具集是免费下载的，点击下载 krpano 1.16.9。

krpano 的最新版是 1.17，为什么下载 1.16.9，因为 krpano 虽然可以免费下载，但krpano 提供的免费下载没有授权许可证，没有授权许可证的krpano 制作出来的全景图有水印，而 krpano 的授权许可证比较贵，点击查看krpano 许可证价格，1.16.9 版本的许可证在淘宝就可以买到，最便宜的 20RMB，1.16.9 版本可以满足全景图制作的大部分需求。

krpano是一款用于创建全景虚拟现实（VR）和全景图像的软件。

它提供了丰富的功能和工具，可以帮助用户创建交互式的全景场景和虚拟旅游体验。

以下是一些krpano的案例示例：
1. 虚拟旅游：使用krpano可以创建逼真的虚拟旅游体验，让用户可以在电脑或移动设备上探索不同的地方，如旅游景点、博物馆、城市等。

2. 房地产展示：房地产开发商可以使用krpano创建虚拟房屋展示，让潜在买家可以通过全景图像和虚拟导航来了解房屋的布局和环境。

3. 教育培训：教育机构可以使用krpano创建虚拟实验室或教室，让学生可以通过全景图像和交互式元素来进行学习和实践。

4. 旅游规划：旅行社可以使用krpano创建虚拟旅游规划工具，让用户可以在全景图像中选择和预览不同的旅游目的地和景点。

5. 艺术展览：艺术家和画廊可以使用krpano创建虚拟艺术
展览，让用户可以通过全景图像和交互式元素来欣赏艺术品。

这些只是krpano的一些应用案例示例，实际上，krpano可以应用于各种领域，如旅游、教育、房地产、娱乐等，帮助用户创造出丰富多样的全景虚拟现实体验。