年HTML5標(biāo)準(zhǔn)在經(jīng)歷很長(zhǎng)時(shí)間終于訂立之后,曾遭到很多質(zhì)疑。但技術(shù)的更新?lián)Q代是擋不住的,這多半年來(lái),進(jìn)行H5技術(shù)服務(wù)的企業(yè)如雨后春筍般涌現(xiàn)。但對(duì)大多數(shù)人尤其是真正有可能去使用H5的游戲開(kāi)發(fā)者們來(lái)說(shuō),對(duì)這一技術(shù)依舊尚處于陌生的狀態(tài)。
H5到底是什么?能為游戲開(kāi)發(fā)帶來(lái)些什么?龍虎豹在咨詢了相關(guān)服務(wù)商后,試圖為大家提供這些答案的解答。
HTML5是一種跨平臺(tái)的開(kāi)發(fā)手段
HTML的第5版標(biāo)準(zhǔn)所做的最主要的進(jìn)化就是其跨平臺(tái)特性。以往游戲開(kāi)發(fā)者在制作一款游戲之前都要先選定其對(duì)應(yīng)的平臺(tái),因?yàn)椴煌钠脚_(tái)需要有相應(yīng)的開(kāi)發(fā)方法,這也是移植一詞的來(lái)源。體現(xiàn)在手游上就集中表現(xiàn)為,若開(kāi)發(fā)者想要將自己的iOS游戲移植到Android平臺(tái),他就需要對(duì)游戲做出根本性的調(diào)整。而H5游戲只需要一次開(kāi)發(fā),一套源代碼,通過(guò)不同的工具即可打包成適用于不同平臺(tái)的應(yīng)用程序包。不論是PC、家用機(jī)、手機(jī)、平板電腦,甚至將來(lái)的智能電視,只要該設(shè)備上有一個(gè)支持H5的瀏覽器,HTML5應(yīng)用或游戲在該平臺(tái)中就可以直接運(yùn)行,而無(wú)需專(zhuān)門(mén)為掌機(jī)和電視設(shè)計(jì)兩個(gè)不同的版本。
大家大多是從微信、手機(jī)上玩到的神經(jīng)貓,其實(shí)也可以從網(wǎng)頁(yè)上玩到
跨平臺(tái)的特性大大擴(kuò)展了HTML語(yǔ)言的應(yīng)用場(chǎng)景,社交網(wǎng)絡(luò)上、瀏覽器里、類(lèi)似滴滴打車(chē)的應(yīng)用軟件上都可以非常方便快捷的HTML5游戲,同時(shí)讓用戶可以通過(guò)不同的介質(zhì)進(jìn)行交互。只是當(dāng)前還沒(méi)有出現(xiàn)能夠利用這些特性的產(chǎn)品和娛樂(lè)模式出現(xiàn),亟待創(chuàng)新。
HTML5當(dāng)前的三大瓶頸可通過(guò)第三方支持解決
好事必然多磨,花了很長(zhǎng)時(shí)間來(lái)制定標(biāo)準(zhǔn)的H5當(dāng)前依舊還很初級(jí),面臨著三方面的瓶頸。
第一,生態(tài)碎片化。這個(gè)很好理解,既然支持跨平臺(tái),生態(tài)必然碎片化。不同平臺(tái)使用不同的操作系統(tǒng)、不同的軟件版本、不同的硬件內(nèi)核、不同的輸出分辨率,一款游戲要能完全適應(yīng)所有的生態(tài)環(huán)境是非常困難的。
第二,性能上的瓶頸。當(dāng)前硬件機(jī)能已經(jīng)很強(qiáng)大,網(wǎng)速夠快,微信的應(yīng)用場(chǎng)景已經(jīng)十分普及,但H5領(lǐng)域火了的卻還是只有神經(jīng)貓這樣的小游戲。H5并不是只能做這樣的小游戲,但想要渲染更好的畫(huà)面、承載更豐富的內(nèi)容,它還存在技術(shù)上的問(wèn)題。
第三,游戲支撐的問(wèn)題。包括游戲需要的多點(diǎn)觸摸、振動(dòng)、多音效、離線存儲(chǔ)、社交化支持、3D支持,在目前都是有問(wèn)題的。
這些問(wèn)題大多是因?yàn)楫?dāng)前承載H5的瀏覽器和第三方APP在性能上還不夠強(qiáng)大,等待瀏覽器與應(yīng)用的更新不是辦法,比較好的方法是尋求第三方的支持,比如白鷺做了一個(gè)Egret Engine,龍虎豹去查看了一下,它的十幾種加速器產(chǎn)品能夠形成快捷的解決方案。
將來(lái)或許有一天H5成熟了,瀏覽器與第三方APP的性能都能良好的承載H5時(shí),除Egret Engine以外其他的加速器可能都會(huì)變的不再需要,但在當(dāng)前的過(guò)渡期間,更簡(jiǎn)單的解決方案還是要從這種中間服務(wù)商來(lái)尋找。
HTML5的錢(qián)途在于讓所有有流量的人都能掙到錢(qián)
當(dāng)前90%的手游開(kāi)發(fā)者難以盈利,因?yàn)楝F(xiàn)有的分發(fā)模式在遏制創(chuàng)新,大量的優(yōu)質(zhì)內(nèi)容和創(chuàng)新內(nèi)容接觸不到用戶。應(yīng)用下載商店榜單擁擠,傳播途徑也需要更多元化,包括蘋(píng)果在內(nèi),很多大的平臺(tái)和渠道都在做創(chuàng)新,像蘋(píng)果最近推出的視頻分享,包括朋友圈開(kāi)始嘗試HTML5游戲的試玩等等,都是因?yàn)橛螒虻臓I(yíng)銷(xiāo)需要更多的突破,讓好的內(nèi)容接觸到它的目標(biāo)用戶。
二是游戲初體驗(yàn)的門(mén)檻,進(jìn)入門(mén)檻太高。每個(gè)環(huán)節(jié)都有很大的流失,一個(gè)游戲從設(shè)計(jì)到開(kāi)發(fā)出來(lái),到最終接觸到用戶,中間的每一個(gè)環(huán)節(jié)從營(yíng)銷(xiāo)到分發(fā),到每個(gè)環(huán)節(jié)的流失都是非常高的。
第三,應(yīng)用場(chǎng)景過(guò)于單一。大家可以想象一下現(xiàn)在玩手游,主要獲取內(nèi)容的方式還是看榜單,看垂直媒體的推薦。大家從應(yīng)有商店里面把游戲下載到手機(jī)里,安裝到手機(jī)上,每次打開(kāi)這個(gè)游戲,這個(gè)模式是非常單一的。
HTML5的跨平臺(tái)特性能為解決這些問(wèn)題帶來(lái)更多的想象空間,像去年夏天《圍住神經(jīng)貓》爆火,似乎讓就讓人們看到了一種新的可能。H5擴(kuò)展應(yīng)用場(chǎng)景和分發(fā)模式帶來(lái)的好處在于,有錢(qián)大家可以一起賺,其核心在于“聯(lián)合運(yùn)營(yíng)”。不管是應(yīng)用商店、垂直APP、甚至工具軟件,只要有流量,都可能接入HTML5游戲去聯(lián)運(yùn),像新浪微博客戶端已經(jīng)用Egret Engine做了H5游戲《愚公移山》。
《愚公移山》在新浪微博的APP里直接就可以玩,當(dāng)前已經(jīng)有16萬(wàn)評(píng)論
當(dāng)前H5應(yīng)用的發(fā)展情況,我們以白鷺引擎一家的后臺(tái)數(shù)據(jù)統(tǒng)計(jì)來(lái)管中窺豹——該引擎在幾個(gè)月時(shí)間內(nèi)積累到超過(guò)五千人的開(kāi)發(fā)者,到2014年Q4,Egret Engine在全國(guó)植入設(shè)備超過(guò)3000件。內(nèi)容上有近上千的小游戲,幾十上百款品質(zhì)比較搞,有幾款已經(jīng)接近原生體驗(yàn)。部分開(kāi)發(fā)團(tuán)隊(duì)的月收入已經(jīng)超過(guò)百萬(wàn),DAU有10萬(wàn)級(jí)的產(chǎn)品出現(xiàn),市場(chǎng)當(dāng)前缺的,只是一個(gè)爆款。
今,隨著移動(dòng)互聯(lián)網(wǎng)快速發(fā)展,HTML5跨平臺(tái)、易分享、開(kāi)源生態(tài)發(fā)達(dá)等等優(yōu)勢(shì)獲得Facebook、微軟、蘋(píng)果、谷歌等行業(yè)巨頭的青睞。截止2015年,80%的APP全部或是部分基于HTML5技術(shù),當(dāng)然也意味著大部分APP的內(nèi)容都將是以網(wǎng)頁(yè)的形式呈現(xiàn),典型的例子包括微信、Facebook、Twitter等。HTML5技術(shù)更是在企業(yè)移動(dòng)化進(jìn)程過(guò)程中,扮演者越來(lái)越重要的角色。
2019年移動(dòng)開(kāi)發(fā)發(fā)展依舊是如火如荼,最引人注目的HTML5技術(shù)也異軍突起,企業(yè)對(duì)HTML5人才需求更是產(chǎn)生了巨大的缺口。可以毫不夸張的說(shuō),HTML5將成為未來(lái)5-10年內(nèi),移動(dòng)互聯(lián)網(wǎng)領(lǐng)域的主宰者。并且,從各大企業(yè)對(duì)HTML5開(kāi)發(fā)人才的重視程度來(lái)看,HTML5開(kāi)發(fā)這么技術(shù)是值得我們?nèi)W(xué)習(xí)的。所以從事HTML5開(kāi)發(fā)的就業(yè)形勢(shì)是相當(dāng)樂(lè)觀的。那么,掌握HTML5技術(shù)可以開(kāi)發(fā)哪些互聯(lián)網(wǎng)產(chǎn)品呢?
接下來(lái)跟著千鋒武漢HTML5培訓(xùn)小編來(lái)簡(jiǎn)單了解下參加武漢HTML5培訓(xùn)后都可以開(kāi)發(fā)哪些移動(dòng)互聯(lián)網(wǎng)產(chǎn)品:
1、搜索產(chǎn)品
的確,由Android系統(tǒng)定義的移動(dòng)互聯(lián)網(wǎng)搜索生態(tài),是將搜索框作為整個(gè)移動(dòng)互聯(lián)網(wǎng)的入口,這樣最符合谷歌的利益,除此之外,由于HTML5技術(shù)本質(zhì)上是增強(qiáng)了Web頁(yè)面在移動(dòng)設(shè)備上的用戶體驗(yàn),并增強(qiáng)了Web頁(yè)面可以實(shí)現(xiàn)的功能和效果,所以搜索本身這一行為就適合HTML5。
2、社交產(chǎn)品
對(duì)于社交媒體產(chǎn)品,中文環(huán)境中大家最熟悉的社交媒體大概是新浪微博。不過(guò)新浪微博似乎并沒(méi)有對(duì)HTML5投入太多的興趣——以至于其通過(guò)瀏覽器使用時(shí)只有一個(gè)極為簡(jiǎn)陋的WAP版。事實(shí)上,如果新浪微博從一開(kāi)始在移動(dòng)端就是一個(gè)Web APP,利用HTML5技術(shù)把所有的功能放在頁(yè)面上實(shí)現(xiàn),不僅能統(tǒng)一移動(dòng)端和PC端的用戶體驗(yàn)及數(shù)據(jù),還能充分滿足不同用戶在自己終端上的個(gè)性化需求,為全體微博用戶提供統(tǒng)一的服務(wù)。
3、資訊新聞產(chǎn)品
這類(lèi)產(chǎn)品在目前同樣是客戶端式APP的大熱門(mén)。但它們恰恰是最適合HTML5開(kāi)發(fā)的產(chǎn)品之一。與綜合資訊相比,垂直類(lèi)的資訊產(chǎn)品尤其適合Web化。HTML5不僅僅能如社交媒體一樣給用戶提供打通PC桌面與移動(dòng)終端的閱讀和交互體驗(yàn),更重要的是,HTML5化的垂直資訊產(chǎn)品能夠搶占整個(gè)垂直領(lǐng)域的信息入口。
4、游戲產(chǎn)品
最后是依靠CPM廣告獲取收入的游戲,使用HTML5開(kāi)發(fā)會(huì)更具競(jìng)爭(zhēng)力。HTML5游戲天生就具備跨平臺(tái)分發(fā)廣告的能力。這對(duì)于游戲開(kāi)發(fā)者來(lái)說(shuō)是一大福音。更低的研發(fā)和更新成本,更廣泛的用戶群體,更輕松的推廣運(yùn)營(yíng)……如果不太指望玩家為了道具買(mǎi)單,為什么不直接上HTML5呢?
以上四個(gè)案例中,可以非常清晰地看出HTML5開(kāi)發(fā)者的工業(yè)方向,不僅就業(yè)前景廣,而且從業(yè)方向也相當(dāng)不錯(cuò)。HTML5技術(shù)還是很流行的,生活離不開(kāi)互聯(lián)網(wǎng),網(wǎng)頁(yè)就是web技術(shù)制作的,是永遠(yuǎn)不會(huì)過(guò)時(shí)的技術(shù)。在未來(lái)幾十年都將是主流HTML5崗位薪資高,人才缺口超過(guò)百萬(wàn),現(xiàn)在學(xué)習(xí)正是最佳時(shí)機(jī)。
TML5像是互聯(lián)網(wǎng)行業(yè)扔下的一顆炸彈,有些人還未反應(yīng)過(guò)來(lái),原先專(zhuān)注的領(lǐng)域也許就將面臨徹底的革新。比如像前幾年瘋狂甚至有點(diǎn)野蠻成長(zhǎng)的App。雖然HTML5從出現(xiàn)到去年標(biāo)準(zhǔn)塵埃落定,一直在爭(zhēng)議中曲折發(fā)展,但是各種H5頁(yè)面的推廣以及H5小游戲在不斷的涌現(xiàn),以HTML5應(yīng)用為重心的領(lǐng)域也在吸引包括互聯(lián)網(wǎng)巨頭的不斷靠攏,甚至有風(fēng)投也在此領(lǐng)域頻頻出手,看懂HTML5的未來(lái),會(huì)發(fā)現(xiàn)一個(gè)新的移動(dòng)互聯(lián)網(wǎng)黃金時(shí)代就要到來(lái)。
巨頭,兩手都抓,兩手都硬
對(duì)于中國(guó)的互聯(lián)網(wǎng)巨頭來(lái)說(shuō),現(xiàn)在在做的兩件事,一是爭(zhēng)搶移動(dòng)入口的同時(shí)既布局原生應(yīng)用,一是開(kāi)放Html5,并且兩手都在抓且兩手都硬,
1、騰訊
騰訊,作為掌控著國(guó)內(nèi)最大的移動(dòng)入口平臺(tái)公司,正在通過(guò)微信公眾平臺(tái)開(kāi)始構(gòu)建一個(gè)強(qiáng)大的輕應(yīng)用平臺(tái)。騰訊一直都在努力為那些欠缺開(kāi)發(fā)能力的公眾賬號(hào),提供一個(gè)簡(jiǎn)單、標(biāo)準(zhǔn)化的解決方案——人人都能開(kāi)發(fā)“微信應(yīng)用”,這吸引了無(wú)數(shù)的企業(yè)和用戶進(jìn)來(lái)。
日前,對(duì)于很多的企業(yè)以及移動(dòng)開(kāi)發(fā)者們來(lái)說(shuō),最激動(dòng)人心的一件事情莫過(guò)于微信JS SDK的發(fā)布。
微信JS-SDK包提供的11類(lèi)接口集,開(kāi)發(fā)者不僅能夠在網(wǎng)頁(yè)上使用微信本身的拍照、選圖、語(yǔ)音、位置等基本能力,還可以直接使用微信分享、掃一掃、卡券、支付等微信特有的能力,這也意味著微信公眾平臺(tái)將更加開(kāi)放,微信公眾號(hào)的可定制性更加靈活。
對(duì)用戶來(lái)說(shuō),在微信中看到的html5不再局限于簡(jiǎn)單的頁(yè)面展示,而是一個(gè)功能較全面的App,它包含更多的互動(dòng)功能。對(duì)于第三方開(kāi)發(fā)者來(lái)說(shuō),舍棄原生應(yīng)用,專(zhuān)注做好基于微信的html5應(yīng)用,比以往時(shí)候都更容易。而對(duì)企業(yè)來(lái)說(shuō),微信營(yíng)銷(xiāo)將變得更加輕松,企業(yè)與用戶之間的對(duì)接將更加容易。
此外,QQ瀏覽器作為國(guó)內(nèi)第二大瀏覽器,網(wǎng)頁(yè)應(yīng)用的開(kāi)放也在如火如荼地進(jìn)行當(dāng)中。
不過(guò)與此同時(shí),騰訊也在努力打造一個(gè)強(qiáng)大應(yīng)用分發(fā)平臺(tái)——應(yīng)用寶,并通過(guò)綁定微信、手機(jī)QQ、瀏覽器、騰訊手機(jī)衛(wèi)士等全平臺(tái)來(lái)實(shí)現(xiàn)應(yīng)用分發(fā)。今年騰訊在應(yīng)用寶上的發(fā)力讓騰訊在移動(dòng)應(yīng)用分發(fā)的市場(chǎng)份額已經(jīng)上升到了22%,跟360幾乎不相上下。
2、百度
而百度呢,通過(guò)收購(gòu)了91手機(jī)助手、安卓市場(chǎng)以及自家推出的百度手機(jī)衛(wèi)士、百度搜索等,百度在移動(dòng)應(yīng)用分發(fā)上已經(jīng)確立了老大的位置。
但是從百度的戰(zhàn)略發(fā)展來(lái)看,百度更重視html5平臺(tái)的搭建。而且百度在很早之前就已經(jīng)推出了“輕應(yīng)用”這個(gè)概念,百度的這個(gè)輕應(yīng)用本質(zhì)就是html5,并向開(kāi)發(fā)者和企業(yè)推出了各種技術(shù)開(kāi)放接口。
與此同時(shí),百度通過(guò)百度瀏覽器、百度搜索等為這些企業(yè)和用戶提供導(dǎo)流,促使讓用戶保持原有的搜索習(xí)慣,并推出了為企業(yè)服務(wù)的直達(dá)號(hào)。
3、360
360,同樣一方面通過(guò)360手機(jī)助手和360手機(jī)衛(wèi)士在推動(dòng)原生應(yīng)用的發(fā)展,另一方面通過(guò)360搜索和360瀏覽器在加速html5的布局。尤其是在2014年,UC宣布進(jìn)軍移動(dòng)搜索之時(shí),似乎刺激到了360,360也開(kāi)始意識(shí)到了未來(lái)移動(dòng)搜索和瀏覽器入口的重要性,并在去年開(kāi)始大力推360手機(jī)搜索和360手機(jī)瀏覽器。
4、搜狐
1月15日,在手機(jī)搜狐網(wǎng)3.0發(fā)布以及html5技術(shù)研討會(huì)上,搜狐透露,手機(jī)搜狐網(wǎng)3.0就是基于html5技術(shù)。張朝陽(yáng)曾在個(gè)人微博里大力推薦QQ瀏覽器和騰訊X5瀏覽器,其實(shí)張朝陽(yáng)此舉無(wú)非就是想讓用戶更多的使用瀏覽器,而通過(guò)html5技術(shù)搭建的手機(jī)搜狐網(wǎng)內(nèi)容則能夠更好地在瀏覽器上面展示。
大家要知道,搜狐新聞客戶端可是搜狐舉全公司之力打造的一款新聞客戶端,如今張朝陽(yáng)卻在推動(dòng)html5生態(tài)圈的形成,足見(jiàn)張朝陽(yáng)已深知html5大勢(shì)的來(lái)臨。
5、阿里巴巴
全球最大的在線支付平臺(tái),支付寶也正在通過(guò)服務(wù)窗為企業(yè)和用戶之間提供一個(gè)橋梁,而這個(gè)橋梁的應(yīng)用也正是基于支付寶內(nèi)部的html5。
作為國(guó)內(nèi)最大的移動(dòng)瀏覽器,UC瀏覽器同樣也把html5的開(kāi)放放在了重心。目前,UC網(wǎng)頁(yè)應(yīng)用中心的月活躍用戶已經(jīng)超過(guò)了6000萬(wàn),收錄了20大類(lèi)超過(guò)數(shù)萬(wàn)款的輕應(yīng)用,并且國(guó)內(nèi)超過(guò)90%的應(yīng)用開(kāi)發(fā)者都會(huì)通過(guò)UC網(wǎng)頁(yè)應(yīng)用中心來(lái)推廣他們的輕應(yīng)用。
不僅如此,UC神馬搜索也正在開(kāi)始努力打通和輕應(yīng)用的無(wú)縫連接,實(shí)現(xiàn)為輕應(yīng)用與用戶對(duì)接和開(kāi)放更多的流量入口。
從移動(dòng)互聯(lián)網(wǎng)以及巨頭們的戰(zhàn)略發(fā)展變化來(lái)看,不管是360手機(jī)衛(wèi)士、百度手機(jī)衛(wèi)士、豌豆莢還是騰訊手機(jī)衛(wèi)士,移動(dòng)應(yīng)用分發(fā)更多的都只是在為手機(jī)游戲、手機(jī)日常必備工具提供入口和導(dǎo)流。
而對(duì)于巨頭們來(lái)說(shuō),打造一個(gè)真正強(qiáng)大的移動(dòng)入口平臺(tái),html5已經(jīng)變得越來(lái)越重要。同樣對(duì)于企業(yè)和很多開(kāi)發(fā)者們來(lái)說(shuō),借助巨頭的平臺(tái),開(kāi)發(fā)更適合該平臺(tái)的輕應(yīng)用能為自己帶來(lái)更多的流量和資源,實(shí)現(xiàn)對(duì)客戶更好的對(duì)接。
風(fēng)投涌入,HtmL5 下一個(gè)風(fēng)口
早在2010年,專(zhuān)注于HTML5的公司磊友科技獲得了創(chuàng)新工場(chǎng)的天使投資,但當(dāng)時(shí)HTML5本身有一些缺陷,網(wǎng)絡(luò)環(huán)境很差,整個(gè)智能機(jī)的環(huán)境也尚不成熟,做HTML5的公司也只能選擇轉(zhuǎn)型了。然而,去年11月,html5研發(fā)引擎Egret獲得了小米1000萬(wàn)美元的融資,今年 1月21日,創(chuàng)新工場(chǎng)再次投資千萬(wàn)級(jí)人民幣于HTML5 領(lǐng)域的火速輕應(yīng)用。來(lái)自劉曠的獨(dú)家消息,同樣一直在堅(jiān)守H5陣營(yíng)的云適配,也正被推升至投資人關(guān)注的焦點(diǎn),目前將完成該領(lǐng)域內(nèi)一筆更大的融資。
HTML5 的發(fā)展路途雖然曲折,但是堅(jiān)持并且最后成功的人總會(huì)看到常人看不到視角。 “HTML5的未來(lái)是我一直堅(jiān)信的,他也絕對(duì)不是我們只看到的網(wǎng)頁(yè)那么簡(jiǎn)單,他帶來(lái)的改變可能是顛覆性的。” 原微軟瀏覽器核心研發(fā)成員陳本峰說(shuō)。“比如,瀏覽器這個(gè)概念將會(huì)變得完全不同了,未來(lái)我們需要講 WebView,而不是Browser,用戶未來(lái)只要找到一個(gè)H5網(wǎng)頁(yè)內(nèi)容聚合入口,無(wú)需下載便能輕松獲取各種應(yīng)用信息。那如何才能加速這個(gè)環(huán)境的到來(lái), 這就是我們現(xiàn)在開(kāi)發(fā)的跨屏前端框架Amaze UI 在為大家做的。
此外,云適配所推出的Amaze UI框架,以移動(dòng)優(yōu)先,免費(fèi)提供豐富Web組件,來(lái)讓開(kāi)發(fā)者輕松進(jìn)入html5領(lǐng)域,上線幾個(gè)月就已經(jīng)沖上最火爆的國(guó)產(chǎn)開(kāi)源軟件前十,這也許也是他被風(fēng)投關(guān)注的重要原因之一。
不管是巨頭之間的爭(zhēng)奪,還是風(fēng)投的涌入,我們都可以看出html5給創(chuàng)業(yè)者們帶來(lái)了更多的機(jī)會(huì),Html5時(shí)代的到來(lái)將會(huì)對(duì)整個(gè)移動(dòng)互聯(lián)網(wǎng)格局產(chǎn)生巨大的影響,也將引發(fā)一場(chǎng)新的變革。
作者:劉曠,購(gòu)團(tuán)邦資訊創(chuàng)始人,微信公眾號(hào):bangkeji
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。