cocosCreator 图片和图集的加载

最新推荐文章于 2025-04-30 13:21:00 发布

Fanstasic

最新推荐文章于 2025-04-30 13:21:00 发布

阅读量1.1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： cocoCreator_JS 文章标签： cocosCreator

本文链接：https://blog.youkuaiyun.com/Fanstasic/article/details/88910317

cocoCreator_JS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何在Cocos2d-x中加载不同类型的图片资源，包括本地文件系统中的图片、SpriteAtlas图集中的图片以及从网络加载的图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cc.Class({
    extends: cc.Component,

    properties: {

    },
     onLoad () {
     },
    start () {
        //加载图片
        var spriteNode = cc.find('sprite');
        var loadReCallBack = function(err,sFrame)
        {
         spriteNode.getComponent(cc.Sprite).spriteFrame = sFrame;
        }
        cc.loader.loadRes("head_4",cc.SpriteFrame,loadReCallBack);
        var spriteNode1 = cc.find('SP');

        //加载SpriteAtlas(图集)，并获取其中一张图片
        cc.loader.loadRes('poker_card',cc.SpriteAtlas,function(err,atlas){
        var sp = spriteNode1.getComponent(cc.Sprite);
        sp.spriteFrame = atlas.getSpriteFrame('poke0');
    })
        //加载网络图片
        var url = 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2498043367,2120146601&fm=26&gp=0.jpg';
        var spritNode2 = cc.find('SP1');
        cc.loader.load(url,function(err,texture){        
            var sp1 = spritNode2.getComponent(cc.Sprite);           
            var sFrame =new cc.SpriteFrame(texture,new cc.Rect(0,0,texture.width,texture.height),false,cc.Vec2.ZERO,new cc.Size(1080,760));
            sp1.spriteFrame = sFrame;
           // cc.loder.setAutoRelease(audioUrl, true);
        })
    },
});