cocosCreator 图片和图集的加载

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);
        })
    },
});

 

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cocos Creator是一款流行的游戏开发引擎,其中使用了图集(Sprite Atlas)来优化游戏资源的加载和渲染。图集是将多个小图片(Sprite)打包成一个大图的过程,使得游戏在运行时只需要加载一个大图,从而提高了游戏的性能和加载速度。 那么,如何在Cocos Creator中对图集进行还原呢?首先,用户需要在Cocos Creator的资源管理器中找到已经创建好的图集资源文件。然后,在资源管理器中双击打开图集资源,在弹出的图集编辑器界面中,可以看到所有包含的小图片以及它们的属性和位置信息。 用户可以根据自己的需求和设计来进行图集的还原操作。首先,可以选择需要还原的小图片,然后点击编辑按钮,即可对该小图片进行操作,如调整位置、修改属性等。还可以通过拖拽来调整小图片的位置,以及使用旋转和缩放功能对小图片进行变换操作。 另外,在还原图集时,用户还可以选择添加新的小图片图集中。在图集编辑器界面的右侧面板中,可以找到一个资源库,其中包含了项目中的所有图片资源。用户只需要从资源库中选择并拖拽需要添加的图片图集中,即可完成新图片的添加操作。 完成所有还原操作后,用户需要点击保存按钮来保存图集的修改。接着,在项目的代码中,可以直接使用图集资源的名称来加载和使用图集中的小图片。这样,在游戏运行时,Cocos Creator会自动加载和渲染图集,并使用其中的小图片来进行游戏的绘制。 总结起来,Cocos Creator中的图集还原可以通过资源管理器和图集编辑器来完成。用户可以对图集中的小图片进行调整和添加操作,然后保存修改并在游戏中使用。这样可以优化游戏资源加载和渲染效率,提升游戏的性能和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值