image加载图片 ui unity_CocosCreator动态加载资源学习记录

最新推荐文章于 2025-05-16 07:57:04 发布

原创最新推荐文章于 2025-05-16 07:57:04 发布 · 171 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#image加载图片 ui unity

本文介绍了如何在游戏开发中动态加载prefabs、SpriteFrames、SpriteAtlases，包括通过cc.resources和cc.assetManager实现的资源加载与实例化。涉及了远程URL图片加载、文件类型指定以及资源预加载等关键操作。

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

动态加载resources里资源

加载预制件并实例化

start(){        
         cc.resources.load("games/game01/prefabs/_windowTip",function(err,prefab){
         var newnode=cc.instantiate(prefab);
         cc.director.getScene().addChild(newnode);
         newnode.setPosition(cc.v2(960,540));
         });
   },

加载SpriteFrame

start(){
   var self = this;
   cc.resources.load("games/image", cc.SpriteFrame, function (err, spriteFrame) {
   self.node.getComponent(cc.Sprite).spriteFrame = spriteFrame;
});
},

加载图集获取其中的一个 SpriteFrame

  start(){
           var self=this;
           cc.resources.load("hall/textures/unity/unity",cc.SpriteAtlas,function(err,atls){
             var frame=atls.getSpriteFrame("unity_rank");
             self.sprite.spriteFrame=frame;
            });
        },

批量加载资源 cc.resources.loadDir
资源预加载 cc.resources.preload
加载远程 url 带图片后缀名

 start(){
        var remoteUrl ="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1942783278,2082140028&fm=26&gp=0.jpg";
        cc.assetManager.loadRemote(remoteUrl, function (err, texture) {
           var  _spriteFrame=new  cc.SpriteFrame(texture);
           this.sprite.spriteFrame=_spriteFrame;
        }.bind(this));      
    },

运行显示结果

加载远程 url 不带图片后缀名，此时必须指定远程图片文件的类型

 start(){
        var remoteUrl ="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1942783278,2082140028&fm=26&gp=0";
        cc.assetManager.loadRemote(remoteUrl,{ext:".jpg"}, function (err, texture) {
           var  _spriteFrame=new  cc.SpriteFrame(texture);
           this.sprite.spriteFrame=_spriteFrame;
        }.bind(this));      
    },