输出的图像设置

我们现在所说的全景漫游是基于全景图片的,图像是作为全景漫游的载体,可以说是最重要的。

在这里,我们再补充一点小知识,Pano2VR将全景图片转化成全景漫游这个过程,其实是将输入的全景图片(本站点常见的2:1矩形球面全景图)切成6面片,也就是立方体6个面,而模型也是扣成立方体,同类工具krpano的模型也是一样的。

关于图像的设置,在Pano2VR版本5中默认设置就很好,基本上我们制作全景漫游可以不用设置,我们这里可以当作知识点简单地了解一下。

质量,数值是1~100,默认是90。我们输入的全景图切片后都是90%的质量保存的,这是为了避免图片过大,可能带来的网络储存和浏览等问题。而90质量对于图片的清晰度没有太大的影响,但却能够较大的压缩图片的存储大小。这个值我们可以根据自己的实际需求更改,但是要注意,尽量不要设置到100,90和100的实际观感质量差距不大,但是文件大小差距并非是90%和100%。一般我们的全景项目都是网络传播分享的,一定要平衡质量和加载速度。

这里顺带回答一个问题。为什么全景图很清晰而Pano2VR输出后变的模糊?这个问题有一部分的原因是,全景图片本身分辨率太低,如果是三维建模渲染的全景图建议图片分辨率至少6000×3000,有条件建议8000×4000以上。其实在实际应用中,对于一些文字性展板多的室内史馆会选择15000×7500甚至更高的分辨率。如果是拍摄拼接的全景图,使用相机加鱼眼镜头拍摄的全景图,会比一键出图的设备和APP拍摄的要清晰很多。另外,还有一部分原因可能是,使用的软件问题(来源不明的非法破解),检查一下输出的output文件夹images或title文件夹有没有切片图,如果有,点开查看是否有清晰的大图,如果没有,那就说明是软件的问题,使用正版软件就可以了。

多分辨率和单分辨率,我们这里先看一下单分辨率。

单分辨率就是除了预览图(“下载/预览”的切图)外,全景图只切一套6面片。

立方体面尺寸,就是面片的尺寸,会默认给出一个值,这个值是全景图的高的1/2,可以更改。后面给出一个推荐的最佳尺寸,尽量不要选择,这个推荐值分辨率太小,不清晰。

瓷砖质量,可以调整每个面片的质量,比如,上或下可以适当调小点,减小存储大小,提升网络状态下的加载速度。

下面的交错/隔行扫描,可以勾选“使用渐进式JPEG”。解释一下概念,渐进式JPEG,即Progressive JPEG,是区别普通的Baseline JPEG。这里给出示例我们就知道怎么回事了。

Baseline JPEG 在显示时是逐行扫描,一行行的加载后显示。

Progressive JPEG在显示时是多次扫描,从模糊到清晰逐渐显示。

这是在网络带宽状况不好的情况下考虑的,Progressive JPEG相比较Baseline JPEG体验可能更好一些,毕竟先显示了轮廓比留着空白要好。当然,这两种显示我们可能看不到,因为只有在全景图很大且网络带宽较低的情况下会出现。

图像名和立方体面名这里没什么好说的,默认会给出一套命名规则,可以根据自己需求修改,总体是“场景名_切片编号”。

下面看多分辨率,在版本4中叫多重分辨率渐进式浏览。

多分辨率,是切多套分辨率不同的6面片,在显示的时候,根据缩放加载层级,初始加载小分辨率的切片,速度快,缩放(放大,拉近)时加载大分辨率的切片,看的清。

初期的多重分辨率是切多套不同分辨率,比如面片分别切500px、1000px、1500px等或更高各一套,先加载500px,速度快,然后留出时间放大的时候再加载1000px、1500px的切片,这种方式比只切一套最大的1500px,初始就加载会快不少。现在多重分辨率又做了改进,Pano2VR版本5中,不仅仅切成多套分辨率,对还将大分辨率的图再进行切片,更碎片化。krpano较新版本也是这种方式。

