近日，蘋果iOS 8系統(tǒng)的發(fā)布引來眾多果粉為之瘋狂，而對于手機(jī)網(wǎng)頁游戲的開發(fā)者而言，iOS 8更帶來了網(wǎng)頁游戲開發(fā)的新潛能。在iOS 8中，Safari開始支持WebGL，相較之前性能較低的Canvas繪圖模式，幀率的數(shù)倍提升將給用戶帶來更加流暢的游戲體驗(yàn)。

作為開源游戲引擎Cocos 2d-x的JavaScript版本，Cocos 2d-JS 順應(yīng)開發(fā)者需求，將默認(rèn)開啟WebGL模式對iOS 8設(shè)備的支持。開啟后游戲無需任何修改，即可直接***支持iOS 8 ＷebGL，享受精靈、動畫、粒子等全方位的渲染性能提升。

➢ 精靈繪制  性能飆升

  當(dāng)一個屏幕中容納2600個圖片精靈同時運(yùn)行時，Cocos 2d-JS支持的iOS 8 WebGL性能比以往Canvas模式有顯著提升，可輕易達(dá)成FPS 60滿幀運(yùn)行（如上圖）。

原Canvas繪制模式下，每秒幀率僅可達(dá)到FPS 10-15（一般而言，頁面幀率低于FPS 30時用戶體驗(yàn)已無法接受），而WebGL的出現(xiàn)圓滿地解決了此項(xiàng)問題——開發(fā)者再也不用單純?yōu)榱诵阅芏ハ拗朴螒蛑械娘@示元素數(shù)量。

經(jīng)測試，若一個屏幕中的精靈數(shù)量進(jìn)一步增加至3000個，Cocos 2d-JS支持的iOS 8 WebGL也可穩(wěn)定達(dá)成FPS 55至60幀的運(yùn)行性能。目前，即便是最暢銷的原生商業(yè)游戲，如《刀塔傳奇》，最多也只需要在同屏中運(yùn)行幾百個元素。

➢ 動畫性能翻番

  在一個屏幕同時運(yùn)行600個動畫的性能測試中，Cocos 2d-JS支持的iOS 8 WebGL 帶來的幀率提升也達(dá)到2倍左右。

➢ 粒子特效  破冰式滿幀支持

而針對原先在iOS Canvas中幾乎無法運(yùn)行、僅一兩百個便卡死的炫酷粒子特效，Cocos 2d-JS 支持的iOS 8 WebGL更將帶來破冰式的FPS 60滿幀運(yùn)行體驗(yàn)，運(yùn)行上千個粒子毫無壓力。

在iPhone 5s設(shè)備上，同屏運(yùn)行1800個粒子的性能測試可達(dá)到FPS 60，同屏運(yùn)行2600個粒子可達(dá)到FPS 30；而在iPhone 5設(shè)備上，同屏運(yùn)行1000個粒子的性能測試可達(dá)到FPS 60，同屏運(yùn)行2600個粒子可達(dá)到FPS 30。這意味著開發(fā)者在游戲中甚至可以全屏使用酷炫的粒子特效，增強(qiáng)游戲的畫面表現(xiàn)力。

除了性能方面的巨大提升，Cocos 2d-JS的屏幕適配策略也將為開發(fā)者帶來便利，***適配iPhone 6的4.7英寸分辨率以及1334*750 屏幕。Cocos 2d-JS團(tuán)隊針對下一個版本v3.1，更新了示例游戲Demo《Moon Warriors》。

（Cocos 2d-JS示例游戲《Moon Warriors》運(yùn)行截圖）

經(jīng)過提升分辨率、美化資源之后，《Moon Warriors》可順暢地運(yùn)行在iOS 8 WebGL上，繪制一幀的時間僅需0.005秒，幀率也輕松保持在FPS 60滿幀，WebGL帶來的***的流暢度將滿足用戶越來越苛刻的游戲體驗(yàn)需求。

據(jù)悉，Cocos 2d-JS v3.1將于10月中下旬正式發(fā)布。屆時，開發(fā)者無需修改任何代碼，就可以享受在iOS 8上的巨大性能提升。WebGL渲染的開啟加上瀏覽器中JavaScript引擎性能的不斷提升，未來的移動Web平臺給人帶來美好的想象空間。Cocos 2d-JS將與iOS 8 WebGL一起為用戶提供全新的流暢體驗(yàn)，為開發(fā)者帶來更為廣闊的發(fā)揮空間。

Cocos 2d-JS快速入門：http://www.cocos2d-x.org/docs/manual/framework/html5/zh

Cocos 2d-JS中文論壇：http://www.cocoachina.com/bbs/thread.php?fid=59