张更路 王爽 张胜发 袁洪锐
摘要:该文探讨了Flash技术在实现Web虚拟校园的基本情况、实现过程、技术特点、运行效果及存在问题等,并通过实际调查,指出目前高校目前实现虚拟校园广泛采用还是Flash技术。
关键词:Web虚拟校园;Flash技术
中图分类号:TP393文献标识码:A文章编号:1009-3044(2012)29-7105-02
数字化校园是以数字化信息和网络为基础,在计算机和网络技术上建立起来的对教学、 科研、管理、技术服务、生活服务等校园信息的收集、处理、整合、存储、传输和应用,使 数字资源得到充分优化利用的一种虚拟教育环境。
虚拟校园是数字校园工程的重要组成部分,是虚拟现实技术的一个重要应用,理想的虚拟校园可以提供三维虚拟环境,可支持对现实大学的建设规划、教学管理、学生生活服务以及开展其它校园校园活动辅助工作等。可以说,虚拟校园将是未来校园数字信息化的一个重要发展方向。
虚拟校园可以分为三大类,一种只能运行于单台计算机系统的虚拟校园应用程序,一种是基于局域网的校内虚拟校园应用程序,另一种是基于互联网的Web虚拟校园网页。
1 基本情况
目前,Web虚拟校园技术主要有三种:一是Flash技术,二是地图技术,三是插件技术。通过其中任意一种技术,即可实现在网页内浏览校园三维图形总体布局以及局部详细影像。
Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准,网页设计者可使用 Flash 创作出既美观又可改变尺寸的导航界面以及其他网页特效。2012年8月,Flash退出Android平台,正式告别移动端。这很可能极大的限制了Flash在未来应用中的发展空间。
一般而言,Flash的文件非常小,特别适用于创建通过Internet提供的内容。这主要是,因为它使用的是矢量图形而不是位图或压缩位图。与位图图形相比,矢量图形需要的内存和存储空间小很多,因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。
2 Flash技术实现虚拟校园过程
Flash技术的主要作法是在网页内嵌入一个flash文件,通过此文件,加载三维地图图像,并实现拖动、缩放、点击显示局部信息等功能。
使用Flash技术虚拟校园的实现过程基本可分为四个步骤:
(1)制作校园结构图形
为了使访问者了解整个校园的布局,需要制作出一张立体感非常强的校园结构图。具体作法是:使用3Dmax或Maya等三维制作软件,将校园的整体布局及建筑结构进行三维重建,然后输出一个平面的的立体感非常强的一张校园整体图片。之后,再用Photoshop等软件再对校园图片的周边视觉效果进行二次加工。
(2)采集局部实景图片
为了让访问者看到校园内某各地的真实细节,需要在校园的多点采集真实图像。具体做法是:在校园内的某些主要建筑旁边的一个位置,利用照相技术,采集以此位置为圆心的360度照相,并将相片合并为一张或两张相片。目前很多相机本身就可以直接满足此种照相需要。
(3)制作Flash
使用Adobe公司的Flash软件,在一个文件内,制作三种元件,一个校园的整体图片元件、一个动画按钮元件、若干局部实景影片剪辑。然后在校园整体图片的相应位置上添加按钮,并设置按钮对应的局部影片剪辑。
点击按钮弹出局部实景的具体实现步骤是:
① 把某个局部实景影片剪辑放到某个帧内(不能是第一帧);
② 把按钮放到第一帧(即整个校园布局所在帧)的实景采集处;
③ 打开代码窗口,输入:on(release){gotoAndPlay(影片剪辑所在帧号)。
(4)设计网页
具体作法是:
① 将Flash嵌入网页;然后将此网页上传到校园网站上;
② 在校园网的主页,建立到地图网页的链接。
3 技术分析
(1)扩展性
这种技术实际上是目前流行的网页版游戏技术的初级应用,因此,有成熟的技术可借鉴,有很多可知的校园网进一步应用的空间。
(2)实用性
Flash技术由于需要加载完整大地图信息,因此,在初次打开网页时,往往需要等待若干秒,但随后操作流畅,并且可实现无级缩放。
(3)技术限制
虽然依靠这种技术,访问者可以看到校园三维图片,但这种技术从根本上而言还是二维技术,并不能实现诸如建筑物的旋转、进入内部空间等三维操作。
4 应用现状
较早采用Flash技术的高校有北京外国语大学三维校园(http://imap.bfsu.edu.cn)、中国矿业大学(http://vcampus.cumt.edu.cn)等。
2012年1月,依据“中国教育和科研计算机网(www.edu.cn)>>教育资源>>中国大学”中提供的高校名字及网址,逐一查阅了1330所高校的网站。
鉴于网络原因及某些高校网站未知的原因,这些高校的虚拟校园相关网页未能打开。
统计结果为:
共有53个高校的网站应用了Web虚拟校园技术,占被调查的所有高校的4.36%。其中有30个网站采用的是Flash技术,12个网站采用的是地图技术,6个网站采用的是插件技术,各种技术所占比例如图1所示。
参考文献:
[1] Flash百科名片[J/OL].http://baike.baidu.com/view/7641.htm. 2012.8.29.
[2] 许昌学院虚拟校园系统[EB/OL].http://www.xcu.edu.cn/360. 2012.1.10.
[3] 基于ArcGIS和3DMax的虚拟校园GIS构建初步[J/OL]. http://wenku.baidu.com/view/cc6cf4e8998fcc22bcd10d55.html.2011.12.19.