在上图中就是Pano2VR多分辨率默认的切片算法,我们可以看到有四个层级,也即对应四套切片,分辨率依次是301px、602px、1202px、2402px,先解释多余的1px、2px,是为了切片之间重叠,后面的是2px是因为有子级切片。所谓子级切片也就是上面说的对大分辨率切片进行的再切片,再切片就是以“水平平铺尺寸”,这里默认510px,实际切成510+2也就是512px大小切,多的2px是为了切片重叠。

等级,也就是我们说的层级,或者说套数。默认勾选的自动,所以按照内置的算法默认4个层级,各层级切片的大小根据全景图大小确定,像我们看到上图那样。当然我们可以勾选手册,添加自己决定的层级和层级大小。

点后面的加号+可以添加层级,这时会默认给出一个值,这个值我们可以再自行修改。

下载/预览,这部分是加载我们的切片前加载的图像。其实也是为了缓冲可能网络加载慢的问题。

类型,有以下几种。灰度级就是灰色,颜色就是保持原彩色。

分辨率,就是预览图的大小,默认1:4。即切片图分辨率的1/4,这里针对单分辨率,多分辨率的预览图不是。

质量,就是预览图的切片质量,默认25,可调,建议不调,预览图,不需要清晰。

控制设置

关于控制设置,也即是基础交互控制,具体就是设置一下键盘鼠标的控制参数。

这里补充一下,对于制作的全景漫游,基础交互是可以用鼠标和键盘操控浏览。鼠标控制不陌生,按住鼠标左键后拖动进行浏览,滑动鼠标滚轮缩放。对应键盘控制是↑ ↓ ← →    Shift Ctrl,或是W S A D   Q E。当然鼠标还有一个右键菜单的设置。

上下文菜单,即鼠标右键菜单。菜单链接,是可以自定义添加一些内容,文本处填写显示的文字,网址填写文字对应的链接。这里可以添加一些作者、版权、网站链接等。

默认项目,是Pano2VR自带一些右键菜单项目,可以选择是否启用。添加投影项目就是添加上默认视图的三种投影类型。添加‘全屏’是切换进入全屏。隐藏‘About Pano2VR’字样,就是字面意思,这里不勾选,默认右键会有Created with Pano2VR标识。另外需要注意,默认项目,在显示上是英文,如下图所示。

下面是关于鼠标键盘控制的参数。

感光度,翻译有问题应该是灵敏度,反映在操作上是操作幅度大小,默认是8,数值范围是1~20,可以根据需求和喜好更改。

惯性,是在操作停下按键时,动作上会有一个延迟,默认是开启的,可以去掉勾选关闭。

鼠标,可以禁用,使不能通过鼠标拖拽缩放(热点还可以点击)。反转控制,默认是选定的,视野浏览与鼠标拖拽的方向是相反的,这是和手机触摸一样的操作,去掉反选控制的话,视野浏览与鼠标拖拽的方向是相同的,这和在电脑浏览网页,按住鼠标滚轮上下浏览是一样的。至于“橡胶带效应极限”,在浏览中的体现就是,当在限制的边缘时,我们依旧可以拖拽,浏览到超出限制的部分,但是松开按键回会到限制的边缘,这在许多手机App上能体验到,上滑下滑到顶端低端,依旧可以滑动超出边缘部分,甚至有些App还会隐藏一些内容在超出的部分。

双击,可以设定切换进入全屏。

鼠标滚轮,可以禁用,不过不建议禁用,但是建议勾选后面反转,默认是不勾选,上滑滚轮拉远(缩小),下滑滚轮拉近(放大),这和我们的接触到的一些操作习惯是相反的。

键盘,我们可以全部禁用,也可以只禁用缩放,即Shift Ctrl或Q E失效。这里键盘禁用缩放也是有好处的,尤其针对习惯使用QQ的Ctrl+Alt+A截屏的来说。

 

HTML网页设置(开启重力感应/陀螺仪)

相比较“HTML网页设置”,显然“开启重力感应”更有吸引力和侧重点。

