VR全景渲染引擎之Krpano介绍

2,601 阅读7分钟

Krpano是什么

Krpano是由奥地利的Krpano GmbH公司研发的产品,是一款全景图像和虚拟现实的制作工具和展示引擎,通过它可以创建高质量的全景虚拟现实体验。使用Krpano可以构建交互式全景图片和视频,添加导航和注释,创建虚拟旅游和景观介绍等等。Krpano支持多种输出格式,包括Flash、HTML5、iOS和Android等平台,并且可以在各种设备上流畅运行。

Krpano支持多种图像格式,包括JPEG、PNG、GIF、TIFF、BMP等,并且可以将多张图像拼接成一个全景图像。它还支持多种投影方式,包括全景图投影、立体图像投影等。Krpano还具有强大的插件系统,允许用户使用自定义代码和脚本扩展其功能。此外,Krpano还支持多语言界面,包括中文界面。

Krpano技术栈说明

  1. HTML5和CSS3:krpano使用HTML5和CSS3进行页面渲染和布局。
  2. JavaScript:krpano主要使用JavaScript实现交互和动态效果。
  3. WebGL:krpano使用WebGL进行实时渲染和图形加速。
  4. XML:krpano使用XML语言来定义虚拟全景场景中的各种元素和属性。
  5. AJAX和JSON:krpano使用AJAX和JSON进行异步加载和交互。
  6. CSS3D和WebXR:krpano利用CSS3D和WebVR技术来实现虚拟全景场景的3D显示和虚拟现实体验。
  7. Canvas:krpano使用Canvas技术来创建图形和渲染场景。
  8. 跨平台:krpano可以运行在不同的平台上,包括Windows、Mac、Linux、iOS、Android等。

Krpano软件的实现原理

  1. 图像切片:将全景图像切割成多个小图像,减小单个图像的大小,提高加载速度。
  2. 控制器:通过控制器实现用户对全景图像的交互,包括鼠标拖拽、缩放、视角切换等。
  3. XML配置文件:通过XML配置文件来描述全景图像的显示信息,包括初始视角、切片大小、缩放比例等。
  4. 渲染引擎:通过渲染引擎将切片图像拼接为完整的全景图像,并将其显示在用户界面上。
  5. 插件扩展:可以通过插件扩展来实现更多的功能,如视频播放、音频播放、热点添加等。

总体来说,krpano的实现原理是通过图像切片、控制器、XML配置文件、渲染引擎和插件扩展等技术,实现了一款基于Flash和h5技术的全景图像展示引擎。

Krpano软件的安装和使用流程

Krpano的安装和使用流程如下:

1.下载Krpano软件包,截止2023年5月5日,最新版本为1.21,支持:Windows、MacOS、Liunx

2.解压软件包(我使用的MacOS)

  • 将下载的krpano-1.21.dmg文件解压缩到本地计算机上的任何目录中,安装后目录如下: 截屏2023-05-05 08.24.25.png

3.打开Krpano

  • 进入解压后的软件包的目录,可以在MacOS中双击krpano Tools.app文件打开Krpano软件,窗口如下: 截屏2023-05-05 08.21.27.png

4.创建全景图

  • 在打开Krpano软件后,点击“Open Images”按钮选择拍摄好的全景图,注意:将全景图放到某个特定的文件夹中,后续会默认在改文件夹中生成名称为“vtour”的文件夹,该文件夹中内容即为全景项目工程,可通过该项目进行全景项目的定制化开发。 截屏2023-05-05 08.34.26.png 关于vtour文件夹目录下的各文件介绍:
  1. panos文件夹:包含了全景漫游中所有场景的图片,以及预览图等相关文件。
  2. plugins文件夹: 包含Krpano的插件文件(.swf格式),以及与插件相关的xml文件等。
  3. skin文件夹: 包含全景漫游中使用的皮肤文件。
  4. tour.html: 全景漫游中的主文件,用于加载整个虚拟旅游场景。
  5. tour.js: 包含了全景漫游中常用的JavaScript函数,用于实现交互和其他功能。
  6. tour_testingserver.exe / tour_testingserver_macos: 是Krpano提供的本地测试服务器,用于在本地环境中预览和测试全景漫游中的效果。
  7. tour.xml: 包含了全景漫游中的相关设置和配置信息,如场景、热点等等。

5.查看全景图

  • 双击vtour文件夹中的tour_testingserver_macos文件可自动在浏览器中执行全景浏览效果。 全景示例.gif

6.编辑全景图

  • 使用Krpano软件中的编辑器编辑全景图。可以从侧边栏中添加多个插件(如热点、导航、普通区域等)来完善全景图。Krpano软件提供了大量的插件模板,可以进行自定义编辑。

7.发布全景图

  • 将导出的全景图项目上传到服务器,以便在网站或在线平台中使用。 Krpano支持HTML5响应式人机界面,并能轻松在桌面和移动设备上进行浏览。

以上就是Krpano的安装和使用流程。Krpano软件强大而易于使用,可以用于制作高品质的全景图和虚拟现实应用程序。附上Krpano中文文档地址:www.krpano360.com/

Krpano购买和注册流程

  1. 访问Krpano官网(krpano.com/)并选择需要购买的许可… 截屏2023-05-05 09.10.43.png 上图中有两种licenses可选择,分别是krpano License(个人许可证)和krpano Branding Free License(商业许可证),它们的区别:
  1. krpano License包含krpano引擎的完整功能和技术支持。可以在单个网站上使用,但是krpano品牌标志必须保留在所有全景漫游场景中,并且不能去除品牌水印。费用:159欧元
  2. krpano Branding Free License不仅包含完整功能和技术支持,同时还允许您删除krpano品牌标志和水印。您可以在无限个网站上使用krpano引擎,而不必担心krpano品牌问题。费用:299欧元
  3. Krpano提供30天的免费试用期让用户评估和测试软件,试用版具有完整版的所有功能,但会在输出时添加Krpano的水印。用户可以在试用期间购买Krpano的许可证以去除水印。
  1. 在购买页面中,填写所需的信息(例如您的姓名,公司名称等)和付款信息。请确保您的付款信息是准确的和安全的。 截屏2023-05-05 10.15.18.png 上图中带星号的部分都要填写,电子邮件一定填写真实可收到邮件的地址,这是官方将注册码发给你的唯一方式,千万不要写错,以后要购买其它授权也是用这个邮箱。用户的地址可以用中文。最后选择信用卡支付。姓氏名字和公司名建议用英文字母或者数字。然后就是信用卡支付的页面,如果显示的是中文,则直接收取对应的人民币。支付完成后,官方会往你刚才登记的邮箱地址发一封注册码邮件,里面很清晰地有一连串类似乱码的字符串,那个就是用来激活使用的。
  2. 注册Krpano帐户并登录。 启动krpano Tools应用程序。如果尚未注册,该工具将要求您立即注册。在弹出的注册框中对应位置粘贴已经购买过的license,点击Register this code按钮即可,软件将验证您的密钥并激活您的许可证。 72DC1E03-5B97-4239-A7CF-7E6537930272.png 也可通过命令行的方式进行注册,具体注册方式,可参考官方网址:krpano.com/buy/howtore…

下节我们将更细致讲解Krpano的二次开发相关内容。