皮肤编辑器

皮肤编辑器就是我们制作和编辑皮肤的工具。

进入皮肤编辑器,可以在在工具栏的“工具菜单”中点击皮肤编辑器。

也可以在直接点击编辑皮肤。

进入皮肤编辑器界面。如果上图点击编辑皮肤进入时,已经选择了文件,那么打开后会直接进入到已选皮肤的编辑状态。

接下来我们按个分解看一下。

最上一行的菜单选项。这里不多说,大部分Windows软件的统一样式。

下一行元素。也就是我们制作皮肤的“原料”,框栏里还有一个没有显示是音频,可以在菜单选项的“元素”里选择。

右边还有快速工具。分别是预览,颜色选择和组件库。

下方是编辑器的主体部分,

左边是“树”,有点逻辑树的意思,我们所有的元素既相互的逻辑关系都在这里显示。中间是可视化的画布,所有的元素都在这里排布,所见即所得。右边是相关参数的设置。

添加皮肤

Pano2VR制作全景漫游,需要我们手动添加“皮肤”。所谓“皮肤”就是全景漫游的UI,通过“皮肤”能进行更好的交互浏览。Pano2VR的皮肤可由我们自行设计,且是可视化的编辑设计,这是Pano2VR最大一个优点。

给输出的全景漫游添加皮肤很简单,只需要在输出的时候选择皮肤文件即可。

Pano2VR默认自带一部分皮肤,我们可以直接使用它们,也可以参考这些皮肤模仿和制作我们自己的皮肤,制作好的皮肤文件(保存在默认的皮肤文件夹下)会在这里显示。

我们选择一个皮肤文件输出预览。

以上截图,我们能直观的看到的下方的控制按钮,事实上,皮肤远不止控制按钮这些,我们使用的自带的simplex_v5.ggsk(.ggsk是Pano2VR皮肤文件的独有格式),还有很多皮肤元素,由于没有相应的设置而看不到,后面的相关文章我们会好好的介绍。

 

输出的图像设置

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

在这里,我们再补充一点小知识,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,可调,建议不调,预览图,不需要清晰。

云服Windows server部署全景漫游

由于我们上一篇文章介绍的时候,购买了一台云服(Windows server系统),所以这篇文章我们就在Windows server的基础上基于IIS部署。

登录阿里云账号,当然如果是连续操作,此时已经是登录状态。

进入控制台——我的资源——云服务器ECS

云服务器。

到这里我们能看到自己购买的云服的基本参数和状况,在这里可以看到服务器的IP地址,和配置参数,更详细的可以点击后面的“管理”进行查看。

接下来开始进入正题,怎么上手操作和使用云服。

既然是云服,自然是远程管理的,所以第一步就是“远程连接”(上图“管理”的后面)。

初次连接会有个6位密码提示,我们要记下来以便以后再次连接。

连接成功,按Ctrl+Alt+Delete解锁

键盘此时可能还不能启动到远程,我们可以发送远程指令。

输入密码,当时购买时设置的密码。

如果选择的是创建后设置,会默认生成一个长而复杂的密码,我们可以通过这个密码(购买成功时会有密码提示)登录,也可以“更多——重置密码”,重新设置密码。

登录成功。

是不是非常熟悉,这是Windows Server 2016中文版,和Win10很像。

上面说的是常规的“远程连接”,这种方式的连接不太稳定,且有时候操作起来会和QQ的远程控制桌面一样,经常拖不动点不动,鼠标还有残影。

下面说一种远程连接方式——“远程桌面”

键盘Win+R键打开“运行”,输入mstsc,打开“远程桌面”。

在计算机(C):处输入我们云服的IP地址,注意是公网IP。

连接(N)

此时会提示凭据,也就是输入登录密码,输入密码后,勾选记住凭据,下次再连接时,可以不用再次输入。当然密码更换后,可以“编辑”更改的。

确定连接。

连接成功。

接下来就是在这台服务器上开启IIS。

开始菜单选择“服务器管理器”。

右上角“管理”——“添加角色和功能”。

下一步(不需要任何操作,只需要点击下一步)。

下一步(不需要任何操作,只需要点击下一步)。

下一步(不需要任何操作,只需要点击下一步)。

勾选选“Web服务器(IIS)”。

在弹出的确认窗口中点击“添加功能”。

下一步(不需要任何操作,只需要点击下一步)。

下一步(不需要任何操作,只需要点击下一步)。

下一步(不需要任何操作,只需要点击下一步)。

