蔡嘯

引言：本文通過對HTML5技術(shù)進(jìn)行簡要介紹，分析了HTML5的技術(shù)優(yōu)勢和網(wǎng)頁游戲的總體需求，繼而展望HTML5技術(shù)在移動(dòng)互聯(lián)網(wǎng)游戲領(lǐng)域的發(fā)展趨勢。

HTML5的技術(shù)特點(diǎn)及優(yōu)勢

HTML5的流行大概始于2010年，很多業(yè)內(nèi)人士指出隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，觀看在線視頻或其它內(nèi)容時(shí)，Adobe Flash將不再是唯一選擇。而在這之前，網(wǎng)絡(luò)視頻和基于瀏覽器的游戲幾乎只能通過Flash Player來實(shí)現(xiàn)。HTML5和其之前的網(wǎng)絡(luò)技術(shù)相比，在多媒體和數(shù)字娛樂體驗(yàn)方面具有以下幾個(gè)特點(diǎn)：

HTML5引入了canvas標(biāo)簽，通過canvas，用戶將可以動(dòng)態(tài)的生成各種圖形圖像，圖表以及動(dòng)畫。不僅如此，HTML5也賦予圖片圖形更多的交互性，HTML5的canvas標(biāo)簽?zāi)軌蚺浜螶avascript腳本，利用鍵盤控制圖形圖像，這無疑為現(xiàn)有的網(wǎng)頁游戲提供了新的選擇和更好的維護(hù)性和通用性，脫離了flash插件的網(wǎng)頁游戲必然能夠獲得更大的訪問量，更多的用戶，更穩(wěn)定的運(yùn)行時(shí)。

通過HTML5中圖形圖像的新特性，未來會(huì)有十分成熟的在線繪圖解決方案，基于瀏覽器的繪圖應(yīng)用將會(huì)取代大部分基于桌面的程序安裝包。而對用戶體驗(yàn)人員和開發(fā)者來說，可以十分方便地在后臺(tái)收集用戶訪問熱區(qū)，甚至可以生成鼠標(biāo)的瀏覽軌跡，這對于找出網(wǎng)站的開發(fā)維護(hù)，提升用戶體驗(yàn)有著重要作用。

離線儲(chǔ)存一直是瀏覽器應(yīng)用的一個(gè)難題，這也讓網(wǎng)頁游戲只能講用戶數(shù)據(jù)儲(chǔ)存在服務(wù)器上，白白浪費(fèi)帶寬。HTML5的Web Storage API使這個(gè)問題迎刃而解，其原理與現(xiàn)在使用的網(wǎng)盤有異曲同工之處。通過生成一個(gè)manifest file文件，而這個(gè)文件實(shí)質(zhì)就是一系列的鏈接列表文件，這些鏈接分別指向頁面當(dāng)中的HTML，CSS，Javascrpit，圖片等相關(guān)內(nèi)容。離線應(yīng)用在運(yùn)行初始會(huì)加載該文件，瀏覽器讀取這一文件之后下載相應(yīng)的資源進(jìn)行儲(chǔ)存或修改，在重新連線時(shí)將訪問服務(wù)器并回饋內(nèi)容。同時(shí)Web應(yīng)用將會(huì)越來越多地訪問多媒體硬件，如網(wǎng)絡(luò)攝像頭、麥克風(fēng)、存儲(chǔ)設(shè)備等等。為此，HTML5設(shè)計(jì)了device標(biāo)簽，允許應(yīng)用程序訪問所本地硬件。而其對于隱私的保護(hù)是非常嚴(yán)格的，當(dāng)應(yīng)用程序請求訪問權(quán)限時(shí)，必須請求并獲得用戶確認(rèn)。

今后的開發(fā)人員完全可以結(jié)合HTML5構(gòu)建強(qiáng)大的應(yīng)用程序，讓用戶獲得更完美的體驗(yàn)，消除或降低腳本的復(fù)雜性，提供之前需要插件才能實(shí)現(xiàn)的功能。

基于HTML5的下一代網(wǎng)游

下一代網(wǎng)頁游戲毫無疑問將以移動(dòng)互聯(lián)網(wǎng)平臺(tái)為依托，從Adobe不再推出基于移動(dòng)設(shè)備瀏覽的Flash Player即可看出，下一代移動(dòng)多媒體將不再依賴像Flash一樣的插件技術(shù)，這就意味著現(xiàn)有的基于Flash的網(wǎng)頁游戲如果不重新設(shè)計(jì)，將不適用于移動(dòng)互聯(lián)網(wǎng)的環(huán)境。

