循序渐进(12)- krpano的内置元素

更新 2020.9.15 krpano 1.20.8

krpano的代码可简单分为静态代码和动态代码的部分。静态代码就是24个内置元素(action元素比较特殊,其内容是动态代码)以及可自定义的其它元素。动态代码就是特指action元素的内容以及一些特定的元素的数值,例如事件触发的动作。本文简单介绍一下krpano24个内置元素。

(更多…)

循序渐进(11)- 1.21版本的默认tour.xml解析与换肤

更新 2024.4.19 krpano 1.21.2

这次我们专门来讲讲tour.xml里的静态元素的作用以及如何更换在1.21中更换皮肤。

krpano根元素

上次已经提及了krpano元素是krpano xml文件的根元素(krpano元素官方文档krpano元素完全解析),我们可以看到整个xml文件一头一尾都是由krpano所闭合的。而在krpano元素中version是版本号,它是一个系统内置属性。title是自定义属性,title定义的值在默认皮肤下是显示在缩略图左上角的文字。

 

(更多…)

循序渐进(10)- 初探krpano xml静态代码

更新 2020.9.15 krpano 1.20.8

什么是krpano xml静态代码?

krpano xml静态代码其实就是krpano元素。我们在学习krpano里的时候经常要面对krpano的xml文件,krpano的xml文件里的静态代码相当于一个个具有功能说明的积木。虽然krpano的代码在文本中是一个个元素,且是有顺序地布局着,但实际上除了相同元素的载入的先后次序,不同元素之间的先后关系并不重要(除了krpano根元素)。

 

(更多…)

循序渐进(9)- vtour文件夹的运作机制

更新 2020.11.12 krpano 1.20.9

前面几个课程我们讲述了一些需要实践动手,并且实实在在地做了一个漫游。对于熟悉前端的朋友可以忽略本篇,本篇主要是讲解一下vtour文件夹各个文件之间的关系。

vtour文件夹是krpano默认生成的漫游文件夹。在这个文件夹中,有三个文件夹以及五个tour开头的文件。详细说明请查看:vtour文件夹说明

当我们双击tour.html的一刻,到底都发生了些什么事情?

(更多…)

循序渐进(8)- 加入中文信息、设置起始视角和热点

更新 2020.11.12 krpano 1.20.9

加入中文信息

要顺利地在漫游中显示中文,首先要使用正确的代码编辑器:Sumblime Text 3

如果用记事本编辑xml文件,默认保存的话,中文无法正确编码,会显示乱码。因此你要用上述提及的链接中的软件打开xml和html文件。使用代码编辑器还能让代码结构化。

所有乱码问题 都是由于文件自身的编码格式引起的跟编辑器并没有关系 只不过有些编辑器提供指定字符编码功能 有些编辑器不提供这功能

接下来你可以编辑你刚生成好的vtour文件夹的内容。也可以打开krpano下载包中下面的路径进行练习 (更多…)

循序渐进(7)- 安装krpano漫游设计的代码编辑器

更新 2020.11.12 krpano 1.20.9

工欲善其事,必先利其器。

作为krpano代码君,每天对着就是一堆krpano代码,普通的代码编辑器只能是将它看成是普通的xml文件对待,没有语法提示,也没有合适的高亮主题等等,如果你的代码编辑器能够辨别krpano的文件结构,能够有语法提示,你搞错的属性和元素还能用不一样的颜色标示出来,那该多好。像下图:

(更多…)

循序渐进(5)- 默认皮肤文件夹说明

更新 2020.11.12 krpano 1.20.9

首先将拼接好的球面全景图规范命名,命名这一步十分重要,很多人往往就直接使用PTgui拼接后的文件名,这些啰嗦的文件名在多场景漫游时,每次都要在浏览器打开看到场景才记得对应的是哪。下面告诉大家一个简单的汉语声母命名法。例如我们现在拍了两套样板间或者两个不同的大型展厅,我们可以把第一个确定为a1,第二个确定为a2,那么第一个样板间的客厅就是a1kt,次卧是a1cw,主卧是a1zw,类似第二个样板间是a2kta2cwa2zw,假定我们用的是jpg文件,那么在全景图文件夹里就有六张jpg图片,它们是10000*5000,jpg图片质量85,长宽和图片质量依据你所需而定。但不要搞个10000*4999的图,这种奇怪的比例不符合全景图比例的要求。我们这里使用的是2:1的球面全景图。

(更多…)

循序渐进(4)- 使用Droplet工具生成第一个漫游

更新 2020.11.12 krpano 1.20.9

krpano 1.20.9及之后的方法

krpano 1.20.9安装包使用了全新图形界面化(MAKE VTOUR Droplet.exe)生成漫游,但仍然保留了droplet下载。

上图绿色图标exe文件为MAKE VTOUR Droplet.exe,是我们在1.20.9版本之后需要使用到的生成漫游的exe文件。

