Cocos Creator學習六：加載/釋放圖片資源

1.目的：學習加載圖片資源、使用圖片資源建立對象以及釋放圖片資源。

 

2.注意事項以及主要函數：

①注意事項：使用loadRes函數，資源必須放置在assets下的resources文件夾下(默認沒有resources文件夾，須要本身建立；不僅是圖片，全部的資源都應該放置在resources文件夾或者子文件夾下)。

②加載資源函數：cc.loader.loadRes(無後綴文件路徑，文件類型，回調函數)。須要注意的是，該函數爲異步加載函數。

③釋放資源函數：cc.loader.releaseRes(無後綴文件路徑，文件類型）。

 

3.加載圖片並使用圖片資源建立對象：

 

        cc.loader.loadRes("imgs/star", cc.SpriteFrame, (err, res) => { //加載錯誤則報錯
            if (err) { console.error(err); return; } //建立一個使用圖片資源的新節點對象
            let starNode = new cc.Node(); //建立一個新節點
            starNode.name = "star1"; starNode.setPosition(this.w / 2 + Math.random()*100, this.h / 2 + Math.random()*100); //建立隨機的位置
            let starSprite = starNode.addComponent(cc.Sprite); //增長精靈組件
            starSprite.spriteFrame = res; //設置精靈組件圖片資源
            cc.director.getScene().addChild(starNode); //場景中增長新節點
        });

 

4.釋放圖片資源(通常在場景切換中進行)

cc.loader.releaseRes("imgs/star", cc.SpriteFrame); //圖片資源釋放

 

PS：

1.測試環境v2.0.5+win10

2.測試代碼下載地址：https://files-cdn.cnblogs.com/files/chevin/CocosCreatorBlog06.zip

以上。

 

《Cocos Creator學習目錄》