王学璠 田元 周幂 夏丹

摘 要： 虚拟现实技术和移动互联网技术的迅速发展改变了人们的生活方式，但也存在开发难等问题。文章介绍了能够快速简单地构建虚拟场景并创建虚拟交互的A-Frame框架，并通过一个案例的开发过程分析了利用A-Frame构建虚拟现实应用的基本步骤。

关键词： 虚拟现实； 虚拟交互； WebVR； A-Frame

中图分类号：TP393 文献标志码：A 文章编号：1006-8228（2018）03-20-03

A-Frame based virtual reality applications

Wang Xuefan， Tian Yuan， Zhou Mi， Xia Dan

（School of Educational Information Technology， Central China Normal University， Wuhan， Hubei 430079， China）

Abstract： The rapid development of virtual reality technology and mobile Internet technology has changed people's life， but there are also some problems such as difficulty in development and so on. To solve these problems， A-Frame framework was proposed， which can quickly and simply build virtual scene and create virtual interaction. The basic steps to construct virtual reality scenes are analyzed through a case of development process.

Key words： virtual reality； virtual interaction； WebVR； A-Frame

0 引言

虚拟现实（Augmented Reality，简称VR）是由计算机等设备模拟接近真实的虚拟场景，让用户在视觉听觉等感官上仿佛置身于真实世界[1-3]。虚拟现实系统强大的沉浸感，交互性和想象力使得VR技术前景广阔，发展迅速[4-6]。但是随之而来产生了诸多问题，比如VR内容不丰富、设备成本高、开发困难等，这些问题限制了VR技术的大众化[7]。而WebVR的出现让大众在浏览器上能轻松体验VR并进行分享，并且无需安装插件[8-10]，如Beloola就是一个基于WebVR的社交平台，允许人们在同一个虚拟的空间上实时进行情感交流。所以WebVR成为虚拟现实行业中一颗明亮的新星。

然而开发WebVR程序不是一件简单的事情，如果从WebGL等底层代码写起，很是费时费力。而A-Frame是一个基于WebVR的框架，使开发者事半功倍。华盛顿邮报、国际特赦组织、谷歌创新实验室等都是A-Frame的用户。虽然VR技术还在发展阶段，但效果已经非常酷炫，在未来互联网时代将呈现更大的价值。

1 A-FRAME的优势与特点

A-Frame是一个通过HTML创建虚拟现实体验的开源WebVR框架，可以方便快捷的创建虚拟场景中的模型对象并进行编辑、指定材质、设置灯光和攝像机、编辑动画和虚拟交互等，并且可以快速创建VR视口。……