krpano全景入门指南krpano是一个可以实现定制化全景项目的根据,很多在线可视化全景平台都是基于krpano开发而

krpano是一个可以实现定制化全景项目的根据,很多在线可视化全景平台都是基于krpano开发而来。它本身不开源,商用需要付费购买,否则会有水印,购买方式读者可在官网自行了解。

本文会从零开始做一个完整的全景项目,希望读者跟随步骤完成后能够了解krpano的基本用法,不对krpano的语法做深入讲解。

其中docu文件夹是krpano的文档,templates提供了一系列模板,viewer则是存放例子的地方。双击krpanoTestingServer.exe打开后,可以看到一个弹窗,提供了本地服务地址,点击进入后打开可以看到与上图相同的结构,点击documentation.html可以查看文档,点击examples.html可以看到所有的案例,这些读者可自行浏览研究。

我们的重点在于最下面的.bat文件,这几个文件是用来生成krpano所需要的全景图的。可以看到下面一共6个文件,其中第一个是生成平面图的,最后一个是生成vr所需要的图的,这两个我们都暂且忽视,重点的是中间的4个。首先分析一下它们的意思,不难发现MAKEPANO和MAKEVTOUR是两种不同的类型,它们分别表示生成单个场景和生成一组场景,后面括号里的NORMAL和MULTIRES表示生成的全景图的类型,NORMAL表示生成6个面的全景图,MULTIRES表示生成更加细分的全景图,读者自行操作一下即可发现其中区别。

由action标签包裹的这一段表示启动时自动加载第一个场景。

我们要实现的第一个功能是在场景里添加一个热点,首先在第一个scene中添加一个hotspot标签

上面的操作只是在单个场景中进行,实际开发中一般是有多个场景的,场景间也能自由的跳转,所以我们接下来就实现点击热点进行跳转的功能。首先继续加入新的action:

有时候热点需要附带一些文字,如果将文字做在热点上,热点多的时候需要很多图片,显然是比较麻烦的,直接将文字分离出来是更好的选择。

不难发现,目前所做的全景图,可以上下拖动看到最顶部和最底部,一般来说看场景时,我们希望用户是在一个相对平视的范围内,同时也不希望用户缩放过大的范围,所以要对场景进行一些配置去限制这个范围。可以看到我们当前的view配置如下:

上面的操作都是在xml文件里进行的,那么问题来了,如果想要点击热点,让页面出现一个弹窗,或者是进行更复杂的dom操作呢?krpano也提供了xml和js交互的方法:jscall

我们首先在tour.html随便里面添加一个方法:

functionshowTips(){ alert('这是一个弹窗')}接下来在场景里再添加一个热点,注意,同一个场景下hotspot的name属性不能重复

小行星开场动画也是一个常用的功能,首先一样是添加代码,可以看到,这段代码里有两个action,一个event,第一个action是小行星动画的主体,第二个action是用来控制热点的显示,以免刚进入场景时就显示热点,event是表示文件夹加载后执行小行星动画。

def(variable,type,value*)定义变量variable:变量名。type:变量类型,有boolean,number(数字),integer/int(整数),uint(无符号整数),string,object,array

setinterval(id,delay,actions)创建定时器id:每个interval需要的唯一iddelay:间隔秒数actions:执行函数

calc(variable,expression)由于这里没发像js里一样自由使用运算,所以大部分计算要使用calc完成variable:变量expression:表达式

set(variable,value)给变量赋值

inc(variable,byvalue*,max*,min*)变量增加或减少某个值,可定义上限和下限byvalue:增/减的值

if(condition,then-actions,else-actions*)if函数,语法如下if(条件,执行函数a,else-if条件,执行函数b,...(其他条件和执行函数)执行函数c)

if可能有点难理解,举个例子,在js里面这样的一段代码:

if(number==1){ fnA();fnB();}elseif(number==2){ fnC();}else{ fnD();}在krpano里是这样的:

if(number==1,fnA();fnB(), number==2,fnC(),fnD()); 那么再回头看一下这个action就很清楚了,首先我们定义了三个变量,让它每0.05帧加0.01,利用flag来增或减,实现ath和atv的变化(这两个值是自动获取的)。

如果用js来写,相当于这样:

vartime=0;varmax=0.1;varflag=true;setInterval(function(){time+=0.01;if(flag){ath=ath+time;atv=atv+time;}else{ath=ath-time;atv=atv-time;}if(time>=max){flag=!flag;time=0;}},1000)结语对于krpano的入门指南就到这里啦,如有写错或不合理的地方,欢迎指正。

