jsjqt00026 基于WebGL 3D的3D网页社区的场景搭建设计与实现

摘   要   近年来,随着人类社会科技高速发展,计算机硬软件及网络技术不断提升,虚拟现实技术得到广泛的应用,作为一个新兴科技产业,许多的研究机构,部门,人才投入其中,不断壮大,因此该技术应用愈来愈广泛,无论早期应用在军事领域还是现今企业品牌的开业展示,教育业,娱乐游戏业等等。其中虚拟现实技术与校园展示相结合,将校园文化带入了一个“数字校园”的概念中。本文基于Web GL构建了一个全新的虚拟校园的系统。虚拟校园作为一种视觉新技术,它将现实中的实物场景用计算机模拟的手段展现在用户面前,提供更直观,更真实的视觉效果。虚拟校园是建设水平也是学校整体办学水平、学校形象和地位的重要标志。因此职业教育的教育环境、教育模式到教育理念、教育目标,都在这场冲击中发生着变革。采用先进的信息技术来构建虚拟的数字化校园,作为浏览观摩的标志性形象工程,对外宣传、招生、校容校貌展示等具有非常积极的作用,是校园信息化建设的重要组成部分。进一步实现教学、科研、管理及服务手段的现代化,并且是对教育理念的一个深刻变革。以高性能虚拟校园为平台,构建一个逼真的虚拟校园。本文讨论基于Web GL制作的虚拟校园系统设计与实现,搭建这样的虚拟学校,有利于今后教育开辟新的教育模式,同时也以一种全新姿态吸引师生和家长兴趣,并为下一步该校的新校区虚拟校园系统顺利开发进行前瞻性研究,因此本文的研究也具有一定实用价值。

关键词：webgl；3d校园..

1.3 研究内容

本课题研究内容是用WebGL开发3D虚拟校园校区,使用户打开浏览器,可以进入校园,并在校园进行漫游.校园采用3Ds MAX建模,利用three.js将模型无失真的加载入网页,最终呈现在用户的面前.用户可以实现控制人物在校园里漫游穿梭.实现聊天功能.漫游功能是指用户通过按键控制人物的移动,随着人物的移动,视角以及呈现的场景均产生变化,用户可以看见场景的任意位置.聊天功能是指在左下角的聊天框里,用户可以实现聊天功能.只要输入想要发送的信息,敲一下回车即可.地图功能是指用户可以查看所在位置的地图和整个场景的全部地图.查找好友功能是用户可以查找在线用户并进行交谈.

第3章 需求分析与系统设计

3.1 需求分析

在系统设计工作开始前首先需要对校园社区处理流程进行研究和需求分析。其中包括功能性需求分析.

3.1.1 功能性需求分析

本课题实现基于HTML5的3D校园漫游。用户可以实现控制人物在校园里漫游穿梭.实现聊天功能.

1 漫游功能.

用户通过按键控制人物的移动,随着人物的移动,视角以及呈现的场景均产生变化,用户可以看见场景的任意位置.

2 聊天功能.

  在左下角的聊天框里,用户可以实现聊天功能.只要输入想要发送的信息,敲一下回车即可..

3.2 系统设计

在程序进入正式代码编写前需要根据需求分析对系统进行设计.

3.2.1：智能手机浏览器已经成熟：

    智能手机的浏览器正在变得越来越强大，它能更好的支持HTML5游戏等。且专门针对HTML5的特定操作系统或者浏览器最近都会投放市场，或者说会很快投放，包括Mozilla Firefox，Tizen等。

3.2.2：更低的生产成本

    你无需针对iOS、Android或者其他平台开发多个版本的代码。HTML5让你只需构建发布一次，而可以多次使用。这很显著的减少了程序的生产成本和时间。

3.2.3：需求的增长

    很多品牌公司，如HBO，麦当劳，Progressive等都正在将他们的品牌游戏改为HTML5版的。另外，亚马孙已经开始提供它的资源来支持HTML5游戏了。移动通信平台，像Kik Messenger，正在创建围绕HTML5应用的游戏平台。随着各种HTML5应用的增加，对HTML5的需求也将会暴涨起来。

3.2.4：零用户要求

    其他游戏，当需要用户下载时，他们将会进一步询问用户是否允许，而这种操作方式是不友好的（有阻碍的操作方式）。HTML5没有这些打扰用户的操作，用户可以立即玩，而无需对一个下载到驱动器上的文件进行确认。由于零障碍的操作，用户要求就变得容易得多。

3.2.5：简单的社交分享

     因为没有下载或者安装，手机网页软件的分享就非常直接简单了。只需简单的将URL地址分享到社交平台即可，如：Facebook，Twitter等。这些网页可以被任意分享和运行，而无需为每个社交平台去创建一个特定的版本。