安装。

等待安装结束。

此时如果提示需要重启目标服务器,那么就按照提示重启,其实也就是重启电脑。重启过程中远程桌面连接会断开,等待一两分钟,再重新连接。

服务器开启IIS,只需要根据向导一直“下一步”,中间只有一个选择“Web服务器(IIS)”,最后是安装。过程可能比在本地的电脑开启IIS繁琐,但是和本地开启IIS一样,只需要开启并保持默认的选择即可。

另外,需要注意。我们一直强调制作的全景漫游是一个系统,和网站系统类似,输出的文件结构也和网站系统很像,但是,全景漫游不需要特殊的服务器环境,譬如ASP.NET、PHP环境等,所以省去了我们搭建环境的繁琐。如果是运行一个真正的网站,前期步骤依旧如此,后续就需要根据实际情况搭建运行环境了。

我们重新进行远程桌面连接,进入服务器管理器,并在右上角“工具”打开IIS管理器。

开始的起始页可能有点陌生,对于该界面可以完全忽略。

点击下面的服务器主页,界面就很熟悉了,和本地IIS管理器是一模一样的。

剩下的步骤是部署全景漫游,这里就不再重复叙述了,和本地部署一样的步骤。

需要注意,到分配IP地址那里,我们就必须分配了,否则使用云服就没有意义了。下拉选择即可,这个IP地址其实也就是我们内网(私有)IP。

分配的是内网IP,访问的是公网IP,所以这时候我们浏览器输入公网IP地址就可以浏览我们的全景漫游了。任何人都可以随时随在有网的情况下通过地址访问。

当然这时候也有可能访问不了,最大的可能就是端口号不被允许。

我们登录服务器的控制台,找到服务器的安全组,并点击配置规则。

看一下,默认的80端口有没有开启,有哪些端口号开启了(这里开启的80、443端口号,是在选购云服时“网络”的默认安全组勾选的)。

我们可以在分配IP地址的时候,设置这里开启了的端口号,或者在这里(右上角“添加安全组规则”)添加上我们想设置的端口号。

目前为止,基本的操作都顺了一遍,还剩一个小问题,就是如何把制作的全景漫游上传到服务器,毕竟有文件我们才能部署。

关于文件上传服务器,我们可能听过最多的是用FTP工具上传,这里就不介绍这种方法了,因为我们使用的云服是Windows Server操作系统,和本地的Windows操作系统一样,有图形界面也有资源管理。直接使用远程桌面连接,不仅能远程操作服务器,还能方便的传输文件。

在远程桌面连接时点击“显示选项”。

“本地资源”——“详细信息”。

勾选一个或多个驱动器(本地的硬盘)。

重新建立远程桌面连接后,打开服务器的资源管理器,我们就能看到我们勾选的硬盘了。这样我们可以直接通过复制粘贴的方式,从本地和云服硬盘之间进行文件的移动。

注意:这里的磁盘E是一个“虚拟的磁盘”,使用的协议是用来在服务器上连接本地电脑的磁盘进行文件管理的。上面的那段话重点是复制粘贴,告诉你这些就是用来传文件的(从本地电脑传到服务器上,一般就是C盘上,除非你额外加盘了,有其它盘符)。不是让你在服务器上显示本地电脑磁盘后,然后添加网站-基本设置-物理路径,选本地电脑盘符上的文件的。不是,不是,不是。

提示:传输文件要先压缩在传输,到服务器上再解压(服务器上安装上解压软件),这样整体传输速度会快很多,尤其是面对全景里面这种海量小文件(场景切片)的时候。记住:本地先压缩,再上传,服务器后解压。

如何选购云服务器?

目前市场的云服务器供应商不说多如牛毛,但我们也清数不过来。比较大的有阿里、腾讯、百度、亚马逊、华为、金山、天翼、UCloud、西部数码等等。面对众多供应商,本篇内容并非讨论选购哪家,也无法指导,说实话个人也只体验过其中三两个的低配置云服,优劣长短也说不出来,感觉不出来啥区别。

这里的选购,仅仅讨论选购配置,并以阿里云为例,走一遍购买步骤。

第一步,注册阿里云账号,或者可以直接使用淘宝账号登录。注册步骤这里就省略了,注册个账号应该不用赘述。不论新老用户,可以在 阿里云·云小站 这个链接页面选择最优惠的云产品购买,比直接在云产品里购买实例优惠很多。建站的话推荐ESC和轻量应用服务器或者云虚拟主机。