这部分在基础的学习中没什么好说的,只有一个开启重力感应可以说。

窗口大小,是针对于输出Flash的,对于HTML5没有任何意义,输出HTML5默认就是浏览器窗口大小。下面的模板、格式、输出文件统统不多赘述,用到时会具体讲解。直接进入重点,如何开启重力感应。

点击“编辑模板”

在编辑窗口,勾选 Include gyroscope control ,我们可以大概理解成嵌入陀螺仪控制。

设置后输出的全景漫游,通过手机(有陀螺仪功能的,当然现在的智能机是都具有这个功能的)浏览时,除了能拖动外,还可以根据手机的朝向浏览场景的相应方向的内容。

但是由于算法的不足,陀螺仪和拖动两者不能“友好”兼容,即开启陀螺仪后虽然可以拖动,但是拖动完毕依旧回归到陀螺仪的控制之下。其实,理论上就应该这样,因为陀螺仪本来就是应用在cardboard模式下的,谁也不会闲着没事开启陀螺仪后拖动着看,所以,一定意义上说,陀螺仪就是一个噱头,没什么用。

在版本6中HTML模板就变成如下所示。

因此,在版本6中开启陀螺仪,就不是在HTML模板里设置了。

在皮肤设置里,任给一个元素添加如下动作,初始启用陀螺仪设置。

开启,关闭,切换也在这里设置,模式里选择即可。

需要注意的是,版本6的陀螺仪,制作输出上传服务器,需要服务器开启SSL认证才能启用陀螺仪,就是你的域名链接需要https://开头,陀螺仪才能有效。

另外针对苹果移动端IOS 13版本,需要在输出output文件夹下添加一个文件。

文件链接  提取码:h81i

下载解压,将里面的 pano2vrgyro.js 复制到output文件夹下即可。

设置场景转换过渡效果

我们已经知道可以通过热点切换场景来浏览,而在场景切换的过程,我们还可以设置过渡效果,这就像在制作视频的时候,会添加一些转场特效,以使切换画面不至于生硬。

依旧是在输出部分进行设置。

首先我们注意到,过渡有两个勾选,一个是全景/全景图,即画面的过渡,还有一个是声音的过渡。

我们依次介绍各详细参数。

过渡类型,也就是转场的效果,除了默认的“交叉淡入”,还有有以下几种选择。

至于这些类型对应具体是什么样的效果,我们可以自己动手输出一下,根据实际要求或者自己的喜好选择。

软边,软边的意思是对“边”进行毛化模糊,单位是像素,值越大,表视毛化的边缘越多。前三种类型是没有这个参数的对应设置,因为它们不涉及“边”,只有后面的虹膜、擦出等类型才有。

过渡时间,是指过渡类型效果持续的时间,默认1s,可以根据实际情况和个人喜好更改。

效果,有之前和之后,也即过渡前和过度后。分别对应的可供选择如下。

     

之前只有“放大”一个选择,之后有“放大”、“缩小”和“飞入”。放大和缩小,其实就是视场拉大拉小(拉远拉近)。飞入自然是之前提的,小行星效果。

下面有个等待过渡,默认打了勾选。

这里该怎么理解一下呢?

过渡除了过渡类型,其实这里的“之前”“之后”也是过渡的效果,如果设置了“之前”“之后”的效果,保持默认勾选的等待过渡。这样转场过渡就是先“之前”的效果,再“过渡类型”的效果,最后“之后”的效果。如果去掉等待过渡的勾选,就是先“之前”效果,“过渡类型”和“之后”的效果同时进行。

缩放FoV,就是放大到和缩小开始的视场角值。

变焦速度,就是放大和缩小的速度。

声音的过渡时间就不解释了,说一下“淡入淡出/交叉渐变”。

不勾选就是“淡入淡出”,转场前场景的声音先淡出(音量1降至0),转场后场景的声音淡入(音量0升至1)。勾选就是“交叉渐变”,不同于“淡入淡出”,是声音先消失再出现,“交叉渐变”两个场景的声音有融合,先转场前场景的声音渐小,转场过程,转场后场景的声音渐大,但转场前的声音还未消失,然后等后场景的声音正常大时,前场景声音消失。

