299会员贵不贵?

抱歉,这是一篇老文章,现在的话,题目应该改成359啦。

如果是在我学生时期,这个价确实贵,换作是我,肯定不会随随便支出这笔费用。如果不得已必须花费一笔来获取内容,我肯定会攒点钱,然后问一问能不能优惠一些。毕竟身为学生(在校大学生),绝大部分的花销都是来源于家庭,而大部分家庭还没有小康,可能每一笔钱的支出都需要思考。所以,我在网站初期,定价会员的时候发现399有点高,于是改成299,针对学生优惠100,价格是199。

到目前为止,咨询网站会员的有很多,真正开通会员的没有多少,其中会员是学生身份的更少,只有五六个,其中俩是研究生,我也给了部分优惠。直到前几天,有个网友顺着Q问我,不是学生了能不能优惠100,我的回复当然是不能。对方回复反正都是我说了算,优惠100呗,不行的话找个在校学生注册账号最后不还是199。

说实话这种行为有点让我胃部难受。咨询开通会员的,也有一些觉得价格贵,我都是让他们确认一下确实有需要再开通会员,因为网站开放阅读的文章,足够应对常规需求。实在纠缠半天的小可爱,我也适当的优惠一点点。但是,上面的这种直白做法,确实让我很难接受。还不如不告诉我,直接找一个学生认证的身份注册,即使资料年龄28,ID是公司名称。它可以199给学生,不是说199我就可以接受,本身所值更低。

至于会员内容值不值,这个就不好说了,我在开通会员文章说过这个问题。对于价格和价值不对等的疑问,我可以理解。通常来说,获取无实物的东西,我们的环境造就我们觉得它不值。大环境下,我们没有那个为知识和版权付费观念和习惯。这个东西是一点点改变的,我也用过盗版软件,看过盗版书籍,有些是事先不知道它是盗版,有些是贪图盗版便宜免费。我在有能力支付的情况下,开始有些改变,尽量的使用和支持正版,包括Pano2VR等一些软件工具,在我学习的时候,使用的是网上盗版资源,工作后所用的我全部支持了正版,当然本身就是商业使用,更是要使用正版。

回到值不值的问题,我从来没有鼓动咨询的朋友开通会员,对于有疑问的,我都是尽量说服,确认确实有需要再开通会员。会员部分的内容是给确实有需要而且也有能力支持的朋友,或者有规划有目的的想完善自己在这一块的知识结构的朋友,获取这部分内容,能立即解决你的问题那是最好的,不能针对性立即解决问题,能稍微拓宽解决问题的思路,或者作为知识储备,那也是我所希望的。我个人可以摸着肚脯说,会员内容还是值299的。付费知识中,这个真是良心价。

说这么多没意思的,来点有意思的,中秋国庆,开通会员,纠缠半天的小可爱,优惠一点点。

使用七牛云部署全景漫游

第一步,注册一个七牛云账号。

点击进入官网注册

根据实际选择账户类型,大部分应该都是个人用户,我们这里就选择“申请个人账户”

填写相关信息。最后的个人网站(网址),不重要,试试随便填写。不过建议购买一个自己的域名,因为以后也会用到。注册没有什么好说的,这里就直接跳过。

注册成功后,登陆进入管理控制台。

左侧进入个人中心,实名认证一下。

实名认证除了姓名、身份证号,还需要身份证正反面和个人手持身份证正反面的清晰照片(有点别扭,但,是正常路子,云服和域名的备案也是要这些)。

实名认证的好处在注册页就提示,不实名认证限制就比较多了。

接下来开始正题。我们使用的其实是七牛云的免费的“对象存储”,并非是七牛云的服务器主机。

添加“对象存储”。这一步是建一个存储空间。

点击对象存储的立即添加,或者进入左侧栏的对象存储,之后新建存储空间。

需要填写存储空间的名称,注意事项都有文字提示。选择一个存储区域,这一个选购云服时一样,选一个靠近目标客户群体多的,或者自己呆的地方,再或者根据喜好随便选责。访问控制肯定是公共空间。

设置完毕,确定创建。

