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

鐘聲 黎苗苗

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

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

一、研究背景

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

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

二、理論基礎(chǔ)

（一）沉浸理論

沉浸性是教育游戲開發(fā)過程中一個重要的指導性理論，因為教育游戲既具有教育性，同時又要兼顧游戲性的特征，娛樂性只是教育性的一個輔助手段，而教育性才是教育游戲的本質(zhì)。如何讓學習者在使用教育游戲的過程中身體和心靈都能有所收獲，即學到了知識，又同時放松了身心，是教育游戲需要考慮的重點。

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

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

三、設(shè)計框架

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

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

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

四、技術(shù)介紹

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

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

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

五、總結(jié)與展望

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

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