开启自动旋转

输出的全景可以设置自动旋转,场景视角水平方向上360°旋转。

在输出的“自动旋转&动画”中勾选上自动旋转,然后对下面的一些参数进行设置。

平移速度,也即水平方向旋转的速度,这里默认使0.4°/帧率,这个值实际较大,输出后预览,旋转的速度较快,建议设置小一点,0.05、0.1就可以,当然这个要根据实际情况和个人喜好设置。

延迟,是指等待鼠标键盘无操作后多长时间开始旋转。

返回水平线,是当鼠标拖动浏览,改变了倾角后偏离了“水平”(倾角0°)后等待一定“延迟”后再回归到水平的速度,注意这里的值不是时间,是速度。从0到10,0表示不回归水平,保持拖拽后的倾角状态,10表视立即回归到水平,0到10之间的值是不同速度地回归水平,值越大,越接近10,回归到水平越快。

我们上面提到“延迟”,是说等待键盘鼠标无操作后开始旋转的时间,实际我们打开漫游开始预览后,也需要等待这个“延迟”时间。但是勾选上“加载完毕后开始”就不需要等待“延迟”了,进入场景立即就开始自动旋转,“延迟”依旧是等待键鼠无操作的时间。

更改节点,是指自动切换场景进行浏览,默认“永不”,即不自动切换场景。可设置为时间参数,单位是秒,即多少秒之后切换场景。后面有个“随机的”勾选,默认不勾选,切换的顺序是导览浏览器中的场景顺序,勾选后,则变成随机切换。

更改节点配合自动旋转就是自动浏览了。注意更改节点的时间,如果场景有语音讲解,那么可以设置更改节点的时间为语音讲解时长(适当延长3~5秒),如果没有语音讲解,可以设置更改节点为自动旋转一周的时长。按照上图的0.1°/帧率的平移速度,旋转一周需要60秒。公式是 6 ÷ 平移速度 = 旋转时间 。根据这个公式,定好自己满意的平移(旋转)速度然后计算出旋转时间。

 

制作小行星开场

小行星开场就是进入场景后由小行星视角转场到正常视角。最开始Pano2VR里没有这个功能,krpano有这个功能,littleplanet,翻译是小行星。

小行星视角的效果是下图这个样子。

可能是效果炫酷,所以很多人也会问Pano2VR里如何实现小行星开场,这在旧的版本中是解决不了的,在Pro 5.2中就很简单了。

如果我们文章依序看的比较认真,在设置默认视图中,最后有提到,立体投影,输出后,视角垂直地面拉大视场,就得到小行星效果。

我们设置小行星开场,就是由立体投影下的上图视角,转到直线型投影下的正常视角。

首先在右侧输出设置的“自动旋转&动画”下勾选“飞入”,下面的是由小行星视角到正常视角的转场效果的速度,默认是2,可以根据实际情况或需求调节,值越大速度越快,转场时间越短。

勾选飞入后,不能立即就输出。

还需要到查看参数下的“飞入”进行一下设置。

我们在上面说了,小行星开场,是由立体投影下的视角,转到直线型投影下的视角。直线投影下的视角自然就是默认视图下的视角,我们这里就无需设置了。所以这里飞入的设置,其实就是设置一下立体投影的视角参数。

我们已经知道,小行星效果是立体投影下垂直地面的视角,因此,这里飞入开始的倾角默认-90°我们就无需设置了,而小行星效果不光要垂直地面的视角,还需要拉大视场,这里默认的170°视场显然不太够(显然,是显然不出来的,是挨个试出来的结果),视场最好是在270~360°之间,具体的值依据个人喜好试完自行设置。

到这里再去输出,基本就符合了小行星开场的效果。

如果我们看过krpano做出来的小型开场,可能会留意到,开场不光是视角的切换,过程还有点“螺旋”的效果。

