html5 增强现实,基于HTML5技术的增强现实游戏实现

摘要：

由于未来的软件和数据将以更加安全和高效的形式存储在云端,免去了繁琐的安装和升级,人们只需要一个终端便可以随时随地轻量的满足自己的需求.互联网技术和设备的发展为浏览器作为网络操作系统提供了条件.而HTML5技术引入了对多媒体更加完美的支持,使得以往只有繁琐的本地应用才能完成的功能在网页前端得以轻易实现.同时,HTML具备跨平台优势,使得一款浏览器上的应用仅仅通过一次开发便实现快速推广到不同的设备. 研究源于第六届英特尔杯全国大学生软件创新大赛的参赛项目,实现了一款网页游戏应用——RealBand就是对HTML5前沿技术的大胆尝试.研究抓住移动互联网正在快速发展的绝佳时机,结合HTML5技术独特的移动互联网优势,从增强现实这个尚未在移动互联网启蒙的领域入手,开发了一款基于手势识别的音乐打击游戏.该游戏不需要外部设备辅助,不需要繁琐的后台支撑和框架支持,仅仅在一个网页上就实现了手势识别,多人联网,设备调用等较高要求的功能.系统基于WAMP(Apache+Mysql+Perl/PHP/Python)环境开发,主要功能都在前端以Javascript脚本实现,PHP完成通讯协议实现消息广播分发,后台用MySQL存储用户列表.将WebRTC,WebSocket,WebAudio,WebWorker等11项HTML5技术成功应用在系统中,并结合软件工程的开发方法,创新的使用MVC-M架构,同时在前端开发中大胆的尝试手势识别的算法,最终从光流法,骨架提取法,背景差法等筛选出最佳实现方法,实现了游戏性能和功能的最佳平衡. 系统在无第三方插件下于浏览器端实现了手势识别,游戏满足了游戏的实时性,具有良好的用户体验,并可以轻松的实现夸平台使用.经过九个月的研发和测试,RealBand以全国总分第一的成绩获得了大赛一等奖.

展开