webstudio 360 viewer

发布:egoldy    时间:2010-09-12 14:48:48

                 万博思图在之前的网站作品者尼科技网站中开发了360度虚拟展厅,用于客户展示他们真实的媒体视听场景, 虽然这个展厅的面积并不大,但是他真实的反映了客户的需求,满足了客户的要求.我们将它单取提取出来,命名为ws 360 viewer.


下面的项目的截图如下图所示:

/media/upload/2010/09/12/ws360vr1.jpg
 

/media/upload/2010/09/12/ws360vr2.jpg


               以上两张图是项目中的两张截图,它的特点是动态的在3D场景中集成了可点击的信息点, 加入了多种模式的切换,播放功能.并且当用户选中一种模式之后,点击360度按钮,系统会保持当前所播放的画面,用户则可以进行自由的拖放,当重新点击ok按钮时,系统会自动回到初始位置继续播放视频或者音频.此系统的第二大特点是所有信息点及所播放的视频,音频均来自外部,可以方便从后台对其进行更新操作,无需用户修改flash文件. 

            有网友发信来询问这是如何做的. 在这里简单介绍一下,此系统使用的是Actionscirpt3开发,使用的是Away3d引擎,因为在原网站的主框架中使用了papervision3d,而此虚拟展厅又是嵌入在网站框架中的,所以为了最好的性能,我们采用的是Away3D引擎,场景中的图像是通过实地拍摄得来的,当初我们整整拍摄一天时间,然后将图像拼接粘在盒体上(粘在球体上也是可以的,视具体情况和客户需求来定).加入摄像机动画控制,最终测试完成.

              问题来了,可能你会提出问题,加载问题,针对当前是一次性加载六面的图形,我们为客户提供了两种方案,一种是一次性加载,一种是顺序单张加载,最终客户选择了第一种.如果做为产品级的应用,我们更偏向于使用第二种方案.

             最后,为了让大家更方便的看到独立的ws 360 viewer效果,你可以从下面的网址中访问到, 需要注意的是只有电影模式可用. 其它的媒体资源都没有放在服务器上,你也可以从者尼的官方网站上看到.

这里查看ws 360 viewer

            操作方法是打开地址,先点击右下角环形菜单中的"OK"按钮,然后在选择"电影模式"点击"OK"就可以播放了, 此时可以点击"360" 按钮, 在屏幕上拖动就可以查看展厅的实际情况了.

         后续的延伸,这只是一个单独房间的展示, 还可以做成多房间的展示,在多个房单的漫游穿行,碰到障碍物等等附加动作.

 

服务项目_SERVICE

关于我们

万博思图(北京)信息技术有限公司,专业的flash,flex开发团队,5年经验。公司致力于互联网上的业务的开展,对于互动网站行销,互联网应用程序开发有成熟的解决方案。我们关注互联网市场动态,关注新技术,更注重在新的领域不断探索发现。
万博思图业务内容主要包括企业品牌Flash网站开发,企业形象宣传Flash设计,动画,多媒体演示,Flex企业级应用程序开发,拥有众多成功案例,欢迎来电咨询。
 
COPYRIGHT BY WEBSTUDIO INTERACTIVE DESIGN Co.,Ltd. ALL RIGHTS RESERVED.
公司地址: 北京市朝阳区光华路15号院泰达时代中心4号楼704 邮编: 100026 EMAIL: WEBSTUDIO@WEBSTUDIO.COM.CN
电话: 010-59070059   (新号:010-59897050 010-59897060)  手机: 13693660520 传真: 010-59070059-801
京公网安备:110108006741      京ICP备:05013074号-1
王先生