进入如下图所示空间概览界面,点击“内容管理”。

选择“上传文件”。

“选择文件”,选择要上传的文件。

上面是最简单直接的上传,但是每次只能上传单个文件。而我们要部署的全景漫游时一个文件夹,其中最主要的图片都分层级的切片保存在tiles文件内,不可能一个个的上传。所以我们这里要借助一个工具。

关闭上传文件的对话框(继续上图,点击关闭)。

右上角,点击进入“文档中心”。

左上角选择 SDK&工具 — 开发者工具 。

选择QSunSync工具,点击下面的“文档”。

进入QSunSync工具的相关介绍,可以简单了解一下。点击“访问工具主页”,先把工具下载下来。

工具分享到了GitHub,所以这一步是进入了GitHub页面。

鼠标滚轮下拉页面,看到README.md部分。点击红框部分下载,并注意下面的123说明。

下载完成得到一个ZIP压缩文件,解压得到对应文件夹。

根据电脑自身的位数,选择进入对应的文件。

双击QSunSync.exe运行工具。(这时候有需要.NET Framework 4.0支持的提示,记得下载下面的说明1,并点击蓝字去微软下载安装)

进入QSunSync工具界面。

点击“账号设置”,这里需要我们填写AK和SK。

这两个东西,需要在个人面板的密钥管理中去创建。

我们这里已经创建了一个,没有创建的话,点击“创建密钥”蓝色按钮会自动创建AK和SK。

将AK和SK的值复制粘贴到账号设置要填的地方(复制SK的时候,要先点击后面的显示再复制)。点击保存。

点击“新建同步任务”。

进行同步设置,本地目录选择要同步的文件,目标空间选择我们上面创建的空间,存储类型就是默认的普通存储。设置完毕,点击“开始同步”。(基本设置完毕就可以同步,高级设置自己看一下,这里就不介绍了)

等待同步过程,这一过程视文件大小而定,速度是很快的。

同步完成。

点击返回首页就可以了。

这时候回到对象存储的空间概览页面,看到融合CDN测试域名,这是创建空间七牛分配的临时域名,也是有很多限制。建议自己去万网注册购买一个自己的域名进行绑定。

浏览的话,上面的临时域名地址,复制到浏览器地址栏,后面再加上/index.html就可以了。

当然也可以进入空间设置,开启默认首页设置,就可以直接通过域名地址访问了。

当然这是在,输出全景完全默认的情况下,html文件的命名是index,如果不是index命名,可以改为index,或者浏览的时候,地址后面加上/对应文件名称.html,再或者,直接进入内容管理,找到html文件,复制外链到浏览器地址栏粘贴浏览。

以上就是基本内容,下面说一下有几个要注意的地方。

个人测试的时候,浏览发现有切片未加载出现黑条空白,不知道错误出现在哪里。这种情况在多重分辨率切片时出现,单分辨率不会出现。更新文件覆盖上传,不论是覆盖文件还是删除空间所有文件后上传,会出现文件0个上传的情况,可能是由于缓存的问题。这个的终极解决办法是去空间设置里,在最底部,删除空间,重新建空间,重新传。另外,每一个空间只能上传一个全景项目,多个全景项目的情况下,需要创建新的空间。

使用七牛云对象存储部署全景漫游作为服务器的备用选项,个人还是倾向推荐使用服务器部署。七牛云的对象存储,更适合做站点的图床CDN加速,这一点免费且好用。

了解3D变形热点


Warning: Undefined array key "pano2vr_player_version" in /www/wwwroot/www.pano2vr8.com/wp-content/plugins/garden-gnome-package/include/ggpackage.php on line 43

Warning: Undefined array key "object2vr_player_version" in /www/wwwroot/www.pano2vr8.com/wp-content/plugins/garden-gnome-package/include/ggpackage.php on line 44

先比较一下下面的两个热点

左边的是正常的热点,右边的是3D变形热点。

左边的正常热点,其实是“浮”于场景上的,是不随场景缩放改变大小的,拖动浏览,不会“变形”。右边的3D变形热点,相当于“贴”在场景里了,会随场景缩放改变大小,会在拖动浏览时,在拖至边缘不正对时而变形。

