(整理)人机交互课程设计---VRML设计--虚拟校园漫游系统. 下载本文

内容发布更新时间 : 2024/12/27 6:03:29星期一 下面是文章的全部内容请认真阅读。

精品文档

图1 信息楼的3D模型 图2 文科楼的3D模型

图3 理科楼的3D模型 图4 花台的3D模型

3、系统描述

通过VRML制作的虚拟校园是个规模较大的三维场景,旨在通过网络展示校园风貌,用户可以走入虚拟校园中,观赏校园的自然风貌,领赂校园的生活氛围。浏览者可以利用输入设备控制自己的视点和视角,对这个虚拟场景进行全方位的浏览和交互。

4、使用的交互技术 本系统做运用的交互技术有

(1)定位:确定平面或空间的一个点的坐标。 (2)定值:用于设置物体的旋转角度,缩放比例等。

(3)选择:在某个选择集中选出一个元素,通过注视,指点或接触一个对象,使对象成为后续行为的焦点。

(4)几何约束:用于对图形的方向,对齐方式等进行规定和校准。

四、界面实现

1、用户可用键盘上的前后左右键漫游系统,在系统中行进; 2、用户可用鼠标在系统中行进漫游; 3、用户漫游时无法用+、—控制速度;

4、用户可用NetScape浏览器自带的功能键实现俯视或仰视建筑(图5、图6、图7);

图5 NetScape浏览器自带的功能键(左起第一个是控制视角的)

精品文档

精品文档

图6 用

键得到的俯瞰信息楼图 图7 用

键得到的信息楼仰视图

五、主要源码设计

WRL文件格式是VRML语言编写程序的文件格式,可用记事本直接打开,以下是信息楼,文科楼和理科楼的3D模型的代码,其中“#”以后为程序注释语句。 #信息楼代码开始(xinxilou.wrl) DEF col Transform { children [Shape { appearance Appearance {

exture ImageTexture { url \链接到信息楼的图片作为墙体图片

geometry ox { size 40 35 10 } #楼的立体大小} ]}

Transform { translation 0 8.5 0 children [USE col] }#楼在三维环境中的地址 #信息楼代码结束

#文科楼代码开始(wenkelou.wrl) DEF col Transform { children [Shape {

appearance Appearance { texture ImageTexture { url \

geometry Box { size 40 35 10 } }]}

Transform { translation 50 8.5 0 children [USE col] } #文科楼代码结束

#理科楼代码开始(likelou.wrl)

精品文档

精品文档

DEF col Transform { children [ Shape {

appearance Appearance {texture ImageTexture { url \geometry Box { size 40 42 10 }}]}

Transform { translation 20 8.5 80 children [USE col] } #理科楼代码结束

#花台代码开始(huatai.wrl)

DEF col Transform { translation -30 6 0 children [Transform { translation 0 -4.5 0

children [Shape { appearance Appearance {

material Material {}

texture ImageTexture { url \

geometry Box { size 3 3 3 } } ]}]} Transform { translation 0 0 40 children [USE col] } Transform { translation 80 0 40 children [USE col] } #花台代码结束

#主程序代码开始(虚拟校园.wrl)

Transform { translation 40 2 0 children [DEF sphere Shape { #地面

Transform { translation 0 0 30

children [ Shape { appearance Appearance {

texture ImageTexture {url \地板图

geometry Box { size 240 1 240}}]}

appearance Appearance {material Material {}}}]}

Inline { url [\花台 Inline { url [\理科楼 Inline { url [\信息楼 Inline { url [\信息楼

精品文档

精品文档

Background {skyColor [0.1 0.14 0.40, 0.9 0.8 1,] skyAngle 1.571 }#背景色 Viewpoint {

position 60 2 60 orientation 0 1 0 0.8}#定义最初视角

#主程序代码结束

六、可用性评估

1、评估指标体系

2, 具体实现步骤

(1) 评估人员介绍测试的目的 (2) 思维训练

在做什么?看到了什么?怎么想的?有什么疑问? (3) 任务介绍

用户使用系统之前尽可能告诉用户有关系统的信息,询问用户是否有关于研究目标、过

精品文档

精品文档

程或任务的问题。 (4) 开始测试 (5) (6) 结束测试

询问用户是否还有更多的关于系统或研究的问题。回答那些现在就可以回答的问题,或让用户和可以回答这些问题的人联系。 3, 结果分析

80%的测试者的完成比率较高,反应了测试任务设计是比较合理的,以简单任务开始,以简单任务结束,使得用户在任务完成时有成就感。20%的测试者的完成比率较低的原因为:浏览时图像很模糊,且名称标记不清楚。

六、结论 1、总结

这次的虚拟校园漫游系统,我主要运用的是VRML、3DMax,3Dmax是Autodesk公司开发的基于PC系统的三维动画渲染和制作软件,广泛应用于广告、影视、工业设计、建筑设计、多媒体制作、游戏、辅助教学以及工程可视化等领域。我在VRML中,创建并编辑了多个对象,将他们组合在了一起,为他们指定特殊材质,使他们看起来更加真实。

2、不足之处

(1)建筑物各面墙体都是一样的,不够真实;

(2)没有完成预期的拥有主要的树木和复杂的标志性建筑;

(3)没有限定行人不可穿越建筑物。 (4)没有系统界面。 3、心得体会

通过这次实验,我学到了很多关于VRML理论和实践方面的知识,但我还有很多可以改进的地方:我还可以把界面做得更好,实现更多的交互功能,并且在vrml领域做更多的深入。

精品文档