下面的步骤由于时间限制,可能与实际购买步骤有一些出入,不过不影响整体的步骤。

第二步,开始选购。

推荐自定义购买。

计费方式,先补充一点,云服务器资费有两大部分构成,一是硬件配置,二是网络带宽或流量。常见的是包年包月,即选购硬件配置按整月或整年预付费,按整年购有优惠,时间越长优惠越大。至于网络,可以选固定带宽不限流量,也可以选不限带宽按流量计费。按量付费是,选购的硬件配置按使用时长扣费,网络也是相同两种方式可选,选用按量付费,账户里要先充值上余额,以便每小时计费扣费。按量付费比较适合短时的使用。

关于这块儿更多的了解,后面 ?有解释。

地域,尽量选择离自己的对象客户近的,如果客户遍布祖国大地,那就选(潜在)客户多的区域,如果客户均匀的遍布祖国大地,那就随便选一个吧。

注意有的新区,比如截图的“华北5”相同配置下可能会优惠一点。

网络,可以在这里提前设置一下“默认安全组(自定义端口)”,勾选HTTP 80端口,HTTP 443端口,当然也可以后续再设置。

实例,就是选择我们的硬件配置,也就是CPU和内存的搭配。

我相信,能阅读到该篇文章的,大部分是学生,在课堂作业、课程设计、毕业设计或者比赛性质的项目中接触全景,学习Pano2VR,顺道学习怎么将制作的全景漫游分享给别人,小部分是初创业者、个人工作室,还有一些由于行业相关,被boss工作吩咐去接触全景的知识。总归一句话,愿意花费在这块的资金可能不太充裕,所以上述铺垫只是想表达,在这里建议选购入门型(共享)的实例。1核1G、1核2G、2核4G对于展示全景漫游都是可以的。

公网带宽,有两种计费模式,一般包年包月默认是按固定带宽,按量付费默认是按使用流量,但是我们都可以按自己需求更改选择。注意的有两点,带宽的费用不便宜,每升1M,价格会高不少。1M带宽的上行速率(也就是客户的下载)峰值是128Kb每秒,可支持16人次并发访问。按使用流量的话,是按Gb计费,1Gb是大概七八毛,每小时都会计费扣费一次,所以账户需要提前充值上余额,下面的带宽是设置最高峰值,可以1~100M任意选择,建议也不要太高。一般对于全景访问,个人觉得3M就可以满足,3~5M都是合适区间,太高了也没必要。

镜像,就是选择操作系统。

鉴于我们常年使用的Windows操作系统的习惯,我们这里就选择Windows server。对于新手来说,如果选择了2核4G及以上的配置,可以建议选择Windows Server,一是我们会有熟悉的感觉,二是在国内Windows server是免费的,费用服务器商承担了。至于版本08、12、16中文版都行。稍微有点基础的可以选择Linux内核操作系统,比如CentOS等,建议个人做网站的话,选择Linux内核的操作系统,占用资源低,也比较稳定,使用一些Linux管理面板(例如:宝塔)也适合新手操作。

 

存储,这里只有高效云盘和SSD云盘,价格自然前者便宜一些,但对于我们全景应用足够。选择Windows Server最少需要40GB的空间,当然系统纯净,部署后剩余的空间还有20多GB可用,根据实际需求可以调大用来存储,或者直接在下面增加数据盘。

购买量,包年包月会有这个选择,按年购买有优惠,一次性购买年限越长,优惠越多。

自定义数据,不设置。

安全设置,可以设置一下登录密码,这个密码很重要,就是我们开机后的用户登录。也可以选择创建后再设置。

选择并设置完,我们就可以结算购买了。下面的配置费用都是在我们上面选择时实时更新的,因此也能实时指导我们选择适合的。配置是可以更改的,以后可以升降,包括存储空间大小。

支付的时候,不要忘记勾选新人礼包里的优惠券,和上面链接领取的幸运券,优惠券可以直接减金额,幸运券可以抽奖品。

以上就是选购一台云服务器的大致步骤,不同供应商选购步骤都差不多,遇到不明白的地方,建议直接拨打客服电话,会比这里解释的更准确和详细。

手机本地浏览全景漫游

首先解释一下这里的“本地”的意思,是本地局域网,手机和我们部署IIS的电脑,要在同一局域网内。