下面我们看看如何将普通热点变成3D变形热点。

选中热点模板。

在右侧属性设置的热点模板参数下,勾选开启即可。

至于3D距离参数,这个的值需要根据热点所在场景的全景图大小设置,全景图大小指的是全景图像素尺寸的“宽”。3D距离时是由全景图的宽除以2π得来的,我们这里全景图的宽是5000px,所以3D距离就是5000÷2÷3.1415≈795.8px。

这样普通热点就变成变形的热点了。

3D变形场景会在“制作开关门效果”时用到。

皮肤特效篇——交互音效


Warning: Undefined array key "pano2vr_player_version" in /www/wwwroot/www.pano2vr8.com/wp-content/plugins/garden-gnome-package/include/ggpackage.php on line 43

Warning: Undefined array key "object2vr_player_version" in /www/wwwroot/www.pano2vr8.com/wp-content/plugins/garden-gnome-package/include/ggpackage.php on line 44

在Pano2VR的皮肤中是可以添加“声音”元素的。

本篇文章,我们就通过在皮肤中添加“声音”来制作交互音效。

交互音效听起来挺高大上,实际上就是按键音。

点击“元素”中“添加音频”,选择音频文件。

添加后,左侧树列表里会自动创建一个音频组,子级对应是音频文件。需要注意的是,这里的音频“组”只是为了方便归类,并不是真正的“组”,不要拖动编辑,否则大概率的会导致软件闪退。

右侧属性栏是音频的相关参数。注意如果添加的音频包含中文,ID这里中文字符会变成?显示,添加完音频注意一下这里,及时修改替换为英文数字命名。音频响度可以调节音频的音量,默认是1。循环这里之前也说过,默认 -1,表示不自动播放,0是无限循环播放,1及以上的数字是播放的循环次数。

然后给按钮添加动作,鼠标点击播放我们添加的音频。

将该动作复制给其它按钮(选中动作Ctrl  C,然后选中其它按钮后Ctrl  V 即可)。

以上是给按钮添加声效,除此之外我们还可以给热点添加,并将热点制作成形象具体的内容,以便插入到场景中。

给热点添加动作。以第二个为例,鼠标进入播放添加的音频。

在场景中添加热点,并对应选择热点皮肤。(此处热点类型不重要)

输出预览一下。

 

电脑端是正常的,移动端有点小问题,鼠标点击的声音出不来,出来有延迟,鼠标进入的声音,第一遍播放是正常的,第二遍之后就破音了。造成这些的原因还不太清楚。

 

Tips:利用皮肤里的添加音频,也可以制作全景漫游的背景音乐哦。

为什么教程使用图文而非视频形式

开始接触pano2vr这个软件是在15年底,最早分享教程内容是在pano2vr贴吧里,时间大概是16年上半年。在贴吧分享教程的时候,就想过做视频形式的教程,但是受制于条件,最终选择图文形式。

在贴吧发了帖子之后,除去直接在贴吧解答的,断断续续累计有四五百人顺着网线来交流沟通。问题越来越多样,重复的问题越来越多,再加上pano2vr版本的更新,于是17年下半年想着空余时间重新完善一个教程。

最开始做的就是视频,像下面链接这种。

pano2vr简介

pano2vr场景中插入图片和视频

使用单反加鱼眼拍摄全景

视频有字幕没有声音,大概做了十来个的时候,发现效率实在是太低了。于时,总结了一下便停止了视频教程的制作。

视频对于学习者来说有它的优点:直观、连贯,只需要跟着操作就可以。但它对于学习者的缺点就是,连贯播放,步骤记不住,不断暂停并回放,时间花费较多,碎片式的知识点不便于查阅,涉及到可复制粘贴的内容,不易直接使用。关键点可能还需要做笔记。

视频对于生产者来说,几乎没有优点,如果硬扯能锻炼视频生产能力的话,那算一个,除此之外,全是缺点,制作耗时,视频相当于图文再套一个“外壳”,并且这个外壳还不能太丑。套这个外壳时间上花费巨大,后期更改或更新内容不方便。视频完成后如果自己搭建平台,需要带宽较高,成本巨大。上传第三方平台不便于管理。

