标签为 360度全景图
网站 360 度全景图效果，制作攻略 DevalVR (原创)
无意中在一个网站上发现一个很炫的效果，店铺得360度全景图，先看下效果吧，下面是一个简单的例子 ps: 如果看不到上面的效果，你还没有安装 devalvr 按照浏览器的提示 火狐点击 ie 点击安装 ActiveX 插件。 想要这种效果吗，跟着下面的步骤，你也可以很快实现 ~~ go ~ DevalVR 官方网站 http://www.devalvr.com/ 这个应用不但能在网页上放大，缩小，仰视，俯视场景图片，还有强大的api可以扩展开发，例如可以跳转到其他场景。由于本身是苹果果的插件，而且导出的文件是 mov 基于QuickTime 的，所以windows上面可供使用的工具比较少，下面先列一下需要用到的软件 简单做法 在 <head> 和 </head> 之间插入 devalvr.js 引用文件 点击下载 <script src=”http:www.wangchao123.com/js/detectvr.js” type=”text/javascript”></script> 在需要显示全景图的位置插入 <script type=”text/javascript”> viewerparameters(“devalvr”,”plugincolor”,”#ffffff”,”grayscale”,”1″,”autoplay”,”0″,”autoplayspeed”,”-4″,”zoom”,”1.2″,”logo”,”http://image.clubzone.cn/newsletteradmin/new_css/css_rxl/logopng.png”); writecode(“http://www.wangchao123.com/img/bling_out.mov”,”http://www.wangchao123.com/img/bling_out.mov”,””,””,””,”555″,”490″); </script> 即可实现效果~~ 红色部分是mov文件地址，是通过下面的方法生成的全景mov 文件 推荐 软件 (经测试可使用，并且是绿色版的 ：) 1.1 全景图制作利器Ulead COOL 360 绿色版 国产的智能拼接软件，用于拼接jpg,最好不要用它直接生成mov，因为他生成的mov文件devalvr可能不识别 [...]
个人介绍
-
TOP