作者:手机用户2602898855 | 来源:互联网 | 2023-01-07 21:21
最近经历了很多事情,感觉成长了很多,但是挺难受的,回来写写博客打发时间。这次准备分享一个基于web的全景漫游自动生成加编辑平台的技术实现,采用技术如下开发工具:myEclipse2014
最近经历了很多事情,感觉成长了很多,但是挺难受的,回来写写博客打发时间。
这次准备分享一个基于web的全景漫游自动生成加编辑平台的技术实现,采用技术如下
开发工具:myEclipse2014 Zend Studio Sublimetext3
前端:php+html+css+js+jquery
后台:spring+struts2+hibernate + jython
数据库:mysql
全景引擎:krpano
这是我们的主页以及一键生成功能和编辑功能(以前做了个ppt,直接截里面的图了)
它就自动生成啦
当然这个自动生成是有条件限制的,必须是大小为2:1的图片,如果不是的话,需要输入一些参数才能生成,并且效果也不太好,如果没有全景图片的话,建议输入2,180这两个参数进行生成
生成的全景文件就在你选择的图片的目录下,文件夹默认叫vtour(可以在配置文件改,这些以后再说)
我们打开vtour文件夹,目录显示如下,这时候如果不想深究的话直接打开tour.html这个浏览器页面就可以开始全景漫游了,tour_editor.html是krpano引擎自带的编辑系统,可以对全景进行简单的自定义编辑(编辑功能简单,不细说了)
自动生成的全景漫游文件结构如下:
panos文件夹:对全景图片进行切片处理之后的存储文件夹(就是放图片的地方)
plugins文件夹:全景漫游的核心配置(通过flash的swf文件和xml配置)
skin文件夹:皮肤配置(我们打开全景漫游看到的页面就是通过这个文件夹里的xml文件进行配置设计的)
tour.xml:全景漫游的主xml配置文件,想修改全景漫游界面基本都是在这里改(krpano的全景制作全是基于它自己的一套xml语言)
tour.js和tour.swf:顾名思义,通过js调用flash的swf文件给用户进行全景浏览(有html5和flash两种方式,以后细说)
tour.html:打开它你就可以看到全景漫游了
tour_editor.html:全景漫游简单编辑
打开tour.html就显示如下的全景漫游啦,这只是最简单的界面,可以上下左右720°切换视角,以及放大缩小和VR功能等等
krpano的初次体验到这里基本完成了,更多的东西下次再写吧,一步一步来。