由于HTML5原生支持移動(dòng)設(shè)備，同時(shí)又對桌面瀏覽器無縫對接，移動(dòng)互聯(lián)網(wǎng)游戲開發(fā)者成將為第一受益者。開發(fā)者通過HTML5技術(shù)開發(fā)一款產(chǎn)品，可以應(yīng)用于多平臺(tái)，開發(fā)成本就可以大幅度降低，使用HTML5的游戲開發(fā)者在供不應(yīng)求的技術(shù)市場環(huán)境中，憑借強(qiáng)大的技術(shù)支持和優(yōu)秀的產(chǎn)品也可以成為話語權(quán)的掌握者。

對于用戶來說，是否選擇某一游戲的首要因素是游戲質(zhì)量和用戶體驗(yàn)。HTML5技術(shù)引入的新特性中還包括了配合WEBGL開發(fā)的3D技術(shù)，這使得基于HTML5的網(wǎng)頁游戲畫面豐富生動(dòng)，完全可以獲得與桌面端相同的效果與質(zhì)感，在產(chǎn)品質(zhì)量上有相當(dāng)?shù)膬?yōu)勢。

本質(zhì)上來說，HTML5的出現(xiàn)其實(shí)是用行業(yè)標(biāo)準(zhǔn)取代了商業(yè)標(biāo)準(zhǔn)，規(guī)范了web應(yīng)用，剔除了插件，用戶感受不到太大的差別，轉(zhuǎn)換遷移成本幾乎為零。就目前游戲行業(yè)的發(fā)展而言，游戲越來越傾向于小而精，注重游戲的參與感和社會(huì)化結(jié)構(gòu)。同時(shí)目前的HTML5技術(shù)不適于開發(fā)傳統(tǒng)意義上的大型游戲，HTML5技術(shù)應(yīng)該轉(zhuǎn)而從輕量化的社交網(wǎng)游入手。優(yōu)秀的移動(dòng)端游戲應(yīng)該具備以下幾點(diǎn)特質(zhì)：

1.碎片化娛樂。輕量化社交網(wǎng)游并不適合連續(xù)長時(shí)間操作，尤其是游戲本身的樂趣和粘合度都需要使用段落式的設(shè)計(jì)。移動(dòng)設(shè)備的用戶主要通過上下班、吃飯、午休等各種零散的時(shí)間進(jìn)行娛樂，游戲開發(fā)者要能夠充分利用這個(gè)時(shí)間端來設(shè)計(jì)應(yīng)用。

2.社交化娛樂。輕量化社交網(wǎng)游，目的就是充分發(fā)掘其娛樂的參與和互動(dòng)互動(dòng)性。曾經(jīng)風(fēng)靡一時(shí)各種偷菜、搶車位游戲就是利用了這一點(diǎn)，這充分說明了社交化娛樂的成功。另外因?yàn)橐苿?dòng)端本身并沒有特別出彩游戲技術(shù)平臺(tái)，導(dǎo)致基于flash的游戲現(xiàn)在只能通過移動(dòng)設(shè)備的瀏覽器來體現(xiàn)，而Flash本身對移動(dòng)設(shè)備沒有做足夠的優(yōu)化，這足以說明HTML5在未來巨大的優(yōu)勢。

3.輕量級娛樂。移動(dòng)平臺(tái)不再是單純的通訊工具，更多的是一個(gè)可以隨時(shí)用來打發(fā)時(shí)間的工具，那就說明用戶并不想在移動(dòng)設(shè)備上投入過多的精力，娛樂效果不能夠像傳統(tǒng)大型游戲一樣，使人產(chǎn)生重度依賴。從用戶的統(tǒng)計(jì)來看，使用支持HTML5技術(shù)的移動(dòng)平臺(tái)的用戶，以20-30歲的用戶居多，他們更愿意去選擇一些輕量級，畫面清新優(yōu)美的游戲，不一定要有復(fù)雜的操作和內(nèi)容，休閑放松，適當(dāng)投入對于用戶來說是最合適的。

參考文獻(xiàn)

[1]Peter Lubbers，Brian Albers，F(xiàn)rank Salim，柳靖.《圖靈程序設(shè)計(jì)叢書：HTML5程序設(shè)計(jì)》[M].人民郵電出版社，（2012-05）.

[2]David Geary，愛飛翔.《HTML5 Canvas核心技術(shù)：圖形、動(dòng)畫與游戲開發(fā)》[M].機(jī)械工業(yè)出版社，（2013-05）.

[3]Aditya Ravi Shankar，謝光磊.《HTML5游戲開發(fā)進(jìn)階指南》[M].電子工業(yè)出版社，（2013-09）.

[4]張波.《O2O：移動(dòng)互聯(lián)網(wǎng)時(shí)代的商業(yè)革命》[M].機(jī)械工業(yè)出版社，（2013-02）.

[5]程成，曾永紅，王憲偉，彭盾.《App營銷解密：移動(dòng)互聯(lián)網(wǎng)時(shí)代的營銷革命》[M].機(jī)械工業(yè)出版社，（2014-01）.

（作者單位：安陽工學(xué)院藝術(shù)設(shè)計(jì)學(xué)院）