我们上面的设置,立体投影的开始“平移”值是0°,而默认视图的“平移”值也是0°,所以没有出来“螺旋”效果,我们这里只需要设置一下飞入开始的平移值,从-179.99°~180°之间选择,尽量离默认视图的平移超过90°的差值,使得螺旋效果明显。至于正负值,就是螺旋时的正反旋转。

小行星开场,不光可以设置在初始场景,依据个人喜好,可以对任意一个场景设置,勾选上对应场景下的“飞入”,然后进行上面的设置即可。

限制视角

我们从一开始说全景图,就是特指包含水平360°垂直180°全视角的全景图,通过这种全景图制作的全景漫游,可以还原出整个三维立体空间所有的景象。

但有时候我们可能由于拍摄设备的原因,没能拍摄到一定角度的照片,常见天空或地面一圈“黑洞”,或者是某一部分视角的内容有瑕疵,我们在制作时不想这些被看到,在Pano2VR中我们可以对全景视角进行限制,让这部分内容无法被查看到。

查看限制,勾选上显示限制。

我们看到四个参数,顶部90°、底部-90°、左360°、右0°,这四个参数是当前的限制值,当然我们知道全视角就是上下180°,左右360°,所以此时的限制值,是没有限制的

而后面的四个参数,顶部33.3°、底部-34.5°、左50.2°、右-51.4°,即是当前预览窗口,当然也是实际的浏览窗口下,顶部、底部、左、右边缘对应的视角值。如果我们点击各自后面的设置,即把此时的参数设为限制值。

我们在对某一区域进行限制的时候,直接在预览窗口中鼠标拖动到窗口边缘恰好看不到限制区域时,点击设置,如限制天空或地面,就设置顶部或低部就可,如果是限制水平向的一块区域,需要左右都进行限制。

限制不看到天空顶部。

拖到限制的边缘,点击顶部的“设置”限制。

限制不看前面的大殿。

拖到大殿左边缘,点击右的“设置”限制,(注意尽量使“倾角”接近0°以便左右更准确)。

拖到大殿右边缘,点击左的“设置”限制,(同样注意尽量使“倾角”接近0°以便左右更准确)。

我们可以对上下左右进行限制,自然对前后也能限制,即限制视场 / 限制我们的缩放 / 限制拉近拉远的程度。

设置“最小值”和“最大值”即可,当然视场上的这个设置对直线型比较有意义,对立体投影和鱼眼效果的意义不大。

 

设置默认视图

默认视图,即进入场景后的第一视角景象。

当我们将全景图输入到Pano2VR中,其实已经默认了一个视图,也就是平移0、倾角0,对应的就是全景图片的中心位置,视场70,垂直70°视野范围。

我们可以重新设置这个默认视图。

如果有确定的值,那么可以在默认栏下手动输入平移、倾角、视场这三个参数值。或者我们也可以直接在预览窗口,鼠标拖拽到某一视角,滑动鼠标滚轮选择合适视场,此时对应的“当前的”栏下,即是我们手动选择的视图参数值,点击下面“设置”按钮,便可以设置成进入场景后的默认视图。

不满意默认视图,我们可以点击“重置”快速的回归原始默认,然后重新设置。点击“跳转到指定位置”即可查看默认下方参数对应的视图。

对于后面的这种样子的按钮,点击它,可以将当前的参数值,设置到其它所有的场景节点中去,可以省去我们一个个的设置。

默认视图的设置就这么简单,但默认视图还有个“投影类型”可以选择,默认的是“直线型”,除了此之外,还有“立体投影”和“鱼眼效果”

直线型就是我们正常看东西的效果。

鱼眼效果,视场不大,就是正常变点圆形。视场大点,就像鱼眼镜头的成像,当然也可以说成鱼的眼睛成像效果。视场拉到最大时,同时容下整个视界,全视角。

立体投影,视场不大时也是正常变点圆形,比鱼眼效果的变形小。视场大点,成像扭曲不太好描述。当视场最大,是扭曲的更厉害,但当视场最大且视角垂直地面时,我们就比较熟悉了,就是风靡已久新手特别痴迷实现的效果,“小行星”效果。

