随着计算机技术、数字与网络前端技术的不断发展,人们对网页浏览的要求越来越高,WebGL与HTML5技术的出现为网页前端技术带来了新鲜活力,在技术圈内席卷起一股改革创新的浪潮。游戏产业是当今国家战略性新兴产业中极其重要的一员,其中随着各方面技术的成熟网页游戏行业从快速发展进入了平稳扩展的阶段,2016年,网页游戏市场依旧保持较为强劲的增长势头。在网页游戏市场竞争日趋白热化的今天,技术表现力的创新有望成为快速打破同质化、强调个性化的解决方案之一。HTML5和WebGL为网页游戏完美解决了以往的网页游戏需要下载插件和难以跨平台使用的两大问题。本课题首先对游戏市场进行了调查剖析,分析了基于WebGL的3D网页游戏开发的可行性,从玩家的角度,分析需求,指定整个游戏策划。以网页游戏为主要研究对象,基于WebGL技术以及PlayCanvas游戏引擎,设计并实现了3D网页闯关游戏的程序框架,借助HTML5技术为游戏实现了响应式布局以及游戏音效。基于JavaScript,贯彻面向对象编程的思想,为游戏编写各个功能模块。实现了闯 ,关游戏与用户良好的互动效果,为玩家提供了有趣欢乐的游戏体验。最后,本课题通过在不同浏览器中对游戏进行测试调试,并提出改进措施,以完善整个游戏的架构及游戏体验。