在这里补充一下,为什么不直接录屏然后简单裁剪?不采用直接录屏的原因有两个,第一,我觉得自己的声音不好听,第二,个人很清楚自己没有那个临场快速清晰的逻辑表达能力。后者是关键,如果做不到,做出来的视频就是在浪费学习者的时间。一个几句话能表述的知识点,表达不好可能需要很长的时间能说明白,甚至很长时间说出来的学习者听不明白。

图文教程完全没有视频那些缺点,如果硬要说缺点的话,图文可能枯燥,不适于有抵触阅读的学习者。图文的优点就不说了,目前的世界,随着互联网的发展,视频资源井喷式增长,视频类的课程、演讲也不断增多,但是真正的知识和思想的传播更多的还是依靠图文,也即纸质或非纸质的文档、书籍、教材。

另外,从速度上来说,读>听,读,有快有慢,阅读快的,理解能力强的,时间上能节省。听,快不起来,完全取决于说的人,说的慢,说的不清楚,时间上花费多。举个例子,假设一段较长的包含关键信息文字,和这段文字的语音,获取上来说,读这段文字原比听这段文字要快且准确的多。这顺便也能解释为什么很多人不愿意接受微信语音消息。

观点还有待补充,但希望以上观点就能说服你接纳图文形式的教程。

另外,顺便友情提示阅读到这儿的朋友,还是尽量少玩短视频APP,对于绝大部分的视频都是没用且浪费时间的,无聊有闲的话。去读书,看点纸质的文字性的东西。

输出动画

我们在基础教程的开始,讲输出全景漫游,介绍了输出的三种选择,也是全景漫游常见的三种主流载体,分别是HTML5、Flash、QuickTime VR,加上高阶教程中全景图片的转换和本篇文章的输出动画,Pano2VR的五种输出就都介绍完了。

在正文之前,我们先解决几个疑问。

什么是动画?

动画的定义太广泛了,我们可以广义上理解动画是活动的影像或画面。和视频一样,同属于“动态图像”的范畴。两者拆解开都是连续的静态图像,每张图像我们称作“帧”。动画和视频都是利用人眼的“视觉暂留”原理,每一帧图像快速切换起来,就变成了动的影像。

Pano2VR为什么有输出动画这个功能?它能被应用在哪里?

我们反复强调Pano2VR输出的是一个可以交互操作的“系统”,而非视频。“系统”是一个“被动”载体,它需要不停的接受命令才能作反馈,不能像视频一样,可以连续“主动”输出。假设一下,我们需要展示一下全景的内容,按照设计和设定进行主动展示。也就是说,把我们交互操作浏览全景内容所谓过程,变成动的影像,主动展示。拿官方的例子来看:Pano2VR Animation  ,这就是Pano2VR输出动画存在的目的。但是输出动画这个点,在逻辑上有点问题,感觉像是绕圈子解决了一个问题。抛开全景,现实中,如果要以视频的方式展示景象,太简单了,直接转动设备录像,剪辑工具处理,就可以得到一个视频,如果是建模,相关软件中也可以打相机路径做动画。所以,硬要牵强的解释,那就是事先没有想到,事后弥补吧。

下面我们开始正文,看一下如何输出动画。

在输入了全景图后,点击输出,选择动画。

这时候,不能立即输出,需要我们在动画编辑器中编辑后才能输出。

最右上角就是动画编辑器。

进入动画编辑器,界面如下。非常清晰的结构,最上方是菜单栏部分,中间左侧是剪辑和关键帧的设定,中间右侧是预览窗口,下方是时间轴。

最上方的菜单栏就省去了,没有什么好说的,剩下的我们展开详细介绍。

剪辑和关键帧的设定,输出动画的第一步操作就是这里。

第一步就是创建一个剪辑。两个按钮,都是新建一个剪辑。

点击新建一个剪辑后,可以修改一下标题名字,然后选择这个剪辑是哪一个漫游场景的,也即是哪个场景的动画。

