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學習目錄》