720°VR全景网站制作-多场景

2024-05-17 23:03:10

一、准备

两张或两张以上全景图片，复制到krpano-1.19-pr13目录下，我这里拿两张全景图片作为演示

二、开始生成多场景的720°VR全景网站

1、按住键盘的ctrl键（左下角第一个键），点击鼠标左键逐一选中需要使用的场景图片

2、将选中的图片一起拖到MAKE VTOUR (NORMAL) droplet.bat文件上，等待读条完成

我们看到目录下面已经生成了vtour文件夹。将vtour内的网站部署好之后大家点击下方的“田”可以看到，我们把两个场景融合到了一个页面，并且能够实现手动切换。（网站怎么部署请看上一章的教程720°VR全景网站制作）

三、场景切换

上一节大家点击页面下的“田”已经能实现场景的切换了，不过在正式环境肯定不能使用这种方式来进行场景切换。所以我们来看下怎么在场景内增加箭头，并且实现多场景来回切换。

1、打开配置文件，双击krpano Tools.exe打开配置工具如图

2、进入vtour目录，将tour.xml文件拖入krpano Tools

3、添加跳转热键

①点击工具的Add hotspot,可以看到我们的场景中间多了一个箭头的图标

②箭头可以拖动并调整位置，鼠标左键单击箭头可以选择需要切换的场景，然后点击save保存

③最后点击编辑器的Save tour.xml进行保存，重新打开部署好的网站，发现场景切换的箭头已经添加好了，点击即可切换到设置好的场景。

上面就是简单的多场景720°vr网站制作了。若要实现更加复杂的功能就需要大家有一些前端编码功底了，下一章将跟大家分享如何通过调整生成的html代码来实现更多有趣的功能。看了本文如果你有所收获，请动动发财的小手赏给博主一个赞，就是对博主最大的鼓励。

720°VR全景网站制作-多场景相关推荐

720°VR全景网站制作
720°VR全景网站制作一.简介最近市场上的VR看房.VR车展搞得火热.通过业余时间和几位感兴趣的伙伴一起深入研究了下.在此记录,希望对需要的人有所帮助. 二.前期准备工作 1. 用于制作VR全景 ...
免费的VR全景网站是什么？免费VR全景网站有什么用？
虚拟现实(VR)技术的应用日益广泛,尤其是在旅游.教育等领域.免费VR全景网站是一个新兴的平台,为用户提供了一个全新的探索未知世界的方式. 一.介绍免费VR全景网站的特点 1.全景视角免费VR全景网 ...
VR全景的制作与拍摄
随着互联网的发展,全景技术也是在急速的发展,VR虚拟的体验也是越来越多的.VR全景技术也已经应用到了现在市场的很多行业,比如说2020疫情期间恒大推出的VR看房,汽车之家的VR看车等等.全景图成为了新 ...
全新VR全景可视化制作小程序系统源码+公众号功能模块1.0.28
正文: 最新VR全景可视化制作小程序系统+公众号功能模块源码1.0.28,功能非常强大,有兴趣自行去体验吧. 1.0.28–全景更新日志: 新增全局开关,支持全景背景MP3跟场景解说同时存在功能优化 ...
家居vr全景展示制作提高客户转化
VR全景制作得到了越来越多商企的运用,可以把企业的真实信息进行全方位的展示,把企业的规模,产品,形象,活动等方面1:1的呈现给客户,让客户身临其境,体验式的了解企业的全貌.这是VR全景的优势,未来会成 ...
学习VR技术要学哪些内容？VR全景如何制作？
提起VR相当大家而言都不陌生,VR伴随着科技的发展,进入到人们的日常生活中,不少人都对VR技术很关注,不少公司或者企业也开始逐渐发展VR的技术,如果现在对VR技术能够有所了解的话,那么在后期便能够掌握 ...
java版VR全景漫游制作平台 - 1介绍
@[TOC](java版在线VR制作平台 – 铁牛VR云平台) 铁牛VR云平台 VR云平台是一个在线VR全景开发平台.平台的初衷是为各种VR全景创业企业提供技术支撑,搭建正规可靠的VR平台,给企业降本 ...
后疫情时代，VR全景创业的应用场景有哪些？
在数字化转型的进程中,VR技术可以帮助各个行业领域的企业商家更便捷地搭建沉浸式服务体验,帮助商家提高展示以及加快企业沟通效率.后疫情时代,企业数字化转型加速发展,VR技术已经成为企业云服务的标配工具, ...
Three.js杂记（十二）—— VR全景效果制作·中
文章目录序正文开始引入threeJs 材料收集实现原理实现步骤基础的全景完成完整Vue代码总结序在web的前端发展过程中,对于视觉化的要求已经越来越高有关于VR全景的效果也同样可 ...

最新文章

热门文章