用PTViewer制作全景网页

相信很多朋友都见过全景网页并从中得到过乐趣,在那里你只要左右拖曳鼠标就可以身临其境,看到360度的环视场景(或展示物体)。
    全景英文名为Panorama,又叫虚拟全景、全景虚拟现实等,是一种廉价实用的虚拟现实技术,利用它,可以通过简单的图像拼接实现360度视野,具体来讲,又可以分为用以展示场景的场景全景和用以展示360度物体的物件全景,两者的制作稍有不同。较之其它的虚拟现实技术,全景技术具有经济实用、制作简单、实现方法多样的特点,而且现在很多的全景都采用无插件技术,即由JAVA APPLET实现,可以做到平台无关性,用户只要用浏览器打开就可以直接观看(除Windows XP因为没有内置JAVA虚拟机无法直接看,但可以http://java.sun.com下载JAVA运行环境或者升级至SP1以上安装JAVA虚拟机)。
    随着数码相机的日益普及,使得制作全景虚拟现实作品必须的数码照片获取变得极为方便,同时全景制作技术也发展更加成熟,专业的全景制作软件也不断涌现,使得全景制作脱去了往日神秘的面纱,得以“飞入寻常百姓家”。
    制作全景图片的文章网上很多,本文不再说明,本文着重说明如何利用PTViewer制作全景网页。PTViewer是一套用于在网上展示全景照片的免费JAVA程序包,文件可以http://www.path.unimelb.edu.au/~bernardk/tutorials/360/download/ptvj.zip下载,另外在很多虚拟现实技术站点都有下载,容量19KB,文件以JAVA压缩包JAR封装。

一、自制全景网页

    制作好全景图后将全景照片和JAVA全景程序包集成为一个全景网页,将处理好的全景图片如01.jpg、JAVA程序包文件tviewer.jar、用于SPLASH画面的图片logo.gif放于HTML文件同一目录下,然后在HTML文件中添加以下代码:
<applet name="ptviewer" archive="ptviewer.jar" code="ptviewer.class" width="320"
        height="150" align="absbottom">
    <param name="file" value="01.jpg">
    <param name="pan" value="-45">
    <param name="tilt" value="0">
    <param name="fov" value="80">
    <param name="fovmax" value="130">
    <param name="fovmin" value="25">
    <param name="auto" value="0.5">
    <param name="wait" value="logo.gif">
    <!--//
   if (navigator.appName != 'Netscape')
     document.write('<PARAM name=maxarray value="#800000">');
//-->
</script>
  </applet>
    保存HTM文件,一个全景网页已经呈现在你的面前了。

    注:PTViewer的操作方法是左右拖曳鼠标或按左右光标箭实现画面左转和右转,Shift+单击放大图片,Ctrl+单击缩小图片.

二、ptviewer的部分常用语法

1.关于鼠标形状
相关语法:<param name=cursor value=crosshair>
这里value的值可使用crosshair、move,如果不使用,默认为普通鼠标形状!

2.关于引用Panoramic图片以及其他相关图片的格式
a.Panoramic图片引用的格式gif、jpg、jpa、mov都可以,而控制条和等待画面使用gif、jpg、jpa格式!
b.使用mov格式时,用下列语法可不需要用QuickTime的插件!
原来的:
<embed src=Panorama.mov width=480 height=336 name=viewer enablejavas cript=true>
替换为:
<applet archive=ptviewer.jar code=ptviewer.class width=320 height=220 name=viewer >
<param name=file value=Panorama.mov>
</applet>
其他特性同ptviewer处理jpg和gif格式,如鼠标形状等, 而且可以定义shotspot,
如:<PARAM name=shotspot6 value=" x2 y300 a250 b320 u'http://www.chinavr.net' p q i'Encarta.jpg'">
但有一点,在mov格式中不能定义hotspot!

3.关于对jpg和gif格式Panoramic图片的加密
安装JRE(Java Runtime Environment),这时jar文件可以使用,双击ptcrypt.jar,即可加密jpeg和gif文件!(有三层加密方式)

4.关于控制下载进度条(使用我前面介绍的ptviewer s cripter可以精确控制)相关语法:
<param name=barcolor value=808080> //进度条背景色
<param name=bar_x value=198> //进度条起始位置的横坐标,从左边开始计算
<param name=bar_y value=310> //进度条起始位置的竖坐标,从顶部开始计算
<param name=bar_width value=362> //进度条长度
<param name=bar_height value=12> //进度条高度

5.等待下载时的画面相关语法:
<PARAM name=bgcolor value=7fdbc5> //等待下载时的背景色
<PARAM name=wait value=wait360vr_360grey.gif> //等待下载时需要载入的图片

6.总的基本模块相关语法:
<applet archive=ptviewer.jar code=ptviewer.class width=100% height=100% name=viewer >
...
</applet>
applet脚本中的width和height属性可以是具体值,也可以用百分比表示!

评论: 1 | 引用: 0 | 查看次数: 6914
发表评论
登录后再发表评论!