主題
Cocos Creator中圖片演熟、Json等資源的動態(tài)加載
特別說明
CocosCreator微信小游戲開發(fā)系列文章，是我在逐步開發(fā)過程中博肋，基于官方文檔之上坝撑，記錄一些重點內容，以及對官方文檔中有些知識點的補充和分析牵素。
正文
Cocos Creator導入資源方式：
- 將資源文件拷貝到項目資源文件夾下严衬，然后在Cocos Creator窗口就能看到了
- 拖拽資源文件到“資源管理器”面板上
項目中常用的資源有圖片資源、預制資源（Prefab）笆呆、圖集資源请琳、腳本資源、聲音資源赠幕、字體資源俄精、JSON資源、文本資源等榕堰。
1. 靜態(tài)加載
這些資源都可以直接拖動屬性編輯器中綁定賦值竖慧，但是資源的讀取涉及到I/O操作、序列化和反序列化逆屡，如果直接在屬性編輯器中綁定圾旨，那么場景的初始化耗時會非常久，場景間的切換體驗就會非常差魏蔗，雖然CocosCreator提供了延遲加載資源策略砍的，但是我嘗試下來感覺場景的切換還是很慢。
2.動態(tài)加載
動態(tài)加載莺治，即在js腳本文件中廓鞠，需要用到資源時才會異步加載進來，而需要動態(tài)加載的資源需要放在resources目錄下谣旁，使用cc.resources.load方法加載：
//test指的是resources目錄下test.json文件
cc.resources.load("test", function (err, assets) {
if (err) {
cc.log("加載失敶布选：" + err);
}
if (assets instanceof cc.JsonAsset) {
cc.log(assets.json);
...
}
}.bind(this));
//動態(tài)加載圖片img.png
cc.resources.load("img", cc.SpriteFrame, function (err, spriteFrame) {
if (err) {
console.log("加載home_role_失敗：" + err);
}
this.testSpriteFrame = spriteFrame;
this.testSpriteFrame.addRef();
...
}.bind(this));
onDestroy() {
...
//釋放資源
this.testSpriteFrame.decRef();
...
},
加載遠程服務器資源蔓挖，則可以使用cc.assetManager：
cc.assetManager.loadRemote('https://.../game_bgm.mp3', function(err, audio) {
if (err) {
console.log("加載失敗：" + err);
}
if (audio instanceof cc.AudioClip) {
...
}
}.bind(this));
圖集資源是為了提高圖片加載的性能馆衔，將碎片化的圖片資源整合到一張圖片上瘟判，再使用怨绣。比如做幀動畫使用的圖片，他們的內容不基本相似拷获，可以采用生成圖集的方式去使用篮撑。
結尾
既然您看到這了，說明文章對你還有吸引力匆瓜，幫忙點個贊再走吧赢笨，謝謝！
關注我的公眾號「掉隊程序員」驮吱，持續(xù)輸出更多內容茧妒！
自己動手寫，分解項目中的各個模塊需求左冬，通過查文檔和搜索Cocos社區(qū)桐筏，解決碰到的問題，最終在微信上線了下面這款微信小游戲《成語錦衣衛(wèi)》拇砰，歡迎大家掃碼體驗梅忌，并作為參考項目模版，開發(fā)出屬于自己的小游戲
預告
下一節(jié)和朋友們說一說：場景切換和場景間數據傳遞方式（常駐節(jié)點）除破，背景音效（場景切換不暫停）