THE END
1.web成品站:快速搭建高效便捷的在线平台!在现代互联网时代,企业和个人都需要一个功能齐全、外观精美的网站来展示自己的产品和服务。对于很多没有技术背景的人来说,从零开始搭建一个网站可能会显得复杂和耗时。web成品网站正是为了解决这个问题而生,它提供了一个快速、便捷的建站解决方案,让你可以轻松拥有自己的在线平台。 http://www.jingyingbdc.com/texe/22312.html
2.大鱼云展线上虚拟展览平台哪个平台的技术环境比较稳定? 及目科技大鱼云展以其创新的功能和技术优势脱颖而出,为用户提供了一个连接虚拟与现实的桥梁。作为虚拟展览领域的领军平台,大鱼云展不仅展现了技术与艺术融合的可能性,也为数字化时代的艺术展示和传播树立了新标杆。 11-22 / 2024 及目科技:VR全景技术赋能汽车展示新体验 近年来,AR/https://gfishow.com/news
3.国内男团采访合集#一片好心没盖住于东来的爹味#【#晚报来论# | 一片“好心”没盖住于东来的“爹味”】近日,胖东来创始人于东来在个人社交平台发布多条动态称,从明年起,不允许员工结婚有彩礼,婚礼不能铺张浪费,婚礼酒席不能超过五桌,只能邀请亲朋,不允许员工靠父母买房买车。如果做不到,将取消一切福利。 当下 #https://weibo.com/a/hot/7574512885897217_1.html
4.中职在线教育平台官网入口,怎么注册4.1.2.4提供功能强大的辅助教学活动的功能,比如:发布作业、在线考试、讨论、答疑、资料等。 4.1.3学习过程控制与管理 ▲4.1.3.1人脸识别 学生在平台进行课程学习过程时,需要进行人脸识别,通过认证才可以学习课程内容。 4.1.3.2章节知识点学习推送控制 教师可以针对每一个教学班对每个章节学习内容进行“开放、定时开放、https://www.zhijiao.cn/news/detail/77842
5.设计师必备的34个工具网站,按工作流程整理好了虎课网是一个案例式短视频设计教学网站,在国内平台内自学专业度较高。 国内很多设计大咖在这里开课,行业影响力大,教程非常丰课程呈现为点状,有些教程只有一个案例,适合按需学习。每天可以免费看一集视频,开通全站VIP会员则可无限观看。 但是需要注意,虎课网没有在线笔记,课程介绍不是很明确,课程内容主要由合作老师自https://www.digitaling.com/articles/372365.html
6.帮助中心注:如果您已经登录了中国统一教育网网站,那么您可以直接使用知学爱问平台,无需再次登陆。 如何提问 一、点击“提问”,如下图: 点击上图中“提问”按钮,接下来,您进入到一个问题详细设置页面,在这里您可以输入您提问的问题。 在提问输入框中输入您的问题,例如: 输入“冬天装修应注意哪些问题?”,并点击“我要提问https://www.tongyi.com/index.php/helpp/search
7.“在线与在校——面向未来的混合式教学与教研”云端研讨会议由中国教育学会主办,中国教育学会初中教育专业委员会、北京市海淀区教师进修学校承办,中国教研网提供技术平台支持。本次会议也是海淀进校教育集团第七次线上教学研讨会。 本次会议分为四个内容单元:在线学科教学、网络环境下的校本教研创新、支持教师混合式教学的区域教研创新、混合式教学研究前沿。来自教育部基础教育https://www.hdjx.org.cn/plus/view.php?aid=9279
8.新一代地理信息公共服务平台怎么建,看10个试点的经验编者按:近日,自然资源部办公厅印发《新一代地理信息公共服务平台(天地图)建设总体实施方案》,推动天地图由单一地理信息服务向综合地理信息服务转型。新的平台该如何建设?此前,自然资源部组织10个省份开展了新一代地理信息公共服务平台(以下简称新平台)建设试点,形成了一批可复制、可推广的技术方案、软件工具、工作机制等https://www.iziran.net/news.html?aid=5305917
9.“不可信”恒泰福彩app做任务被骗内幕曝光,是诈骗吗无法提现能恒泰福彩平台是一个综合性的在线服务平台。恒泰福彩是一个集多种服务于一体的在线平台,号称用户可以通过一步手机就可以在家赚钱,非常的诱惑人,佣金非常的高,而且做的任务都非常的简单,比如给明星,网红点赞,点关注,助力打榜,pk打榜等等,骗子会不断让你加大任务筹码,最终不给提现,大家务必小心!!!这就是个精心设计https://www.jianshu.com/p/908f88ad102c
10.YYYY星动日8月24日再度来袭 内容升级全面展示YY主播孵化成果3个月前 YY直播“非遗筑梦计划”入选2024广州互联网企业“十大正能量案例”3个月前 YY直播“非遗筑梦计划”获评中演协“企业创新案例”5个月前 YY直播亮相首届“GITF网络直播节”,获“旅游直播创新平台”认证6个月前 https://www.yy.com/
11.Alibaba.com:Manufacturers,Suppliers,Exporters&ImportersFind quality Manufacturers, Suppliers, Exporters, Importers, Buyers, Wholesalers, Products and Trade Leads from our award-winning International Trade Site. Import & Export on alibaba.comhttps://www.alibaba.com/
12.线上新媒体推广渠道汇总!一张图全搞定,收藏了!知识库本文将互联网金融(其他行业类似)新媒体推广常见的九类新媒体平台,划分为层次不同,重要性不同的三大阵营,并对每类新媒体平台的运用方式进行介绍。 先看一张汇总图,建议保存: ▌第一阵营 第一阵营新媒体包括:微信平台、新浪微博平台、问答平台、百科平台。这四类平台是大中小互联网金融企业都需要深耕的新媒体平台。https://www.shichangbu.com/article-30274-1.html
13.每周文娱观察2017.2.17这其中包括RLCS和其他赛事奖金超100W;各种展会上的现场活动;支持社区运营的比赛;多地区赛事支持;一个大学电子竞技计划;Xbox社区的新比赛;twitch上的每周节目等。Psyonix从一开始就做好了发展《火箭联盟》电子竞技的计划,2017年可能是《火箭联盟》电竞赛事飞速发展的一年,因为100万美元的奖池投资超过了以前的《火箭联盟》http://www.leshanvc.com/cygc/23764.html
14.10分钟白嫖我常用的20个在线工具类网站清单。9.Kapwing:一个用于创建图像,视频和GIF的协作平台 https://www.kapwing.com/ 神器网站!强烈推荐! Kapwing 是一个在线视频编辑网站,集成了很多在线小工具,当有视频编辑的需求手头却没有什么趁手的小工具的话,不妨用来应应急。网站并没有复杂的操作界面,已经把常见的需求做成了单独的小功能,即使没有视频编辑经验的小https://cloud.tencent.com/developer/article/1636186
15.微信企业店号功能开通全指南电商资讯导读:微信企业店号功能为企业提供了一个强大的在线展示和营销平台。通过以上的开通指南和运营策略,希望能帮助你的企业更好地利用微信生态,实现品牌与销售的双重增长 一、了解微信企业店号功能 微信企业店号是为企业用户提供的一种新型微信公众平台账号,专为企业量身打造,集成了产品展示、客户互动、数据分析等功能。企业https://www.youzan.com/cms/article/43259.html
16.尚朋高科跨境电商比较好的跨境电商平台我最近我针对行业从业者,做了一份文件调查,也许对大家有一些参考价值。 本问卷共回收158份有效样本,虽然样本太少。但没有办法,已经答应很多人,必须放出来了。 1、您是做什么平台的? 2、大致日单量有多少? 由于现在市面上ERP很多,我整理如下: 包括:米境通erp\自建ERP\oracle(大公司啊) 等等 https://www.miwaimao.com/soft_61038.html
17.unipush1.0常见问题在线透传不触发receive事件,主要是安卓透传内容给了{title:"标题",content:"内容",payload:"自定义数据"}dcloud要求格式的透传内容,dcloud会默认处理展示通知栏通知,并且不会进入receive回调。 平台【预览】返回clientid离线推送时的【预览】功能只支持测试个推在线通道,也就是CID在线的状态下,您输入clientid会进行预https://ask.dcloud.net.cn/article/36611
18.疯狂的美工一站式电商设计师店铺代码装修工具交流学习平台疯狂的美工一站式电商设计师店铺代码装修工具交流学习平台是一个内容丰富的淘宝天猫/阿里1688/京东/阿里国际站美工设计师店铺代码装修工具、设计工具及教程资源发布网站,本站同时为广大设计师提供了灵感分享、学习交流的平台。https://www.fkdmg.com/