基于HTML5的教育游戏设计与开发

钟声 黎苗苗

摘 要：本文从教育游戏的游戏设计环节出发，首先通过文献研究和个案研究，分析得出打字游戏的设计策略和要注意的问题。其次分别分析了沉浸理论和建构主义学习理论，浅析了两者在教学游戏设计中能够促进学习者沉浸体验和新知识建构的因素，进而提出了促进学习者沉浸体验的教育游戏的具体设计策略。

关键词：教育游戏；设计策略；建构主义学习理论

一、研究背景

在国内，教育游戏开发有了政府行为。为了给广大的青少年提供更加健康，思想內涵更加丰富的网络游戏产品，共青团中央开始面向全社会征集教育网络游戏相关的脚本，团中央也顺势推出了一系列以爱国题材为中心思想的教育网络游戏。这些网络游戏以中国近代史为主要设计背景，目的在于增强青少年的名族自豪感和名族凝聚力，让青少年不忘国家耻辱，增强他们的爱国情怀。目前该项目进展顺利，得到了社会各界的广泛支持。

发展趋势：严肃游戏是一项正在蓬勃发展的产业，严肃游戏已经在世界各国的军事+企业+教育和医疗组织中得到了成功的应用。但是由于移动端的各个操作系统规则不一，占市场主要份额的iOS、Android以及Windows Phone都拥有各自独立的操作系统。开发者为了适应不同的使用人群，不得不针对不同的操作系统进行重复开发，这无疑大大增加了开发成本。但HTML5凭借其良好的跨平台性，为我们不同的操作系统之间的适配型提出了解决方案。

二、理论基础

（一）沉浸理论

沉浸性是教育游戏开发过程中一个重要的指导性理论，因为教育游戏既具有教育性，同时又要兼顾游戏性的特征，娱乐性只是教育性的一个辅助手段，而教育性才是教育游戏的本质。如何让学习者在使用教育游戏的过程中身体和心灵都能有所收获，即学到了知识，又同时放松了身心，是教育游戏需要考虑的重点。

（二）建构主义学习理论

学习并非简单的记忆，对于学习者而言，他们必须熟练的应用这些知识去解决实际中的问题，通过解决问题，自主地进行学习，并深入思考。同时，教师不仅仅只充当知识的传输者，应该引导学习者在头脑里对知识点进行重构，吸收知识，形成自己的一套经验。与传统的课堂授课形式相比，教育游戏更加注重培养学习者的主动性，真正地以学习者为中心，去发现问题，解决问题。

三、设计框架

只有掌握了前沿技术，才能创造出新的潮流。同样的道理，我们只有不断地涌入新的知识，新的元素，我们的技术才能得到不断地进步。虽然目前我们国家已经有很多企业涉及到教育游戏这一块，网页游戏在我们国内也拥有了一批稳定的客户群。但我们目前涌入的行业新宠——HTML5还粗话语发展的起步阶段。其次，我们都知道作为一门编程语言，在开发项目的时候需要一定的语言编写基础，如果是一名编程菜鸟想要做出一款游戏来需要耗费大量的时间和精力。而我们使用的HTML5编程方法在一定程度上解决了这个问题。由于该语言是一种超文本标记语言，相对于别的编程语言来说上手较为容易，只要英文水平一般，就能看懂该代码的意思。此外目前针对HTML5的网页游戏有了一套较为成熟的游戏框架，一般没有编程基础的老师只要花费数月去学习框架的使用，就可以简单上手，制作一款自己的网页游戏。本文研究的核心问题，主要针对以下几点：

（1）将网络游戏与知识点相结合，将游戏经过改造之后引入课堂，提高学习者学习兴趣。

（2）引用最新的网页编辑语言——HTML5，实现基于HTML5的网页游戏，由于HTML5有着较好的兼容性，可以打破一些传统的游戏不能跨平台，跨系统兼容的问题。

四、技术介绍

HTML5是用于取代1999年所制定的 HTML4.01和 XHTML1.0标准的HTML标准版本，虽然HTML5仍处于发展阶段，但目前大部分浏览器都支持了HTML5技术。HTML5 有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug- in- based rich internet application，RIA），如 Adobe Flash、 Microsoft Silverlight，与 Oracle Java FX的需求，并且提供更多能有效增强网络应用的标准。

HTML5仍处于完善之中，第一份方案也于2018年1月22日发布。目前，大部分浏览器已经对HTML5的一些特效功能提供了支持。经过大量的网络工作者的精心工作，万维网联盟于2012年12月17日宣布HTML5规范正式完稿。W3C的发言人称：“HTML5是开放的Web网络平台的奠基石。”目前大部分主流浏览器，包括Firefox（火狐浏览器），IE9及更高版本浏览器，Chrome（谷歌浏览器），Safari，Opera等。

HTML5规范开发完成，将成为主流。据统计，全球有10亿手机浏览器支持HTML5。同时也有越来越多的编程爱好者投入到了Web开发中，这个人群已经达到了200万。毋庸置疑，在未来的几年间，HTML5会成为移动互联网领域的主宰者。随着HTML5功能的不断完善以及Canvas2D性能草案的问世，这就意味着开发人员将拥有更加稳定，功能更加完善的编程语言。目前已经有越来越多的文章在为HTML5做宣传。单单从性能来说，HTML5简化了一些复杂的HTML代码，并且加入了一些性能强大的HTML5标签，使页面效果更加炫酷，用户体验感得到很好地增强。以前这些交互效果都要使用更加复杂的Javascript才能实现，现在可以用几句HTML5标签就能简单实现。并且，一些HTML5框架也是Web开发变得更加便捷。从用户可读性上说，HTML5大大简化了代码的编写，使网页代码更加简单易懂，这显然对使用者显得友好很多。

五、总结与展望

网络游戏作为一种新的游戏方式，它对青少年的影响是巨大的。许多研究者大力倡导教育工作中应该借鉴游戏中带给使用者的成就感和快乐，并且极力倡导在教育工作中引用。现在有越来越多的企业投入大量的资金在教育游戏的发展中。虽然我国各个阶层都对教育游戏进行了有意义的探索，但总体而言，我们还是处于起步阶段，我们要做的努力还有很多，如何推出一款有意义的教育游戏还是一个值得思考的难题，需要教育工作者的共同努力。

作者简介：钟声（1990—），男，江西萍乡人，研究生，助教，主要研究方向：数字媒体。