H5全景图-朋友圈全景图-720°全景-VR —–工具使用

其实pano2vr软件的使用,操作很简单的

工具:Pano2VR 、Firefox 、Google Chrome

提示:Pano2VR  有破解版 有正式版,推荐使用正式版。

首先打开Pano2VR 熟悉一下界面 
这里写图片描述

大体有这么几个模块: 
1. 输入 :导入、设置 全景图片 
2. 输出 :输出列表、选择输出方式(’增加’其实就是输出到本地) 
3. 显示参数 :看那三个参数都能猜出来,就是显示什么样呗(其实是刚刚载入这个场景时候显示的样子,也就是默认显示) 
4. 用户数据 :用来设置用户信息的 
5. 交互热点 :热点 就是和用户交互的点,可以当做按钮。 
6. 媒体 :设置媒体文件的地方。常见的媒体:图片、音频、视频

漫游浏览器其实就是一个场景显示列表。

我们导入一张全景图来看看

H5全景图-朋友圈全景图-720°全景-VR -----工具使用
输入模块中的图片是导入进来的全景图,显示参数模块是进入场景的显示状态,漫游浏览器以后不介绍了,也没啥说的。

输入模块

H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
选择输入: 
类型 不建议手动选择了,因为是程序根据图片自动识别的,手动设置肯能出现一些不可预知的问题。 
全景图 是我们选择的图片路径。 
交互热 区这里不介绍了(等弄用到时候 你们自己就会了)。

打补丁: 
有时候由于拍摄或者图片拼接时候处理有问题,导致脚底 或者天空 显示有问题(比如马赛克、黑洞)那么这时候我们想让其变得美观一些就要做一些事情了:补天 填地。

还可以放公司logo哦

点击打补丁, 新建: 
H5全景图-朋友圈全景图-720°全景-VR -----工具使用

位置模块:这里是设置画面显示的状态,我们可以手动拖拉右侧图片 也可以在这里设置。 
网格模块:是为了我们更好的打补丁,根据个人需求来设置。 
输出模块:设置输出的照片参数。

要注意的是最后的提取和插入,提取按钮是将我们右侧显示的画面 输出 到我们在输出模块设置的位置。插入按钮是将我们在输出模块设置的位置的图片 替换为我们右侧显示的画面。

实操:

H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
我们可以看见 我场景中的天和地都是黑洞,那么我现在想将其换掉,可以这样做: 
1. 在场景中提取一个相近的图片,然后在覆盖黑洞。 
2. 用提前找好的图片来覆盖黑洞。

在这里我用方法一吧 
首先提取一张相似的图片 
H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
然后选择黑洞合适的位置 将其覆盖 
H5全景图-朋友圈全景图-720°全景-VR -----工具使用

OK完成了~ 奏是这么简单….

转换输入的图片 这个不建议乱改(略)

显示参数

H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
个人感觉这里没啥可说的,自己点点左侧的 右侧自己显示了。 
这里是设置进入场景显示的状态,也就是说 右侧显示的样子 就是刚进入场景的样子

用户数据

H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
同样没啥可说的 略

交互热点

H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
点型和多边形交互热区:这个下面会说一下的 
交互热区:略 
热点列表:看名字就知道,列表嘛~

主要看点型和多边形交互热区,这里分为两种:点型热点 和多边形热点

如果了解过编程基础知识的可以把热点想象成一个’对象‘,没编程基础的 就把 热点想象成按钮吧~ 
热点拥有自己的id(就是按钮的身份证号) 
热点可以设置皮肤id(按钮的样式 相当于人穿的衣服) 
标题就是标题啦(鼠标放在热点上会显示一个 小的说明框) 
URL就是点击热点跳转到哪个场景 
目标就是场景的显示样式

这里唯一要特别说明的就是,系统默认的热点样式有点丑,我们想把它设置为我们自己的图片需要这样做:

实操

设置样式 需要皮肤id,要想有皮肤id就得有皮肤,那么皮肤在哪里创建呢? 
工具–皮肤编辑器(快捷键 ctrl+k) 这样就打开皮肤编辑器了 
我们可以在这里自己设置皮肤,也可以在别人的皮肤上面进行修改。具体怎么操作,会PhotoShop 或者玩过SVG的应该一看就知道了。

在这里我随便拖一个图形,记录下id(自己设置为一下最好,能按照命名规范就更好了) 
然后在 点型和多边形交互热区 界面中设置皮肤id,这个id就是刚刚记录的id。

可能有点时候引用了些资源 导致直接输出的时候 热点没有设置上 皮肤,此时应该在 输出中的皮肤/控制器 中导入 包含热点皮肤id 的皮肤

皮肤中可以设置各种事件的,有兴趣可以研究去。皮肤也可以设置一些导航神马的 就是看你脑洞大不大了…这里不介绍

媒体

H5全景图-朋友圈全景图-720°全景-VR -----工具使用

