接之前的文章,基于Three.js的全景展示框架-TPano,之前的分享中留了一个问题,如何在线展示高清大图,基于TPano技术,虽然可以实时看到全景,但是随着摄像头的分辨率越来越高,文件大小也会越来越大,是否有同时可以自动切片,也可以实时切图,异步加载的解决方案呢?
这里隆重推出全景技术的一个重量组件,krpano,官网:https://krpano.com/,上面有krpano的适用场景,还有一些教程。其主要功能如下:
krpano是一款小型且灵活的高性能全景软件,用于展示基于web的全景照片套件。它可以用于非常详细的高分辨率图像、交互式虚拟游览、定制用户界面等。
1、通过内置的生成和图片处理算法,可以生成高清的图像。
2、多终端、设备支持好,对于老浏览器,使用flash可以支持老的设备和浏览器。
3、通过自定义脚本扩展制作方式,丰富制作场景。
4、支持VR展示。
5、生成图片小,减轻文件系统压力。
6、其它...
这是一款商业软件,如果需要商用,请联系官方获取商业授权,本文演示的来自社区的破解版。
一、下载对应操作系统的软件
二、下载完成后,打开安装目录如下
这是krpano的一些内置批量处理脚本,非常有用。
三、全景生成
将一张全景图片拖到上述的xxx.droplet.bat 中,会看到如下转换界面
上述命令执行完成后,在图片的同级目录下,可以看到以下文件夹:
上面这个就是通过krpano脚本自动生成的全景信息。你可以把文件发布到文件系统,或者通过nginx进行资源映射,即可完成全景制作。
四、测试
你也可以点击上面的tour_testingserver.exe,会启动本地的一个服务器,将全景信息发布出来,对全景信息进行预览。
在浏览器中输入访问地址即可看到相应全景
通过以上步骤可完成全景的自动转换。