打造360度动态全景网页
网络通信
你见过360度的网页吗?你可以通过这样的网页身临其境地了解到页面所展示的立体环境。其实,这种效果的制作过程并不复杂,下面笔者就以操作步骤相对简单的MGI Photovista Panorama为例,介绍一下全景网页的制作方法。
小资料:360度全景又叫虚拟全景、全景虚拟现实等,是指将环形场景的多个连续图片无缝地接合在一起,形成一个360度视野的图片。目前这样的全景网页被广泛应用在楼盘展示和旅游景点介绍等各类网站上。
MGI Photovista Panorama档案
版本:3.0
大小:20MB
下载地址:http://www.mh.fy.cn/soft/MGIPanorama.rar
一、准备工作
在制作之前,我们要准备好一套全景网页的360度全景照片,可以利用数码相机定位在一个点上然后旋转拍摄周围场景,注意每张照片的边界要有至少30%的重叠区域,这样有利于我们后期的拼接处理,拍摄完成后将照片处理成JPG格式的文件并按01、02、03、04……顺序编号存储在电脑中。
小提示:360度全景照片的拍摄技巧可以参照2004年《电脑报》第5期D6版文章《全景摄影技巧》。
二、导入场景照片
运行MGI Photovista Panorama进入程序主界面,点击“My Computer”按钮或执行“File→Get Images”,在弹出的对话框中选择场景照片的保存路径,点击“Add All”将所有按序排列的全景照片添加到“Source file”框中,并在“Options”中选择“3D Panorama(3D全景)”和“360°Horizontal(360°水平合成)”,然后按下“OK”按钮将场景图片导入到MGI Photovista Panorama编辑框中(图1)。
三、设置镜头参数
为了获得一个比较好的全景效果,我们要根据所使用的相机在软件中进行镜头参数设置,点击“Images→Select Lens”,在弹出的窗口中选择你的相机品牌和具体参数(图2),如果你使用的是非品牌的普通相机,可以使用默认的35mm,然后点击“Custom”按钮,在弹出的窗口中选择“Fine→tune Settings”,系统会自动根据你的场景照片分析出适当的镜头参数,确定后返回图2窗口点击“OK”后镜头参数设置完成。
四、合成全景
在合成之前我们还需对场景照片的合成效果进行预览,点击“Preview”弹出全景预览窗口,如果发现场景照片缝合得不太满意,则可以返回到场景照片编辑窗口,找到需要调整的场景照片,利用方向键进行适当的微调。预览效果满意后,就可以点击“Stitch Image”合成全景了(图3)。
五、发布网页
在全景图界面中点击“Save”按钮,弹出全景图保存对话框,我们将文件名设为test,保存类型选择JPEG并在“Web Options”中选择“Panorama w/ java viewer(全景图Java阅读器)”(图4),一切就绪后点击“保存”按钮,在弹出的压缩选项窗口中选择默认值就可以了,然后点击“OK”按钮,我们的360度动态全景网页就打造成功了。
小提示:选择了“Panorama w/java viewer”后,我们在浏览全景图片时就不用安装插件,但系统中必须安装有Java虚拟机,一般Windows 98/Me/NT/2000都已内置了Java虚拟机,如果你使用的是Windows XP可以在http://www.bz.net.cn/ruanjian/msjavx86.zip处下载安装。
在网页保存的目录里除了test.htm外还有test.jpg、panoapplet.jar和test.ivr三个文件,这些都是维持动态全景图片正常运行的必要文件,而且必须与test.htm处在同一个目录。运行test.htm就可以观看动态效果了。
六、自定网页
我们可以把制作好的360度动态全景应用到其他页面上。在新页面上需要放置动态全景图片的地方建立一个1×1的布局表格(以FrontPage 2003为例),打开test.htm,将以下的源代码复制到新建的布局表格中。
<!--//------------Begin Copy Here---------------//-->
<center>
<applet archive=panoapplet.jar code=panoapplet width=400 height=300>
<param name=file value=test.ivr>
<param name=initialView value="0.000000, 180.000005, 50.000001">
<param name="autospin" value="50">
</applet>
</center>
<!--//------------End Copy Here---------------//-->
最后,将其他三个文件复制到相应的网页目录下即可。
360度动态全景网页演示网址、环形场景照片素材下载地址:http://www.mh.fy.cn/demo/quanjing.htm。
常见问题解答:
1.360度全景虚拟现实和普通的虚拟现实有什么不同?
360度全景虚拟现实是WEB3D技术的一种,它和普通的虚拟现实有着本质的区别,在360度全景虚拟现实图里,浏览者所看到的所有景物和人物都是真实存在的,而虚拟实境中都是由计算机生成的虚拟物体。
2.导入场景照片时应注意什么?
在导入场景照片时一定要注意不能将已经安排好序号的照片放置颠倒,一般在把照片添加到“Source file(资料文件)”框后,再点击“Sort”按钮以让照片按序排列。
3.场景照片是如何缝合成360度全景图像的?
在点击“Stitch Image(缝合图像)”后,软件就会调用PhotoVista强大的引擎对场景照片进行自动接缝,并通过复杂的照片边缘探测和平滑计算方法,将多幅场景照片拼接成无缝的360度全景。
4.在本地测试已发布的360度全景网页正常,为什么上传到网站主机上就显示不出来了?
出现这样的情况是因为你在上传时未能将*.jpg、panoapplet.jar、*.iv三个文件与360度全景显示页面放置在同一目录下,这四个文件处在同一目录下全景网页才能显示正常。



