基于輕應(yīng)用平臺和HTML5的Web APP游戲開發(fā)的探討

陳珍英

摘要：本文探討了HTML5 的特點以及在Web App游戲中的運(yùn)用，分析了HTML5與輕應(yīng)用平臺相結(jié)合，以及HTML5的缺點以及輕應(yīng)用平臺的局限性，研究了在教學(xué)中課程改革模式的探討。

關(guān)鍵詞：HTML5;輕應(yīng)用;Web App;游戲開發(fā)

中圖分類號：TP311.56 文獻(xiàn)標(biāo)識碼：A 文章編號：1007-9416（2019）06-0174-01

0 引言

HTML5是對傳統(tǒng)Web標(biāo)準(zhǔn)的升級式更新。HTML5的提出讓移動Web App的開發(fā)與應(yīng)用實現(xiàn)跨平臺，且讓游戲更具表現(xiàn)能力，結(jié)合移動Web App應(yīng)用特點，不斷創(chuàng)新APP在網(wǎng)頁中的應(yīng)用，還為用戶帶來更好的體驗[1]。HTML 5.0帶來的新特性，特別是豐富多媒體的能力，對增強(qiáng)移動Web App的音頻與視頻功能和優(yōu)化其圖形等功能有很大的探討空間[2]。Web App在互聯(lián)網(wǎng)時代不僅能夠更好地滿足人們對于云技術(shù)的需求，更可通過移動設(shè)備直接獲取所需服務(wù)，比如移動類游戲等。

1 HTML5的特點以及在Web App游戲中的運(yùn)用

1.1 實現(xiàn)跨平臺

HTML5它是一個相對穩(wěn)定和完善的編程環(huán)境，適用于跨平臺的應(yīng)用程序、視頻、動畫、圖形、3D、平面排版和其他數(shù)字技術(shù)發(fā)布工具等。HTML5的優(yōu)點主要在于：可以進(jìn)行跨平臺的使用。比如你開發(fā)了一款HTML5的游戲，你可以很容易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺、百度輕應(yīng)用平臺、小米輕應(yīng)用平臺、火狐輕應(yīng)用平臺等，甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上，所以它的跨平臺性非常強(qiáng)大。

1.2 實現(xiàn)離線和本地存儲

HTML5使固定端與移動端的連接成為可視化，它們不再只是2個單獨(dú)的個體，這使得資源和數(shù)據(jù)得以更好地共享與傳遞。

1.3 普遍運(yùn)用的Web App開發(fā)方案

HTML5從本質(zhì)上轉(zhuǎn)變了開發(fā)移動Web App的方式，不僅能夠有效進(jìn)行離線存儲，更可以豐富App媒體內(nèi)容，使得用戶獲得更好的體驗，還能優(yōu)化App平臺，處理好多線程，實現(xiàn)真正意義上的平臺兼容，針對安卓版本的平臺，以HTML5為基礎(chǔ)應(yīng)用的移動Web App方案共有兩個：（1）Web View組件;（2）系統(tǒng)Web kit。

1.4 Canvas的圖形功能

在Web游戲中運(yùn)用到HTML5的Canvas功能，它是最強(qiáng)大的API，過去需要通過Flash實現(xiàn)的動畫插件與圖書現(xiàn)在只需要JavaScript就能夠?qū)崿F(xiàn)，Canvas目前它對2D圖形圖表、動畫效果提供了較好的技術(shù)支持，因此Canvas對Web 游戲的開發(fā)有著巨大的重大意義，選擇HTML5 應(yīng)用于移動Web開發(fā)以及游戲設(shè)計課程中對于教學(xué)有一定的前瞻性和良性發(fā)展的推動性。因此，在未來以HTML5為開發(fā)語言基礎(chǔ)的移動Web App將會是發(fā)展的主流。

2 HTML5與輕應(yīng)用平臺相結(jié)合

2.1 輕應(yīng)用技術(shù)特點

“輕應(yīng)用”即使用HTML技術(shù)。輕應(yīng)用是一種無需下載、即搜即用的全功能App，更甚能超越Native App的用戶體驗，又具備Web App的可被檢索與智能分發(fā)的特性，將有效解決優(yōu)質(zhì)應(yīng)用和服務(wù)與移動用戶需求對接的問題[3]。比如神經(jīng)貓——這款微信小游戲在短短數(shù)日讓整個移動互聯(lián)網(wǎng)行業(yè)看到了HTML5的另外一種可能。

2.2 優(yōu)秀的體驗

輕應(yīng)用最大的特點是無需下載，即點即用。輕應(yīng)用里所有的應(yīng)用和小游戲應(yīng)用也可直接添加到手機(jī)桌面。用戶直接可見的好處是：無需下載，無消息推送，不需更新，對小內(nèi)存的手機(jī)而言節(jié)省內(nèi)存同時可獲得更優(yōu)秀的體驗。HTML5的特性承接了小游戲的移動設(shè)計。

2.3 豐富盈利模式

一般意義上，一個App要想上架必須通過一個嚴(yán)格又漫長的審核過程，并且很可能被無數(shù)的應(yīng)用所埋沒，而如今多渠道多平臺的可進(jìn)行推廣。架設(shè)輕應(yīng)用平臺豐富了盈利的模式和方法，如建立并發(fā)展自己的應(yīng)用平臺。

2.4 解決分發(fā)與搜索問題