选择场景新建剪辑后,预览窗口和时间轴就有了实质内容了。

点击黄色菱形是创建普通关键帧,点击黄色五角星是创建魔法关键帧。普通关键帧的两个关键帧之间“移动”速度是由“移动”的距离和时间间隔决定的,魔法关键帧是依设定好的速度,按设定的路径移动。

在创建关键帧之前看一下时间轴。我们从这一部分能得到两个有用的信息,第一,所谓创建动画,其实就是把原本交互浏览的过程输出出来,而浏览的过程就是视图参数的变化,即平移、倾角、视野和投影。第二,创建剪辑后,初始就是一个关键帧了,也即00:00时刻,默认视图参数(0,0,70,4)就是一个关键帧。

下面,我们先看一下创建普通关键帧的步骤。

拖动时间标记,定好动的过程的时间。

在预览窗口中拖动鼠标切换视图,定好动的距离。

添加关键帧,即把我们拖动后的视图作为一个关键帧,这样我们就有了第二个关键帧(第一个关键帧是初始关键帧)。

有了两个关键帧,动画就可以“动”起来了。

将时间指针拖到起始帧。

在预览窗口点击播放。

“动”的过程是由软件自动“填补”,这一点就像Flash补间动画一样,提供两个关键帧,关键帧中间过程,由算法自动完成。在Pano2VR中动的过程其实是视图参数的变化,均匀的从第一帧的变到第二帧。

以上这种在预览窗口拖动然后添加关键帧,是比较常用的方式,除此之外,我们还可以修改参数添加关键帧,点击修改对应的参数后,再点击黄色菱形即可添加关键帧。

如果是投影方式的变化,那就必须要在这里设置。

点击黄色菱形。选择要变化的投影类型,和变化过程的持续时间就可以了。这里要好好理解一下,投影类型的参数已经系统固定了,只能决定投影变化的快慢,也即是持续时间的长短。

上面是创建普通关键帧的步骤,总结一下就是定时间、定距离,最后就有了“动”的速度。下面看一下创建魔法关键帧。

同样在预览窗口中拖动鼠标切换视图,定好动的距离。

添加魔法关键帧。

在添加魔法关键帧之前可以设定动的速度。

魔法关键帧,是定距离、定速度,最后得到“动”的时间长度。

有了动的过程,就可以输出了。在输出前还有一点需要我们注意,就是动画的持续时间,默认是10秒,我们可以根据我们的实际动画本身的时长进行修改,尽量让其只包含动的过程,静止的画面就不要包含进去,以节省我们输出的时间。比如上面的添加普通关键帧,动过程就2.5秒,我们把这里修改为2.5秒,或是魔法关键帧的时间点就可以了。

设置完毕点击右上角的×,或右下角close按钮关掉,然后点击齿轮输出按钮即可输出我们的动画。

这里可以选择渲染的帧范围,我们这里就一个剪辑,所以选择所有帧即可。

渲染出来的是帧序列图片,默认tif格式,可以修改。

这里我们可以得到几个关键点,图片格式为tif,分辨率大概是4:3的样子,2.5秒60张图,帧率是24。这些都是默认的设置,可以修改。

得到的帧序列,我们可以借助一些专业的视频剪辑软件(Premiere、AE、final cut、edius等等)输出成视频。这里就不再赘叙,需要了解可自行学习。

但是,如果我们不满足只是得到连续帧,Pano2VR可以直接输出视频,我们也能看到上边有“生成视频文件”这一选项,不过是灰色状态,不能进行设置。这是由于缺少插件支持。

点击下载:FFmpeg

简单介绍一下FFmpeg,一个开源且功能强大的音视频软件,它除了播放、编码、转换、封装之外,还能进行后期的处理,几乎支持各种协议和编码格式。很多国内外的“万能播放器”都是基于FFmpeg制作的。

下载完成后,解压,存放到合适的路径下。

在Pano2VR中,依次打开左上角菜单栏中文件 — 设置。

在可执行文件中,选择FFmpeg文件路径下bin文件夹中的 ffmpeg.exe 即可。

重启一下,回到生成视频文件就可以设置了。