这三种效果的具体表现,我们可以自己动手输出预览一下。

添加热区(多边形热点)

我们上一篇文章讲的热点是一个点,我们也可以理解成一个点状的链接。本篇文章讲的是一个区域状的热点,区域可以是任意多边形,所以也可以叫它多边形热点。当然我们一般叫热点大部分都是指点状的热点。

添加多边形热点。

通过预览窗口在场景中选定区域直接勾绘。双击鼠标左键开始区域的第一个点,然后单击鼠标左键确定剩余的点位,直到最后一点,再次双击鼠标左键,结束绘制。

对于勾绘好的大致区域轮廓,如果有一些瑕疵(上面的勾绘不细致,只是简单粗略的轮廓勾绘),我们可以进行调整,调整的对象自然是点位。鼠标左键按住要调整的点,拖动位移即可。如果想删除已勾绘好的区域,鼠标选中,按键盘的Delete键即可删除。如果想增加点,鼠标左键点击边线就可以增加一个点。

多边形热点的参数设置,比点状热点要简单一些,最大的不同是没有“皮肤ID”。

是的,热区(多边形热点)是没有皮肤的,也制作不了皮肤。原因很简单,多边形相比较“点”,是不规则的,可任意绘制。而且皮肤说白了就是一个图标、图片遮盖原来的点。换成多边形区域,就是一个轮廓,我们想象不到,它皮肤该是什么样子。

除了没有“皮肤ID”,多边形热点的“类型”也只有“网址”和“导览节点”两个。

其实这一点,个人觉得不太好,应该也要和热点一样,有很多类型才对。当作触发器来说,多边形热点在一定条件下,还是有优势的,它可以“隐形”标注场景中的物品。有时候这种“隐形”标注效果更好。(即使没有给出类型,我们也可以制作出来像热点一样弹出各种元素,这个会员文章有介绍)

其余的就不多说了,选择“导览节点”连接场景时,和热点(点状)一样的设置。

上面我们提到了多边形热点不能设置皮肤,但是我们可以进行一定样式上的改变,通过“颜色”我们可以变换多边形热点的显示面貌。

去掉勾选“使用默认值”,我们看到默认的背景(也就是区域填充)和边框是深蓝色。在预览窗口勾绘的区域外,点击一下鼠标点可以看到样式。

点击背景和边框后的方框可以重新选择颜色。

可以在左边的基本颜色大致选择,也可以在右边的色板细致选择,还可以点击“Pick Screen Color”拾取当前电脑屏幕的任意点的颜色。当然如果要使用固定颜色,我们可以通过色彩三要素值或者RGB值确定,也可以由前端网页中用的十六进制颜色确定。这里需要注意一个“Alpha通道”,其作用是设置透明度,它的值这里不是百分比、小数,而是从0到255,0是全透明,255是不透明,按照百分比或小数的话固定的话,我们可以自己折算数值。

注意:单个热区的颜色更改可以在这里设置,如果多个热区的批量更改,就保持上面的使用默认值勾选,去下面介绍的热点——多边形热点,更改背景颜色和边框颜色。

热区到这里还没有结束,在输出前,我们依旧要看一下“输出”的“热点”设置

我们看到“多边形热点区”,

视图模式默认是“一直隐藏”,什么意思呢,一直隐藏是,我们勾绘的热区轮廓不会显示,但是它是存在的,我们设置的导览节点切换场景,在鼠标点击时也是有效的。除了“一直隐藏”的视图模式外,还有以下几种模式。

“一直显示”,与一直隐藏相反,勾绘的热区轮廓是显示的。“显示当前的”,是区域轮廓不显示,但在鼠标进入到区域后才会显示。“全部显示”,是如果场景中有多个热区,鼠标进入到其中一个热区内,场景中所有的热区都将显示。

另外我们注意到在这里也有背景颜色和边框颜色的设置,和之前提到的是一样的作用。前面在参数设置区,默认勾选了使用默认值就是使用的这里的颜色。如果批量更改颜色,就要在这里更改,这样所有热区都会显示这里的设置的颜色。

