4.1) 如何管理成千上百的資源
在游戲開發的過程中，很有可能會有成千上百張圖片。最直接的方式，是將這些圖片編寫在代碼中，但是圖片的名字很容易改變的，會造成大量的維護工作，甚至影響代碼的打包和發布。我的同事Boris，在他的代碼演示庫中，給出了一個參考實現方式，如下。這種方式，可以保證，在需要修改或者調整資源名稱或者路徑的時候，不需要接觸代碼。
- {
- "assetRoot": "url/to/assets",
- "bundles": [
- {
- "name": "unique bundle name",
- "contents": [
- "relative/path/to/asset.jpg",
- "another/asset.mp3"
- ]
- },
- "autoDownload": true
- }
- var gal = new GameAssetLoader("http://path.to/gal.manifest");
- // Load the GAL. If manifest indicates autoDownload, this call will
- // start loading assets one by one.
- gal.init(function() {
- // Called when the library is initialized
- });
更完整的代碼，可以參考GitHub上的源代碼
4.2) 如何實現批處理的下載
再獲得了資源列表之后，就要開始資源的下載。顯然，需要這樣的方法。
- AssetManager.prototype.downloadAll = function(downloadCallback) {
- for (var i = 0; i < this.downloadQueue.length; i++) {
- var path = this.downloadQueue[i];
- var img = new Image();
- var that = this;
- img.addEventListener("load", function() {
- // coming soon
- }, false);
- img.addEventListener("error", function() {
- // coming soon
- }, false);
- img.src = path;
- }
- }
- <pre>
- 下載的過程中，一般情況下都需要一個進度條，來顯示完成的情況，所以必須對AssetManager進行計數。<strong><strong>
- </strong></strong>
-
- <pre lang="html">
- function AssetManager() {
- this.successCount = 0;
- this.errorCount = 0;
- this.downloadQueue = [];
- }
-
- AssetManager.prototype.isDone = function() {
- return (this.downloadQueue.length == this.successCount + this.errorCount);
- }
- AssetManager.prototype.getProcess = function() {
- return (this.successCount + this.errorCount)/this.downloadQueue.length;
- }
顯然，也需要對每個img的load和error事件，進行計數。還請注意downloadAll函數有個參數叫做downloadCallback，在資源下載完成以后，通知此函數，進入游戲過程中。
- img.addEventListener("load", function() {
- that.successCount += 1;
- if (that.isDone()) {
- downloadCallback();
- }
- }, false);
- img.addEventListener("error", function() {
- that.errorCount += 1;
- if (that.isDone()) {
- downloadCallback();
- }
- }, false
4.3) 游戲中的不同關卡
游戲通常是分關卡的，完全沒有必要在一開始就將游戲的所有資源下載到本地，畢竟不是每個玩家都會將游戲通關。為了按需下載，比較完備的資源加載器，應該可以對每個資源配上一個標簽或者屬性，可以標志它屬于哪一關。每一關的開始，只下載和本關相關聯的資源，在每一關結束的時候，在去下載下一關的資源。不僅減少用戶的不必要的等待時間，還可以有效的減少服務器的壓力。
5.資源加載器的具體實現
5.1 PreloadJS
官方網站：http://www.createjs.com/#!/PreloadJS/download
開源代碼：https://github.com/CreateJS/PreloadJS/
專門用于資源下載的類庫，非常好用，考慮的也非常全面，首先推薦的一款軟件，尤其是讀者不希望加載特別大的游戲引擎是，這款軟件可以作為首選。
具體的例子可以參考：https://github.com/CreateJS/PreloadJS/tree/master/examples
（未完待續）
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。