码迷,mamicode.com
首页 > Web开发 > 详细

Html5三维全景

时间:2016-08-04 19:16:41      阅读:979      评论:0      收藏:0      [点我收藏+]

标签:

先看DEMOhttp://think.weiyingjia.cn/liuming/quanjing/out.html

 

        技术分享

准备:

  1.一张或多张全景图片素材

      2.pano2VR软件,链接:http://pan.baidu.com/s/1c25HWA0 密码:ahxg

    

开始:  

  1、首先需要一张原图(baidu图片搜索全景图,可以得到一些素材)

  技术分享

  2、打开我们的软件:

  技术分享

 

  3.选择html格式

  技术分享

  4.进入参数设置页面:首先建立一个HTML5文件存放的目录

  技术分享

  5.然后设置HTML选项

  技术分享

  不出意外的话可以看到你的全景,提示错误的话,用火狐或谷歌浏览器打开,或者升级这个软件到最新版.

  如果想做场景切换的话你可以这样:

  技术分享

  在弹出的窗口中,在图上选择好位置后 双击,在URL栏选择要跳转的场景 in 

  技术分享

  

  同样的方法 对in.jpg进行编辑,返回主界面 “输出区域” 点击添加,在弹出的窗口中适应配置后即可生成DEMO 

 

Html5三维全景

标签:

原文地址:http://www.cnblogs.com/beiz/p/5737721.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!