輕應(yīng)用對于應(yīng)用分發(fā)可解決長尾分發(fā)問題，規(guī)避了Native App信息孤島問題，實現(xiàn)破殼搜索，把應(yīng)用分發(fā)與移動搜索合二為一。

2.5 對于輕應(yīng)用目前有幾個優(yōu)勢爆點

（1）移動流量超越PC，通過輕應(yīng)用實現(xiàn)捷徑處理。（2）流量轉(zhuǎn)換為用戶，架設(shè)通道的是輕應(yīng)用。（3）輕應(yīng)用服務(wù)了搜索的智能化。

利用HTML5開發(fā)輕度小游戲，實現(xiàn)移動領(lǐng)域在跨平臺上的即搜即用等優(yōu)勢功能，在開發(fā)輕應(yīng)用平臺上搭建HTML5的表現(xiàn)舞臺，無形中推動了HTML5的發(fā)展。因此基于HTML5的輕應(yīng)用開發(fā)結(jié)合平臺的使用實現(xiàn)了web新一代技術(shù)在移動領(lǐng)域的強(qiáng)大推動力發(fā)展，在Web App輕度游戲廣泛運(yùn)用中，實現(xiàn)便捷性和流行性。

3 HTML5的缺點以及輕應(yīng)用平臺的局限性

（1）跨平臺不夠徹底;（2）尚未實現(xiàn)強(qiáng)大的Mobile Device AP;（3）App開發(fā)需要編寫大量JS實現(xiàn)，執(zhí)行效率低，開發(fā)門檻高，用戶體驗不佳;（4）缺少快速迭代機(jī)制;（5）適合web的安全策略，不適應(yīng)APP要求;（6）不同瀏覽器支持的差異性將成為長久的問題。

以后HTML5 Web技術(shù)面對開發(fā)周期長、難度大的困境，需要豐富平臺內(nèi)容，提升交互式體驗方式，架設(shè)離線訪問，實現(xiàn)真正意義上的“一次開發(fā)、多平臺使用”。把單一的建設(shè)主體向多元化轉(zhuǎn)變，提高APP系統(tǒng)的安全性，實現(xiàn)跨平臺訪問。要想提高HTML5 Web技術(shù)，還需要投入大量的人力物力。

4 在教學(xué)中課程改革模式的探討

課程模式的改革必須結(jié)合人才培養(yǎng)方案、典型工作崗位的要求以及區(qū)域經(jīng)濟(jì)發(fā)展的需求。在以上三個大方向的指導(dǎo)下還要需要緊貼學(xué)情分析。在高職教育教學(xué)體系中，學(xué)情是相對復(fù)雜的，在知識點的教學(xué)中不僅流行項目導(dǎo)向的引入、教學(xué)做一體化，也需要注重知識點與學(xué)生接受能力之間的平衡。因此在教學(xué)模式的探索中我們要考慮幾個問題：（1）知識點的新鮮感;（2）知識點的先進(jìn)性;（3）知識點的擇優(yōu)性;（4）知識點的易實現(xiàn)性。

既要符合教學(xué)中知識點系統(tǒng)性，注重知識點的實用性，還要實現(xiàn)課程與職業(yè)之間構(gòu)架的職業(yè)素養(yǎng)的養(yǎng)成，因此在這么嚴(yán)謹(jǐn)?shù)捏w系中我們需要培養(yǎng)學(xué)生獲得知識的成就感，從感性工學(xué)的角度設(shè)計課程。而我們在設(shè)計移動Web開發(fā)以及游戲設(shè)計過程中選中什么樣的語言以及實現(xiàn)平臺，就體現(xiàn)了課程設(shè)計的藝術(shù)感。因此在移動應(yīng)用開發(fā)和游戲設(shè)計中，或者Web 技術(shù)開發(fā)中，我們利用HTML5的新特性，以及輕應(yīng)用實現(xiàn)的便攜性，帶動學(xué)生參與項目和實現(xiàn)項目。既學(xué)到新技術(shù)，也在項目開發(fā)中實現(xiàn)感性指導(dǎo)設(shè)計的方法論。因此基于輕應(yīng)用平臺和HTML5對于Web App游戲開發(fā)等課程的教學(xué)具有課程建設(shè)的先進(jìn)性。

5 結(jié)語

HTML5和輕應(yīng)用平臺雖然在發(fā)展的過程中仍有很多的局限性，但是無疑是新web技術(shù)的爆發(fā)點，特別是在移動應(yīng)用開發(fā)，同時兩項新技術(shù)的結(jié)合也帶個傳統(tǒng)課程的教學(xué)一個新的突破點。

參考文獻(xiàn)

[1] 管西京，張玲玲，陳強(qiáng).移動Web開發(fā)實戰(zhàn)[M].上海：上海交通大學(xué)出版社，2018.

[2] 陳承歡.HTML 5+CSS3[M].北京：人民郵電出版社，2016.

[3] 周義祥.基于HTML5的移動Web App開發(fā)及應(yīng)用[J].電子技術(shù)與軟件工程，2016（23）：66.

Exploration of Web APP Game Development Based on Light Application Platform and HTML5

CHEN Zhen-ying

（Anglo-Chinese College， Fuzhou Fujian? 350018）

Abstract：This paper discusses the characteristics of HTML5 and its application in Web App games， analyses the combination of HTML5 and light application platform， the shortcomings of HTML5 and the limitations of light application platform， and studies the mode of curriculum reform in teaching.

Key words：HTML5; Light application; WebApp; Game development