万博思图在之前的网站作品者尼科技网站中开发了360度虚拟展厅,用于客户展示他们真实的媒体视听场景, 虽然这个展厅的面积并不大,但是他真实的反映了客户的需求,满足了客户的要求.我们将它单取提取出来,命名为ws 360 viewer.
下面的项目的截图如下图所示:
以上两张图是项目中的两张截图,它的特点是动态的在3D场景中集成了可点击的信息点, 加入了多种模式的切换,播放功能.并且当用户选中一种模式之后,点击360度按钮,系统会保持当前所播放的画面,用户则可以进行自由的拖放,当重新点击ok按钮时,系统会自动回到初始位置继续播放视频或者音频.此系统的第二大特点是所有信息点及所播放的视频,音频均来自外部,可以方便从后台对其进行更新操作,无需用户修改flash文件.
有网友发信来询问这是如何做的. 在这里简单介绍一下,此系统使用的是Actionscirpt3开发,使用的是Away3d引擎,因为在原网站的主框架中使用了papervision3d,而此虚拟展厅又是嵌入在网站框架中的,所以为了最好的性能,我们采用的是Away3D引擎,场景中的图像是通过实地拍摄得来的,当初我们整整拍摄一天时间,然后将图像拼接粘在盒体上(粘在球体上也是可以的,视具体情况和客户需求来定).加入摄像机动画控制,最终测试完成.
问题来了,可能你会提出问题,加载问题,针对当前是一次性加载六面的图形,我们为客户提供了两种方案,一种是一次性加载,一种是顺序单张加载,最终客户选择了第一种.如果做为产品级的应用,我们更偏向于使用第二种方案.
最后,为了让大家更方便的看到独立的ws 360 viewer效果,你可以从下面的网址中访问到, 需要注意的是只有电影模式可用. 其它的媒体资源都没有放在服务器上,你也可以从者尼的官方网站上看到.
这里查看ws 360 viewer
操作方法是打开地址,先点击右下角环形菜单中的"OK"按钮,然后在选择"电影模式"点击"OK"就可以播放了, 此时可以点击"360" 按钮, 在屏幕上拖动就可以查看展厅的实际情况了.
后续的延伸,这只是一个单独房间的展示, 还可以做成多房间的展示,在多个房单的漫游穿行,碰到障碍物等等附加动作.