同时,官方下载链接保留了旧的droplet。

首先确保你已经购买了正版krpano且成功在电脑上注册,同时你已经处理好了若干张球面全景图(例如使用PTGUI进行拼接),并且用英文或数字(数字不能作为首字符)为球面全景图命名(请勿用中文命名,会导致krpano出错,因krpano的name属性不支持中文,会把中文字符全部替换为下划线,按照顺序命名,例如01_1f_01.jpg或者a1kt.jpg,你把这些全景图存放在了一个指定的文件夹(文件夹名可中文)。如果你还不懂怎么购买以及下载krpano或者不知道什么是球面全景图,请阅读 循序渐进(2)购买、注册、下载与更新krpano

双击打开krpano下载包中的MAKE VTOUR Droplet.exe或者krpano Tools.exe,后者相当于整合了前者的功能。

MAKE VTOUR Droplet.exe界面

krpano Tools.exe

首先确认你需要用到的Config File,即配置文件。点击krpano Tools.exe左下方Config File下拉框或者MAKE VTOUR Droplet.exe右下角Config File字样。

 

flat.config      针对平面2D全景或图片,生成渐进分辨率的平面图,无尺寸/像素限制,带有针对平面图片的皮肤和控制。

multiframe.config 针对多帧全景图的展示,类似于全景幻灯片,可生成渐进分辨率图片。

multires.config 生成渐进分辨率的全景,无尺寸/像素限制,快速动态地载入场景,带有按钮的默认皮肤 。适用于单张全景。

normal.config    针对标准全景图(360度),一次性载入场景,单分辨率 。适用于单张全景。

object.config  针对环物,可生成多分辨率图片,可缩放,可旋转。

vtour-multires.config  生成漫游全景,支持多分辨率。

vtour-normal.config  生成漫游全景,生成单分辨率图片。

vtour-vr.config 推荐!生成漫游全景,支持多分辨率,对VR模式图片进行优化处理。

你可以点击Open Images选择图片或者直接使用“鼠标拖放”方式将全景图拖放到exe上,然后松开鼠标

如果你勾选了Confirm before pr0cessing,则会在电脑处理图片前再次咨询确认。

随后,图片进行处理,处理完后会给出三个选项。

View Tour:打开一个窗口(krpano自动生成,相当于浏览器功能)进行预览。

Edit Tour:对全景进行编辑,在krpano Tools.exe中的Vtour Editor进行

Open Output Folder:打开漫游项目文件夹。

 

krpano 1.20.8及之前的方法

  • 在这一步之前,首先确保你已经购买了正版krpano且成功在电脑上注册,同时你已经处理好了若干张球面全景图(例如使用PTGUI进行拼接),并且用英文或数字(数字不能作为首字符)为球面全景图命名(请勿用中文命名,会导致krpano出错,因krpano的name属性不支持中文,会把中文字符全部替换为下划线,按照顺序命名,例如01_1f_01.jpg或者a1kt.jpg,你把这些全景图存放在了一个指定的文件夹(文件夹名可中文)。如果你还不懂怎么购买以及下载krpano或者不知道什么是球面全景图,请阅读 循序渐进(2)购买、注册、下载与更新krpano

 

  • 到达这一步时,你应该在电脑上打开两个文件夹,一个是项目全景图文件夹,一个krpano下载包文件夹(查看说明了解什么是krpano下载包)。你可以选择make pano的droplet进行处理。(场景之间相互不链接,每个场景都有独立的xmljsswfhtml文件)。但通常不建议这么做,除非你只有一个全景图—— 打开全景图所在的文件夹,使用“鼠标拖放”方式将全景图拖放到某一个MAKE PANO droplets图标上,然后松开鼠标

(更多…)

循序渐进(1)- 漫游设计的选择 – krpano

全景新人的困惑

更新 2020.11.12 krpano 1.20.9

在很多全景摄影、全景漫游制作的QQ群中,遇到新手们提的最多的问题大多集中在对全景硬件和全景软件的选择。这些新手是真正的新手。也就是他们没拍过全景,更没尝试将全景图制作成虚拟漫游(virtual tour)。

他们为什么要进入这个领域?首先可能是兴趣,这部分的学生占比比较大,第二可能是因为所在的公司老板要求他们去研究和学习。对于第一部分的人来说,他们或许会满怀热情。而对于后者,接触新领域会让人感到一定程度的不舒服。

关于全景摄影上的硬件,包括镜头、云台和三脚架等设备的选择,在这里不再详述,有兴趣的朋友可以看一下环视四方论坛以及本站的全景硬件。我们现在讨论的是,如果你是一个新人、一位小白,手上有若干张全景图,当然这时候你可能连为什么这些被叫做全景图还不是很明白。你现在可能想做出下面这样一个东西。你还会想,到底如何才能做出下面的漫游? (更多…)