基于HTML5的教育游戲設(shè)計(jì)與開發(fā)

鐘聲 黎苗苗

摘 要：本文從教育游戲的游戲設(shè)計(jì)環(huán)節(jié)出發(fā)，首先通過文獻(xiàn)研究和個案研究，分析得出打字游戲的設(shè)計(jì)策略和要注意的問題。其次分別分析了沉浸理論和建構(gòu)主義學(xué)習(xí)理論，淺析了兩者在教學(xué)游戲設(shè)計(jì)中能夠促進(jìn)學(xué)習(xí)者沉浸體驗(yàn)和新知識建構(gòu)的因素，進(jìn)而提出了促進(jìn)學(xué)習(xí)者沉浸體驗(yàn)的教育游戲的具體設(shè)計(jì)策略。

關(guān)鍵詞：教育游戲；設(shè)計(jì)策略；建構(gòu)主義學(xué)習(xí)理論

一、研究背景

在國內(nèi)，教育游戲開發(fā)有了政府行為。為了給廣大的青少年提供更加健康，思想內(nèi)涵更加豐富的網(wǎng)絡(luò)游戲產(chǎn)品，共青團(tuán)中央開始面向全社會征集教育網(wǎng)絡(luò)游戲相關(guān)的腳本，團(tuán)中央也順勢推出了一系列以愛國題材為中心思想的教育網(wǎng)絡(luò)游戲。這些網(wǎng)絡(luò)游戲以中國近代史為主要設(shè)計(jì)背景，目的在于增強(qiáng)青少年的名族自豪感和名族凝聚力，讓青少年不忘國家恥辱，增強(qiáng)他們的愛國情懷。目前該項(xiàng)目進(jìn)展順利，得到了社會各界的廣泛支持。

發(fā)展趨勢：嚴(yán)肅游戲是一項(xiàng)正在蓬勃發(fā)展的產(chǎn)業(yè)，嚴(yán)肅游戲已經(jīng)在世界各國的軍事+企業(yè)+教育和醫(yī)療組織中得到了成功的應(yīng)用。但是由于移動端的各個操作系統(tǒng)規(guī)則不一，占市場主要份額的iOS、Android以及Windows Phone都擁有各自獨(dú)立的操作系統(tǒng)。開發(fā)者為了適應(yīng)不同的使用人群，不得不針對不同的操作系統(tǒng)進(jìn)行重復(fù)開發(fā)，這無疑大大增加了開發(fā)成本。但HTML5憑借其良好的跨平臺性，為我們不同的操作系統(tǒng)之間的適配型提出了解決方案。

二、理論基礎(chǔ)

（一）沉浸理論

沉浸性是教育游戲開發(fā)過程中一個重要的指導(dǎo)性理論，因?yàn)榻逃螒蚣染哂薪逃裕瑫r(shí)又要兼顧游戲性的特征，娛樂性只是教育性的一個輔助手段，而教育性才是教育游戲的本質(zhì)。如何讓學(xué)習(xí)者在使用教育游戲的過程中身體和心靈都能有所收獲，即學(xué)到了知識，又同時(shí)放松了身心，是教育游戲需要考慮的重點(diǎn)。

（二）建構(gòu)主義學(xué)習(xí)理論

學(xué)習(xí)并非簡單的記憶，對于學(xué)習(xí)者而言，他們必須熟練的應(yīng)用這些知識去解決實(shí)際中的問題，通過解決問題，自主地進(jìn)行學(xué)習(xí)，并深入思考。同時(shí)，教師不僅僅只充當(dāng)知識的傳輸者，應(yīng)該引導(dǎo)學(xué)習(xí)者在頭腦里對知識點(diǎn)進(jìn)行重構(gòu)，吸收知識，形成自己的一套經(jīng)驗(yàn)。與傳統(tǒng)的課堂授課形式相比，教育游戲更加注重培養(yǎng)學(xué)習(xí)者的主動性，真正地以學(xué)習(xí)者為中心，去發(fā)現(xiàn)問題，解決問題。

三、設(shè)計(jì)框架

只有掌握了前沿技術(shù)，才能創(chuàng)造出新的潮流。同樣的道理，我們只有不斷地涌入新的知識，新的元素，我們的技術(shù)才能得到不斷地進(jìn)步。雖然目前我們國家已經(jīng)有很多企業(yè)涉及到教育游戲這一塊，網(wǎng)頁游戲在我們國內(nèi)也擁有了一批穩(wěn)定的客戶群。但我們目前涌入的行業(yè)新寵——HTML5還粗話語發(fā)展的起步階段。其次，我們都知道作為一門編程語言，在開發(fā)項(xiàng)目的時(shí)候需要一定的語言編寫基礎(chǔ)，如果是一名編程菜鳥想要做出一款游戲來需要耗費(fèi)大量的時(shí)間和精力。而我們使用的HTML5編程方法在一定程度上解決了這個問題。由于該語言是一種超文本標(biāo)記語言，相對于別的編程語言來說上手較為容易，只要英文水平一般，就能看懂該代碼的意思。此外目前針對HTML5的網(wǎng)頁游戲有了一套較為成熟的游戲框架，一般沒有編程基礎(chǔ)的老師只要花費(fèi)數(shù)月去學(xué)習(xí)框架的使用，就可以簡單上手，制作一款自己的網(wǎng)頁游戲。本文研究的核心問題，主要針對以下幾點(diǎn)：

