下面为大家简单的介绍一下,如何输出一个独立的H5全景图的工作流程。我们将选择开放视角(默认视角)并增加一个热点,链接至一个网页。
1.打开Pano2VR
2.将你的全景图拖至视图区或在导航中点击输入(input),选择你的图片。
3.打开查看参数面板,并设置默认视图。
![](https://box.kancloud.cn/3c7390bc7ba174378f12cd63fd81c1ef_1928x1080.png)
4.将全景图片旋转至你想要的打开位置,然后单击设置顶部的设置,也就是进入全景图的第一个视角。点击设置后,默认视图会修改为当前视图的角度。我们也可以右键单击图片,设置默认视角。点击图片,也可以用方向键进行操作:←→是操作评议,↑↓是操作倾角,鼠标滚轮放大缩小是调整视场角。
![](https://box.kancloud.cn/7d3c4a24124865610c94d5c6e274c23c_1928x1080.png)
5.把鼠标放在视图界面左上角的图形上,选择热点模式(Point Hotspot Mode)。热点模式包含两种:点状热点和多边形热点。
提示:改变模式可以使用快捷键。热点模式的快捷键是:P。
![](https://box.kancloud.cn/c40f23688eadc66136713b239633d930_1928x1080.png)
6.在全景图上双击,增加热点。
7.打开属性面板(有些时候默认是打开的)。
8.在类型(Type)中选择URL。
![](https://box.kancloud.cn/db8c2f3da944e283200029d35d517de1_1928x1080.png)
9.在页面链接处( Link Target URL)增加一个链接。
提示:链接一定是一个完整的绝对路径,比如: https://www.kancloud.cn/
10.打开输出面板
11.点击绿色的加号,选择输出模式,并选择输出HTML5
![](https://box.kancloud.cn/4ed9f388861def68d8dc3b3de480d679_1920x1080.png)
12.选择皮肤,比如 *simplex skin*
13.点击齿轮形状的按钮输出项目。全景图将与集成Web服务器一起打开。
- 写在前面的话
- Pano2VR的简介
- 如何获取全景素材
- Pano2VR的安装
- 踏上Pano2VR的旅程
- 导入全景图
- Pano2VR的基本工作流程
- 基础操作 - 界面
- 界面介绍
- 查看器
- 工具栏
- 菜单栏
- 面板
- 参数设置
- 基础操作 - 补丁
- 补丁模式
- 补丁属性
- 增加一个补丁
- 修补底图
- 用球面镜修补底图
- 模糊修订
- 为导览增加一个LOGO
- 基础操作 - 热点
- 指定热点模式
- 指定热点属性
- 多边形热点模式
- 多边形热点属性
- 增加热点
- 创建工具提示
- 链接到页面
- 链接到全景图
- 添加图像弹出窗口
- 添加信息弹出窗口
- 添加视频弹出窗口
- 创建一个自定义热点图片
- 超赞的背景音乐,逼真的声场效果
- 声音模式
- 声音属性
- 关于音频的格式
- 添加声音
- 为全景图添加说明图片
- 图片模式
- 图片属性
- 嵌入图片
- 如何添加视频,链接还是弹窗?
- 视频模式
- 视频属性
- 嵌入视频
- 为全景图添加镜头光晕效果
- 镜头光晕模式
- 镜头光晕属性
- 如何输出HTML5格式的全景图
- 基本的HTML5输出
- HTML5输出设置
- 全景头盔
- 输出动画
- 动画编辑器