只要是一个宽带账号,且使用了无线路由器,那么手机和电脑自然就在同一的局域网内。所以我们一般家庭里上网的电脑和连接了自家WiFi的手机,就是在同一局域网内,或者不使用无线路由器,手机连接电脑的无线热点(笔记本带有无线网卡通过各类WiFi助手软件开启的,台式机不带无线网卡通过各类USB扩展的WiFi发射/接收器开启的),也能使手机和电脑在同一局域网内。另外,我们办公室或家庭的的多台电脑,只要是通过同一台路由器或交换机分出来的网线上网,一般也是在同一局域网内的。

上篇文章,我们探讨了在IIS上部署全景漫游,新建了一个网站,但是没有没有分配IP地址,只改了端口号。我们更改一下,重新给它分配IP地址,当然在新建网站的时候,可以就直接分配上。

这里省略篇幅,接着上篇文章讲。

点击 绑定…

下拉IP地址选择192.168.**.***

此处 192.168.1.111 只是我的电脑的局域网IP地址,实际情况可能不一样,但大致的形式是 192.168.**.*** 这种。

确定。

然后关闭防火墙(关闭正在使用的防火墙,不一定是公共,也有可能是专用,这个是看在初始连接网络时,定义的是什么类型,总之,看哪个正在使用中就关闭哪个)。

在Win10下的Windows Defender安全中心中设置。

或者在控制面板中的Windows Defender防火墙中设置。

此时,在手机浏览器中输入IIS中分配的IP地址和端口号,比如上面设置的192.168.1.111:8001 就能浏览我们部署在服务器上的全景漫游了。

不只是手机,局域网内的其它设备(电脑、Pad)都可以在浏览器中输入这个地址浏览。当然超出局域网的设备就无法通过这个地址浏览了。如果需要任何设备在任何地点都可以浏览,就需要后续文章的,通过云服务器部署。

最后,注意两点。第一,为了电脑的安全,建议手机测试完,将防火墙再次开启。第二,有时候这个IP地址会变,需要我们重新设置分配一下,原因是电脑一般默认自动获取IP地址,局域网内多台设备下,路由器会重新分配IP地址。

在IIS上部署全景漫游

打开IIS管理器

先熟悉一下界面,并依次选择,网站——Default Web Site,浏览 *80(http) 。

看到这个界面,也就是我们确认成功开启IIS的测试。

我们从一开始就说,输出的全景漫游,其文件结构和一个网站系统是很类似的,所以,这里我们就可以完全把输出的全景漫游当作是一个网站,我们现在就是在部署网站。

右键,添加网站。

填写参数。

网站名称,随便填。(尽量不要有中文,养成习惯)

物理路径,就是输出的全景漫游文件夹,不设置的话默认是output或output-*文件夹。

绑定,如果我们仅在电脑上预览,可以不分配IP地址,只改一下端口号,因为不分配IP地址的80端口,已经给了Default Web Site,也就是localhost页。所以这里端口可以重新输一个值,可以从81~65535随便选一个。

参数填好之后,确定。

我们这里不要急着浏览。

如果我们这时候浏览,会出现这个页面。

原因页面也有提示了,通过 Web 服务器的身份验证的用户无权打开文件系统上的文件,意思就是现在我们通过浏览器访问的身份还没有权限读取output-4文件夹的内容。

我们需要给文件夹添加权限。

右键,编辑权限。

其实也就是直接output-4文件夹,右键,属性。

安全

编辑(E)…

添加(D)…

高级(A)…

立即查找(N)

双击 IIS_IUSRS

再次点击 高级(A)…

再次 立即查找(N)

双击 IUSR

确定

确定

确定

这时候再点击 浏览*8001(http)

自动调用浏览器浏览。

上面是给文件夹添加了 IIS_IUSRS 和 IUSR 两个权限,本地演示的话,有时为了方便,其实一个 Everyone 权限就可以。

补充:如果多个项目,我们就重复上面步骤,新建网站即可,路径、IP、权限依次设置,只需要端口号不一样就可以了。

控制设置

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

这里补充一下,对于制作的全景漫游,基础交互是可以用鼠标和键盘操控浏览。鼠标控制不陌生,按住鼠标左键后拖动进行浏览,滑动鼠标滚轮缩放。对应键盘控制是↑ ↓ ← →    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)。勾选就是“交叉渐变”,不同于“淡入淡出”,是声音先消失再出现,“交叉渐变”两个场景的声音有融合,先转场前场景的声音渐小,转场过程,转场后场景的声音渐大,但转场前的声音还未消失,然后等后场景的声音正常大时,前场景声音消失。