7月28日，2016CGDC(中國(guó)游戲開發(fā)者大會(huì))在第十四屆ChinaJoy展會(huì)期間盛大開幕。白鷺時(shí)代聯(lián)合創(chuàng)始人馬鑒，在大會(huì)上作主題為《手機(jī)頁(yè)游的3D時(shí)代》的重要演講，向行業(yè)分享HTML5相關(guān)技術(shù)發(fā)展歷程，現(xiàn)狀以及未來(lái)展望，同時(shí)發(fā)布了備受業(yè)界關(guān)注的Egret引擎3D功能。
HTML5游戲與WebGL技術(shù)發(fā)展歷史與現(xiàn)狀
演講開篇，馬鑒即在大會(huì)上分享了兩個(gè)DEMO，均為在真實(shí)手機(jī)操作環(huán)境下的場(chǎng)景。不難看出，目前占據(jù)市場(chǎng)主流的2D HTML5游戲與使用Egret 3D引擎開發(fā)制作的DEMO，不論是在性能還是效果上，使用Egret 3D引擎制作的DEMO都有更優(yōu)秀的表現(xiàn)。
3D DEMO觀看地：http://v.youku.com/v_show/id_XMTY2MDI0NjIyNA==.html
隨后，馬鑒在演講中與參會(huì)者們一道，回顧了HTML5技術(shù)、手機(jī)頁(yè)游以及移動(dòng)WebGL的發(fā)展歷程。馬鑒演講中講到，HTML5技術(shù)隨著Canvas 2D渲染技術(shù)的成熟，以及標(biāo)準(zhǔn)定稿，自2014年起迎來(lái)快速發(fā)展，并且催生了HTML5游戲與相關(guān)移動(dòng)內(nèi)容的爆發(fā)。而WebGL雖然起步較晚，不過(guò)從2010年開始便進(jìn)入到快速進(jìn)化階段，到2016年，隨著白鷺時(shí)代Egret 3D引擎的逐漸成熟，以及大量應(yīng)用場(chǎng)景開放對(duì)WebGL的支持，從而讓HTML5正式迎來(lái)WebGL新時(shí)代。目前，在不同系統(tǒng)和平臺(tái)，開放對(duì)WebGL支持的場(chǎng)景比重，已經(jīng)高達(dá)90.4%。
作為HTML5技術(shù)當(dāng)前應(yīng)用最為廣泛的領(lǐng)域，手機(jī)頁(yè)游目前已經(jīng)逐漸成為移動(dòng)游戲市場(chǎng)重要的組成部分。馬鑒講到，從《圍住神經(jīng)貓》3天500用戶締造1億PV的奇跡開始，到《愚公移山》超過(guò)3000萬(wàn)用戶，并且流水超過(guò)1500萬(wàn);再到《暗黑之王》上線首日即破220萬(wàn)流水，ARPU值高達(dá)17.23;直至當(dāng)下《艾爾德冒險(xiǎn)》取得App Store付費(fèi)榜第1免費(fèi)榜第20的成績(jī)，手機(jī)頁(yè)游不但證明了HTML5技術(shù)可以廣泛應(yīng)用于移動(dòng)游戲，同時(shí)也證明它自身強(qiáng)大的盈利和商業(yè)化能力。
Egret引擎3D新功能為HTML5開發(fā)者帶來(lái)福音
正是得益于移動(dòng)WebGL技術(shù)的成熟和廣泛的支持，加之HTML5游戲市場(chǎng)愈發(fā)火爆和成熟，白鷺時(shí)代在2015年即推出了3D引擎，并在本次ChinaJoy大會(huì)上發(fā)布了最新功能。在演講中，馬鑒對(duì)全新的Egret引擎3D功能，進(jìn)行了詳細(xì)的技術(shù)解讀。
馬鑒稱，全新的Egret 引擎在3D功能方面，主要從模型系統(tǒng)、材質(zhì)系統(tǒng)、燈光系統(tǒng)、動(dòng)畫系統(tǒng)和粒子系統(tǒng)五個(gè)模塊進(jìn)行了大量新增和升級(jí)優(yōu)化。
在模型系統(tǒng)中，開放全新的FBX文件格式，新增Support Normal模型頂點(diǎn)法線，為光照和特效提供數(shù)據(jù)儲(chǔ)備，新增Navmesh導(dǎo)航尋路網(wǎng)格模型，用于做尋路原數(shù)據(jù)和高低地形揀選使用，具有尋路數(shù)級(jí)量少和快速的特點(diǎn)。同時(shí)為了提升開發(fā)者效率，還增加了Support Tangent、Support Vertex cloralpha、SkinMesh、MorphMesh等頂點(diǎn)數(shù)據(jù)參數(shù)。
材質(zhì)系統(tǒng)方面，新增Smart Shader，可以根據(jù)用戶設(shè)置自動(dòng)生成Shader。同時(shí)在材質(zhì)球功能中增加Effect Method通道，從而方便材質(zhì)球的擴(kuò)展。每個(gè)材質(zhì)球?yàn)榱嗣佬g(shù)渲染效果，可以有無(wú)數(shù)個(gè)渲染通道，而在材質(zhì)球中，可以根據(jù)開發(fā)者偏好，靈活動(dòng)態(tài)的修改替換渲染方式。
隨后馬鑒介紹到燈光系統(tǒng)，他講到，全新Egret 3D功能的燈光系統(tǒng)，主要是增加了可編輯光照模型，優(yōu)化Lightmap光照烘焙，同時(shí)開放HDR光照貼圖的支持。如此一來(lái)在游戲中，將可以以犧牲少量?jī)?nèi)存的方式，大幅提升渲染畫面的質(zhì)量和性能。
動(dòng)畫系統(tǒng)和粒子系統(tǒng)，作為Egret引擎中重要的功能，在本次迭代中，增加了3D游戲開發(fā)的標(biāo)準(zhǔn)配置，即快速GPU蒙皮動(dòng)畫。同時(shí)還有專屬于Egret 3D的特色功能——多功能屬性動(dòng)畫，可編輯曲線式動(dòng)畫設(shè)計(jì)，從而滿足美術(shù)巨大動(dòng)畫編輯的需求，并且在其中加入時(shí)間事件響應(yīng)，為可豐富的動(dòng)畫內(nèi)容提供底層驅(qū)動(dòng)。在粒子系統(tǒng)上增加了GPU粒子動(dòng)畫系統(tǒng)，大幅釋放GPU負(fù)載，主動(dòng)調(diào)動(dòng)顯卡進(jìn)行數(shù)據(jù)計(jì)算，從而讓粒子驅(qū)動(dòng)在理論上達(dá)到百萬(wàn)數(shù)量級(jí)。
除了以上部分的重點(diǎn)更新和優(yōu)化，Egret 3D還針對(duì)原生WebGL Shader和紋理做了優(yōu)化，利用Mrt渲染器實(shí)現(xiàn)延遲渲染燈光，后期處理特效等功能。馬鑒稱，雖然升級(jí)幅度很大，但是全新的Egret 3D API仍舊與2D引擎在語(yǔ)法結(jié)構(gòu)上保持相似，并且提供完備的學(xué)習(xí)資料和中文文檔。
Egret 3D引擎或開啟HTML5 游戲發(fā)展新紀(jì)元
“利用Egret 3D引擎，3名工程師、2位沒(méi)事、1位技術(shù)美術(shù)總歸6個(gè)工作人員，花費(fèi)23天即可制作出高品質(zhì)的3D HTML5游戲，成本優(yōu)勢(shì)無(wú)可匹敵”，馬鑒演講中強(qiáng)調(diào)。目前，Egret 3D已經(jīng)達(dá)到理論上的性能極限，即同屏超過(guò)200個(gè)靜態(tài)物體渲染，同屏超過(guò)100個(gè)蒙皮骨骼動(dòng)畫已經(jīng)超過(guò)10萬(wàn)的例子渲染。
馬鑒講到，相較于原生游戲市場(chǎng)成熟的Unity 3D，WebGL 3D與其之間最大的距離主要集中在物理系統(tǒng)、性能和工作流的完善度上。不過(guò)隨后馬鑒強(qiáng)調(diào)，雖然業(yè)界目前擁有3D 手機(jī)頁(yè)游開發(fā)完整工作流的企業(yè)屈指可數(shù)，但是白鷺時(shí)代在這一領(lǐng)域目前已經(jīng)趨于完善，而與原生的性能相比較，也已經(jīng)縮減到非常小的差距。
那么對(duì)于未來(lái)，3D手機(jī)頁(yè)游在技術(shù)層面應(yīng)該如何發(fā)展呢?對(duì)此馬鑒從技術(shù)角度進(jìn)行了深度展望。他表示，在API方向上，主要是向高級(jí)API、物理渲染和引擎、游戲功能API的方向發(fā)展;在工具層面，需要實(shí)現(xiàn)組件可開發(fā)和可視化創(chuàng)作，從而提升效率;在渲染上則是快速進(jìn)化到WebGL 2.0。
在演講的最后，馬鑒稱，隨著技術(shù)逐步成熟，Egret 3D引擎會(huì)使得HTML5將有機(jī)會(huì)在更廣闊的領(lǐng)域，譬如模型展示、高性能動(dòng)畫乃至廣告等商業(yè)活動(dòng)中，實(shí)現(xiàn)廣泛而高效的應(yīng)用。