手指光标,是鼠标经过是显示手指样的图标,可以去掉勾选,变成默认的指针状。

添加热点

如果我们是初学者,看到现在,可能会提出一个疑问:当我们一个全景漫游中包含多个场景时,该如何将它们连接起来,逐个浏览观看?

我们在输入全景图的文章中说过,Pano2VR可以输入多个全景图片,场景个数在理论上是不受限制的。我们输入了多个场景自然会想到将它们“串联”起来,可以从一个场景中切换到下一个场景,继续浏览观看。

单纯的切换场景的话有很多方式,在添加背景音乐的文章中,所附的演示采用了缩略图的方式进行场景切换,这些我们后续都会逐一的介绍,包括通过导航图选择并切换场景浏览。而现在我们将介绍如何添加热点,通过热点将场景串联并切换浏览。

我们在输入全景图文章中已经知道了怎么添加多张全景图,添加的全景图都会在下方的导览浏览器中显示,细心的我们会注意每个全景图的左下角都有一个黄色三角形叹号标志,这个标志的意思,是这个场景(全景图),没有出去和进入的热点,也就是它没有链接指向其它场景,且其他场景也没有链接指向它。

当我们添加了“出去”和“进入”的热点以后,这个黄色三角形叹号标志就消失了。

通过预览窗口选择“热点”。

在预览窗口中选定要插入的位置,然后双击鼠标。

我们在预览窗口中看到的那个红色标志,即热点在编辑状态下的标志。

和我们插入图片及音视频一样,左边是对应的参数设置区域。

我们一一进行说明:

ID就不再赘述了,它就是“名字”,通过他来定位,一般都会默认自带一个,比如这里的热点默认ID是Point01,我们可以根据需求或喜好,重新进行命名。

类型,这里值得说一下。在版本4中,热点是没有类型这一说的,热点的基本作用就是链接场景,因为它的URL可自动填写的就是场景节点。

而在版本5中热点划分了类型,热点可链接的有一下五种类型。

这五种类型,在版本4里也可以进行链接,在URL处输入地址即可(只要地址指向的元素真实存在),但是,版本4对于除了场景的链接外,其它的都是浏览器标签页单独显示链接的元素。而版本5对这一点做了改进,针对不同类型,我们标注好后,能在热点皮肤中制作显示的效果,不再是以浏览器标签页进行显示,而是以弹出层的方式显示。

在本篇文章中我们只介绍“导览节点”,也就是用来链接场景的,其它的我们后续再展开。

类型,选择导览节点。

下面的皮肤ID是为热点链接制作的“皮肤”,指向的是对应皮肤文件中的热点皮肤ID。这里默认有个浅灰色的填充ht_node,这是自带皮肤文件中热点皮肤的默认ID,因为我们暂时还没说到皮肤这块,制作时没有设置皮肤,所以就不展开了,后期说皮肤,还会说到这里的。

这里的皮肤ID不设置的话,默认样式是这样。

标题和和描述,我们可以填充文字。在导览节点中,标题是有意义的,它会在鼠标经过热点时显示。而描述在类型为信息时,会和标题一同显示。(这是默认的情况,当我们后面学到占位符的时候,就可以想显示哪里就显示哪里)

链接目标网址,这里只需要点击后面,选择场景节点就行。

目标,在导览节点类型下,是指进入到链接场景后的视角。

我们可以选择输入目标后,输入目标值,指定进入热点链接的场景后的视角。不过通常我们并不是以参数输入,而是点击后面的红圈(查看目标参数),在弹出的小窗口中,有目标场景的预览。直接鼠标拖动和鼠标滚轮缩放来确定切换后的视角,点击OK,即可确定目标视角。

当然除了输入目标之外,还有两个选项,前进和后退。前进的意思是以当前场景的视角(其实也即是热点所在的“平移”值)进入下一个场景。后退的意思是以当前相反的视角(更改180°)进入下一场景。这里如果不太好理解,自己试验一下就明白了。