这里也没啥可说的,当你导入了媒体资源是这样的 
H5全景图-朋友圈全景图-720°全景-VR -----工具使用
就是设置一下你播放时候的样式和其他参数

输出

H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
这里有这么几种可选类型,flash就不选了 为啥呢 百度去,选h5了。

点击增加(其实这个就相当于其他软件的生成按钮) 
这里只介绍设定、高级设置、HTML的部分功能

设定: 
H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
切片设置:面片尺寸和质量不要管,默认就行 没玩明白就不要乱改了。图片名和面片名可以根据自己命名规则改一下。 
显示:尺寸 就是生成后显示的大小 ;FoV模式就是视野模式,根据自己需求设置

自动旋转:这个也不用说了吧,看名就能看懂了

皮肤/控制器:添加皮肤的

输出:输出的路径

高级设置: 
H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
下载/预览:加载过程中显示的样式 
热点文本框和多边形文本框:就是设置热点文本框的 
控制:就是控制鼠标的

其实软件上面已经写的很清楚了,没必要在这里浪费口舌

HTML 
H5全景图-朋友圈全景图-720°全景-VR -----工具使用 
如果不选择开启html文件输出的话,那么生成的将只是有核心代码的’程序’,如果选择了的话 软件会给你打包一个类似于Demo的html文件(这个文件就是将用核心代码将全景图显示出来)

模板参数 就是设置一些 生成的html文件一些参数(就是Demo的参数)

格式:html和htm没啥区别 哪个都行

到此我们基本都介绍一遍了,下一篇我们开始分析生成的源代码

自己用了两个小时把这个工具学了一下,感觉还挺有意思的。 
之后前到贴吧中的一篇帖子后感觉也不错 推荐一下:【Pano2VR 教程】从会走到飞跑

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请添加站长微信举报,一经查实,本站将立刻删除。

如若转载,请注明出处:https://www.ibjoo.com/302.html

(0)
上一篇 2020年5月5日 下午3:46
下一篇 2020年5月5日 下午3:47

相关推荐

  • 室内装修设计3d全景效果图怎么做?用什么软件?

    室内设计师“谈单技巧”、“谈单杀手锏”、“签单话术”等等相关文章、视频甚至课程,在百度搜索结果中数不胜数,但实际真正是否有用同时又是别人不知道的呢?在互联网日益渗入生活的今天,如何提高签单率已经不能再单纯依靠所谓的话术了,如何利用好互联网科技才是传统行业致胜的生存之道。3d全景效果图如今成为装修行业设计师们谈单首选的法宝。那么,什么是3d全景效果图?室内装修…

    2020年4月23日
    14100
  • 新手如何入门vr全景拍摄制作?从小白到大师攻略

    2020年开年什么最火?那要数云生活了,云旅游、云看展、云购物、云看房等等…而VR全景技术无疑在云生活中扮演了举足轻重的角色。在2020年的商家,如果没有制作VR全景展示,可能都不太好意思开业哟,VR全景正在主流!那么,新手如何入门vr全景拍摄制作?这里给你从小白到大师攻略,get! 1、你需要做哪些准备? 硬件 拼接制作全景图还是比较占用CPU…

    2020年4月23日
    13600
  • 全景漫游打开慢怎么办?

      全景漫游打开很慢一般主要有三个方面原因:  1:用户带宽传输速率低。  2:全景图文件过大。  3:第一个场景中需要加载过多的flash,图片,音频,视频等文件。  针对后面两个原因我们提供如下解决方案:  图像压缩:  通过裁剪图像的尺寸大小或降低图像质量都可以减小文件空间。  以佳能全画幅相机6D为例,该相机为2000万像素。拍摄照片最大尺寸为364…

    VR全景教程 2020年5月5日
    13700
  • H5全景图-朋友圈全景图-720°全景-VR —- 项目简单分析

    这里我们主要看一下生成的项目中都有什么。源码中都有什么,如何去自定义 我们先只导入一张全景图,不做任何设置 然后导出项目。(为了方便,我将其项目地址和 生成的html地址都设置在一起) 我们看看都有什么 文件夹images:软件切好的图片存放目录pano2vr_player.js :Pano2VR自动生成的JavaScript脚本,是整个项目的核心test1…

    VR全景教程 2020年5月5日
    21400
  • 720度全景怎么制作?

      720度全景实际上就是360全景,就是上下2个360度,其实还是360全景的制作。  360度全景图的制作流程:  全景拍摄硬件:  单反相机 鱼眼镜头 全景云台 三脚架  鱼眼镜头的选择: 根据单反相机的型号来判断适合多少mm的鱼眼镜头。(硬件配置参数表)  拍摄的顺序: 前—右—后—左—上—下 例如: 我使用单反相机尼康D7000配上尼康10.5mm…

    VR全景教程 2020年5月5日
    17000

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

工具推荐
公众号
公众号
分享本页
返回顶部
特别提示:欢迎收藏&使用市场工具导航,如您有任何建议或好用工具推荐,请留言告知我们。谢谢~