
HTML5游戲與WebGL技術發展歷史與現狀
演講開篇,馬鑒即在大會上分享了兩個DEMO,均為在真實手機操作環境下的場景。不難看出,目前占據市場主流的2D HTML5游戲與使用Egret 3D引擎開發制作的DEMO,不論是在性能還是效果上,使用Egret 3D引擎制作的DEMO都有更優秀的表現。
3D DEMO觀看地:http://v.youku.com/v_show/id_XMTY2MDI0NjIyNA==.html




隨后,馬鑒在演講中與參會者們一道,回顧了HTML5技術、手機頁游以及移動WebGL的發展歷程。馬鑒演講中講到,HTML5技術隨著Canvas 2D渲染技術的成熟,以及標準定稿,自2014年起迎來快速發展,并且催生了HTML5游戲與相關移動內容的爆發。而WebGL雖然起步較晚,不過從2010年開始便進入到快速進化階段,到2016年,隨著白鷺時代Egret 3D引擎的逐漸成熟,以及大量應用場景開放對WebGL的支持,從而讓HTML5正式迎來WebGL新時代。目前,在不同系統和平臺,開放對WebGL支持的場景比重,已經高達90.4%。


作為HTML5技術當前應用最為廣泛的領域,手機頁游目前已經逐漸成為移動游戲市場重要的組成部分。馬鑒講到,從《圍住神經貓》3天500用戶締造1億PV的奇跡開始,到《愚公移山》超過3000萬用戶,并且流水超過1500萬;再到《暗黑之王》上線首日即破220萬流水,ARPU值高達17.23;直至當下《艾爾德冒險》取得App Store付費榜第1免費榜第20的成績,手機頁游不但證明了HTML5技術可以廣泛應用于移動游戲,同時也證明它自身強大的盈利和商業化能力。
Egret引擎3D新功能為HTML5開發者帶來福音
正是得益于移動WebGL技術的成熟和廣泛的支持,加之HTML5游戲市場愈發火爆和成熟,白鷺時代在2015年即推出了3D引擎,并在本次ChinaJoy大會上發布了最新功能。在演講中,馬鑒對全新的Egret引擎3D功能,進行了詳細的技術解讀。
馬鑒稱,全新的Egret 引擎在3D功能方面,主要從模型系統、材質系統、燈光系統、動畫系統和粒子系統五個模塊進行了大量新增和升級優化。
在模型系統中,開放全新的FBX文件格式,新增Support Normal模型頂點法線,為光照和特效提供數據儲備,新增Navmesh導航尋路網格模型,用于做尋路原數據和高低地形揀選使用,具有尋路數級量少和快速的特點。同時為了提升開發者效率,還增加了Support Tangent、Support Vertex cloralpha、SkinMesh、MorphMesh等頂點數據參數。

材質系統方面,新增Smart Shader,可以根據用戶設置自動生成Shader。同時在材質球功能中增加Effect Method通道,從而方便材質球的擴展。每個材質球為了美術渲染效果,可以有無數個渲染通道,而在材質球中,可以根據開發者偏好,靈活動態的修改替換渲染方式。
隨后馬鑒介紹到燈光系統,他講到,全新Egret 3D功能的燈光系統,主要是增加了可編輯光照模型,優化Lightmap光照烘焙,同時開放HDR光照貼圖的支持。如此一來在游戲中,將可以以犧牲少量內存的方式,大幅提升渲染畫面的質量和性能。
動畫系統和粒子系統,作為Egret引擎中重要的功能,在本次迭代中,增加了3D游戲開發的標準配置,即快速GPU蒙皮動畫。同時還有專屬于Egret 3D的特色功能——多功能屬性動畫,可編輯曲線式動畫設計,從而滿足美術巨大動畫編輯的需求,并且在其中加入時間事件響應,為可豐富的動畫內容提供底層驅動。在粒子系統上增加了GPU粒子動畫系統,大幅釋放GPU負載,主動調動顯卡進行數據計算,從而讓粒子驅動在理論上達到百萬數量級。
除了以上部分的重點更新和優化,Egret 3D還針對原生WebGL Shader和紋理做了優化,利用Mrt渲染器實現延遲渲染燈光,后期處理特效等功能。馬鑒稱,雖然升級幅度很大,但是全新的Egret 3D API仍舊與2D引擎在語法結構上保持相似,并且提供完備的學習資料和中文文檔。
Egret 3D引擎或開啟HTML5 游戲發展新紀元
“利用Egret 3D引擎,3名工程師、2位沒事、1位技術美術總歸6個工作人員,花費23天即可制作出高品質的3D HTML5游戲,成本優勢無可匹敵”,馬鑒演講中強調。目前,Egret 3D已經達到理論上的性能極限,即同屏超過200個靜態物體渲染,同屏超過100個蒙皮骨骼動畫已經超過10萬的例子渲染。
馬鑒講到,相較于原生游戲市場成熟的Unity 3D,WebGL 3D與其之間最大的距離主要集中在物理系統、性能和工作流的完善度上。不過隨后馬鑒強調,雖然業界目前擁有3D 手機頁游開發完整工作流的企業屈指可數,但是白鷺時代在這一領域目前已經趨于完善,而與原生的性能相比較,也已經縮減到非常小的差距。
那么對于未來,3D手機頁游在技術層面應該如何發展呢?對此馬鑒從技術角度進行了深度展望。他表示,在API方向上,主要是向高級API、物理渲染和引擎、游戲功能API的方向發展;在工具層面,需要實現組件可開發和可視化創作,從而提升效率;在渲染上則是快速進化到WebGL 2.0。
在演講的最后,馬鑒稱,隨著技術逐步成熟,Egret 3D引擎會使得HTML5將有機會在更廣闊的領域,譬如模型展示、高性能動畫乃至廣告等商業活動中,實現廣泛而高效的應用。