（1）將網(wǎng)絡(luò)游戲與知識點(diǎn)相結(jié)合，將游戲經(jīng)過改造之后引入課堂，提高學(xué)習(xí)者學(xué)習(xí)興趣。

（2）引用最新的網(wǎng)頁編輯語言——HTML5，實(shí)現(xiàn)基于HTML5的網(wǎng)頁游戲，由于HTML5有著較好的兼容性，可以打破一些傳統(tǒng)的游戲不能跨平臺，跨系統(tǒng)兼容的問題。

四、技術(shù)介紹

HTML5是用于取代1999年所制定的 HTML4.01和 XHTML1.0標(biāo)準(zhǔn)的HTML標(biāo)準(zhǔn)版本，雖然HTML5仍處于發(fā)展階段，但目前大部分瀏覽器都支持了HTML5技術(shù)。HTML5 有兩大特點(diǎn)：首先，強(qiáng)化了Web網(wǎng)頁的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫等 Web 應(yīng)用的功能。它希望能夠減少瀏覽器對于需要插件的豐富性網(wǎng)絡(luò)應(yīng)用服務(wù)（plug- in- based rich internet application，RIA），如 Adobe Flash、 Microsoft Silverlight，與 Oracle Java FX的需求，并且提供更多能有效增強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)。

HTML5仍處于完善之中，第一份方案也于2018年1月22日發(fā)布。目前，大部分瀏覽器已經(jīng)對HTML5的一些特效功能提供了支持。經(jīng)過大量的網(wǎng)絡(luò)工作者的精心工作，萬維網(wǎng)聯(lián)盟于2012年12月17日宣布HTML5規(guī)范正式完稿。W3C的發(fā)言人稱：“HTML5是開放的Web網(wǎng)絡(luò)平臺的奠基石?！蹦壳按蟛糠种髁鳛g覽器，包括Firefox（火狐瀏覽器），IE9及更高版本瀏覽器，Chrome（谷歌瀏覽器），Safari，Opera等。

HTML5規(guī)范開發(fā)完成，將成為主流。據(jù)統(tǒng)計(jì)，全球有10億手機(jī)瀏覽器支持HTML5。同時(shí)也有越來越多的編程愛好者投入到了Web開發(fā)中，這個人群已經(jīng)達(dá)到了200萬。毋庸置疑，在未來的幾年間，HTML5會成為移動互聯(lián)網(wǎng)領(lǐng)域的主宰者。隨著HTML5功能的不斷完善以及Canvas2D性能草案的問世，這就意味著開發(fā)人員將擁有更加穩(wěn)定，功能更加完善的編程語言。目前已經(jīng)有越來越多的文章在為HTML5做宣傳。單單從性能來說，HTML5簡化了一些復(fù)雜的HTML代碼，并且加入了一些性能強(qiáng)大的HTML5標(biāo)簽，使頁面效果更加炫酷，用戶體驗(yàn)感得到很好地增強(qiáng)。以前這些交互效果都要使用更加復(fù)雜的Javascript才能實(shí)現(xiàn)，現(xiàn)在可以用幾句HTML5標(biāo)簽就能簡單實(shí)現(xiàn)。并且，一些HTML5框架也是Web開發(fā)變得更加便捷。從用戶可讀性上說，HTML5大大簡化了代碼的編寫，使網(wǎng)頁代碼更加簡單易懂，這顯然對使用者顯得友好很多。

五、總結(jié)與展望

網(wǎng)絡(luò)游戲作為一種新的游戲方式，它對青少年的影響是巨大的。許多研究者大力倡導(dǎo)教育工作中應(yīng)該借鑒游戲中帶給使用者的成就感和快樂，并且極力倡導(dǎo)在教育工作中引用?，F(xiàn)在有越來越多的企業(yè)投入大量的資金在教育游戲的發(fā)展中。雖然我國各個階層都對教育游戲進(jìn)行了有意義的探索，但總體而言，我們還是處于起步階段，我們要做的努力還有很多，如何推出一款有意義的教育游戲還是一個值得思考的難題，需要教育工作者的共同努力。

作者簡介：鐘聲（1990—），男，江西萍鄉(xiāng)人，研究生，助教，主要研究方向：數(shù)字媒體。