基于輕應用平臺和HTML5的Web APP游戲開發的探討

陳珍英

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

關鍵詞：HTML5;輕應用;Web App;游戲開發

中圖分類號：TP311.56 文獻標識碼：A 文章編號：1007-9416（2019）06-0174-01

0 引言

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

1 HTML5的特點以及在Web App游戲中的運用

1.1 實現跨平臺

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

1.2 實現離線和本地存儲

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

1.3 普遍運用的Web App開發方案

HTML5從本質上轉變了開發移動Web App的方式，不僅能夠有效進行離線存儲，更可以豐富App媒體內容，使得用戶獲得更好的體驗，還能優化App平臺，處理好多線程，實現真正意義上的平臺兼容，針對安卓版本的平臺，以HTML5為基礎應用的移動Web App方案共有兩個：（1）Web View組件;（2）系統Web kit。

1.4 Canvas的圖形功能

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

2 HTML5與輕應用平臺相結合

2.1 輕應用技術特點

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

2.2 優秀的體驗

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

2.3 豐富盈利模式

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

2.4 解決分發與搜索問題

輕應用對于應用分發可解決長尾分發問題，規避了Native App信息孤島問題，實現破殼搜索，把應用分發與移動搜索合二為一。

2.5 對于輕應用目前有幾個優勢爆點

（1）移動流量超越PC，通過輕應用實現捷徑處理。（2）流量轉換為用戶，架設通道的是輕應用。（3）輕應用服務了搜索的智能化。

利用HTML5開發輕度小游戲，實現移動領域在跨平臺上的即搜即用等優勢功能，在開發輕應用平臺上搭建HTML5的表現舞臺，無形中推動了HTML5的發展。因此基于HTML5的輕應用開發結合平臺的使用實現了web新一代技術在移動領域的強大推動力發展，在Web App輕度游戲廣泛運用中，實現便捷性和流行性。

3 HTML5的缺點以及輕應用平臺的局限性

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

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

4 在教學中課程改革模式的探討

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

既要符合教學中知識點系統性，注重知識點的實用性，還要實現課程與職業之間構架的職業素養的養成，因此在這么嚴謹的體系中我們需要培養學生獲得知識的成就感，從感性工學的角度設計課程。而我們在設計移動Web開發以及游戲設計過程中選中什么樣的語言以及實現平臺，就體現了課程設計的藝術感。因此在移動應用開發和游戲設計中，或者Web 技術開發中，我們利用HTML5的新特性，以及輕應用實現的便攜性，帶動學生參與項目和實現項目。既學到新技術，也在項目開發中實現感性指導設計的方法論。因此基于輕應用平臺和HTML5對于Web App游戲開發等課程的教學具有課程建設的先進性。

5 結語

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

參考文獻

[1] 管西京，張玲玲，陳強.移動Web開發實戰[M].上海：上海交通大學出版社，2018.

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

[3] 周義祥.基于HTML5的移動Web App開發及應用[J].電子技術與軟件工程，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