Flash技术在虚拟校园中的应用

2012-11-27 08:59张更路王爽张胜发袁洪锐
电脑知识与技术 2012年29期
关键词:实景网页按钮

张更路 王爽 张胜发 袁洪锐

摘要:该文探讨了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.

猜你喜欢
实景网页按钮
金湖县创新“实景式”培训 提升精准执法水平
数字博物馆 线上实景游
基于CSS的网页导航栏的设计
基于URL和网页类型的网页信息采集研究
论山水实景剧与山水实景演出的区别
网页制作在英语教学中的应用
10个必知的网页设计术语
一种基于可量测影像的实景导航数据组织模型