本篇教程探讨了HTML5教程 三维全景详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 。
<
准备:
1.一张或多张全景图片素材
2.pano2VR软件,链接:http://pan.baidu.com/s/1c25HWA0 密码:ahxg
开始:
1、首先需要一张原图(baidu图片搜索全景图,可以得到一些素材)
2、打开我们的软件:
3.选择html格式
4.进入参数设置页面:首先建立一个HTML5文件存放的目录
5.然后设置HTML选项
不出意外的话可以看到你的全景,提示错误的话,用火狐或谷歌浏览器打开,或者升级这个软件到最新版.
如果想做场景切换的话你可以这样:
在弹出的窗口中,在图上选择好位置后 双击,在URL栏选择要跳转的场景 in
同样的方法 对in.jpg进行编辑,返回主界面 “输出区域” 点击添加,在弹出的窗口中适应配置后即可生成DEMO
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道!