下面的“平移”和“倾角”是热点在场景空间的位置,可以通过这两个参数,改变热点的位置,也可以直接在预览窗口中拖动热点改变位置。

如果想删除已添加的热点,鼠标点击选中,按键盘的Delete键即可删除。

热点设置到这里还没有结束,在输出前,我们还要注意一下“输出”的“热点”设置。

我们看到“热点”下面有一个“热点文本框”。

我们上面有说到一个“标题”,在鼠标经过热点时会显示标题处填写的内容。这里的“热点文本框”就是针对这里进行设置的。

首先我们注意到,“热点文本框”前面有个勾选,是默认勾选状态。此时的状态,在鼠标经过热点时,即使标题处没有填写内容,也会显示一个空白的文本方框,大小就是默认的宽180像素/高20像素。如果我们去掉这个勾选,那么鼠标在经过时将不会显示文本框。

然后剩余的内容,就不多作赘述,都是对鼠标经过热点时的文本框进行样式上的设置。大小,就是文本框的大小,单位是像素,也可以勾选上后面的“自动”来根据文本占地儿大小自适应。文本的颜色,自动换行,文本框的背景(填充)和边框颜色,也可以直接去掉“可见的”勾选,不予显示。边框的“半径”意思时设置文本框的圆角,0是默认的不带弧度,这个数增大,可以将矩形变成圆角矩形。

 

补充一个遇到的非常多的问题:为什么我的全景图拖进软件就能看到灰色热点且删不掉?一开始像下面这样:

或者,由于你的好奇,鼠标点了两下,变成了下面这样:

我们什么操作都还没做就看到的灰色热点,并不是“灵异”现象,尽管这个灰色热点有个专门的称呼:ghost hotspot,翻译过来很灵异是“幽灵热点”。这个幽灵热点,其实是软件设计者为了方便我们后期的制作而设计的功能,用来辅助我们添加热点。幽灵热点不是在所有情况下都出现,一般的单反拍摄拼接、建模渲染的全景图是不会出现的,大部分情况下是全景相机拍摄、航拍拼接、手机拍摄的全景图才有。因为只有拍摄设备具备GPS功能,才会向照片中写入经纬度信息。全景图片带有经纬度信息的情况下,才会出现灰色的幽灵热点。所以我们查看一下全景图,只要出现幽灵热点,肯定带有经纬度信息,在“用户数据”里就可以看到。

所以,如果把全景图的经纬度信息删除清空,就不会出现灰色的幽灵热点了。需要注意,不是删除当前场景自己经纬度,是删除幽灵热点指向场景的经纬度,在分辨不出幽灵热点到底指向哪个场景,干脆就把所有场景的经纬度都删掉,这样所有的幽灵热点就消失了。但是,这里不建议大家删除。因为灰色状态下的幽灵热点,输出是不会显示的。如果单纯的不想在预览窗口看到,可以设置一下参数在预览窗口隐藏。

版本5,查看器设置,有隐藏幽灵热点的选项,勾选后灰色热点就不可见了。

版本6,查看器设置对应的参数面板,在预览窗口的下方(如果没有,记得点击一下上方的查看器设置)。点击红框处,即 Toggle Ghost Hotspots ,变成红斜线状态,就可以隐藏所有灰色的幽灵热点了。

回到开始提到的,假设你好奇地用鼠标点击了灰色热点,变成了红色并加小锁?的标志。这意味幽灵热点被激活了,变成了真实的实体热点,并且这时候 “链接的目标网址” 的参数就会链接到目标场景了,由软件自动进行的场景链接。

如果你想变回去,只需要选中这个带锁标记的热点,按下键盘的 Delete 键就可以回到初始的灰色状态。

如果你想保留被激活的实体热点,省去自己添加热点的麻烦,但是觉得位置不太准确或不太合适,你可以去掉小锁标记,再重新根据需求挪动热点的位置。

版本5,在热点的参数设置区,去掉“自动放置”勾选即可。

版本6,同样的热点参数设置区,去掉勾选。