白鷺快游戲如何實(shí)現(xiàn)加載文本和二進(jìn)制文件,白鷺游戲開(kāi)發(fā)入門

白鷺快游戲如何實(shí)現(xiàn)加載文本和二進(jìn)制文件

需求背景：

白鷺加載資源主要使用 egret.HttpRequest 類。該類封裝了在異步加載資源和通訊方面作為H5標(biāo)準(zhǔn)的 XMLHttpRequest 對(duì)象。

本文講解的主要是加載靜態(tài)文件，分為兩種類型：文本和二進(jìn)制數(shù)據(jù)。加載靜態(tài)文件的特點(diǎn)是可以進(jìn)行進(jìn)度跟蹤。

需求實(shí)現(xiàn)：

1.加載文本

HttpRequest 對(duì)象最核心的方法就是 open() 和 send() 。 open() 方法接收該請(qǐng)求所要訪問(wèn)的URL。作為可選項(xiàng)還可以通過(guò)加載方式，這個(gè)參數(shù)通常用 HttpMethod 取常量，成為最常用的GET方式。

在加載完成時(shí)，通過(guò) HttpRequest 對(duì)象的 response 屬性來(lái)獲取返回的數(shù)據(jù)。

加載文本數(shù)據(jù)的方法如下：

var url = resource/config/description.json;font/font

var request:egret.HttpRequest = new egret.HttpRequest();font/font

var respHandler = function( evt:egret.Event ):void{font/font

switch ( evt.type ){font/font

   case egret.Event.COMPLETE:font/font

     var request:egret.HttpRequest = evt.currentTarget;font/font

     console.log( respHandler:n, request.response );font/font

     break;font/font

   case egret.IOErrorEvent.IOERROR:font/font

     console.log( respHandler io error );font/font

     break;font/font

}font/font

}font/font

var progressHandler = function( evt:egret.ProgressEvent ):void{font/font

console.log( progress:, evt.bytesLoaded, evt.bytesTotal );font/font

}font/font

request.once( egret.Event.COMPLETE, respHandler, null);font/font

request.once( egret.IOErrorEvent.IOERROR, respHandler, null);font/font

request.once( egret.ProgressEvent.PROGRESS, progressHandler, null);font/font

request.open( url, egret.HttpMethod.GET ); font/font

request.send( );

HttpRequest 默認(rèn)的加載類型是TEXT，因此不需要專門設(shè)置。

需要偵聽(tīng)聽(tīng)的主要事件是 COMPLETE ，從這里獲取數(shù)據(jù)。

要考慮意外的情況，在IOERROR做這些情況的處理。

加載進(jìn)度事件是 ProgressEvent.PROGRESS ，在加載內(nèi)容中大的資源時(shí)比較有用。

2.加載二進(jìn)制

加載二進(jìn)制數(shù)據(jù)的方法如下：

var url = resource/assets/egreticon.png;font/font

var request:egret.HttpRequest = new egret.HttpRequest();font/font

request.responseType = egret.HttpResponseType.ARRAYBUFFER;font/font

var respHandler = function( evt:egret.Event ):void {font/font

switch ( evt.type ){font/font

   case egret.Event.COMPLETE:font/font

     var request:egret.HttpRequest = evt.currentTarget;font/font

     var ab:ArrayBuffer = request.response;font/font

     console.log( respHandler:n, ab.byteLength );font/font

     break;font/font

   case egret.IOErrorEvent.IOERROR:font/font

     console.log( respHandler io error );font/font

     break;font/font

}font/font

}font/font

request.once( egret.Event.COMPLETE, respHandler, null);font/font

request.once( egret.IOErrorEvent.IOERROR, respHandler, null);font/font

request.open( url, egret.HttpMethod.GET );font/font

request.send( );

加載二進(jìn)制數(shù)據(jù)，先設(shè)置 的加載類型為 。數(shù)據(jù)加載完成后可從 屬性取到 對(duì)象，即可進(jìn)行進(jìn)一步讀取操作。 HttpRequestARRAYBUFFER

responseArrayBuffer

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。