cocos creater 切割图片创建sprite 的几种方式

最新推荐文章于 2025-02-09 18:33:23 发布

knife1220

最新推荐文章于 2025-02-09 18:33:23 发布

阅读量4.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： cocos creator

本文链接：https://blog.youkuaiyun.com/caideb/article/details/105955225

cocos creator 专栏收录该内容

5 篇文章

订阅专栏

本文介绍在Cocos Creator中如何使用预制节点和自定义节点创建游戏对象，并通过脚本实现资源的加载和使用。包括如何克隆SpriteFrame，设置节点位置、缩放，以及如何从SpriteFrame资源中裁剪所需部分。

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

cc.Class({
    extends: cc.Component,

    properties: {
        resource:{
            default : null,
            type : cc.SpriteFrame,
        },
		
		prefab:{
			default:null,
			type:cc.Prefab
		},
    },

    onLoad: function () {
		this.createNode1();
		this.createNode2();
		
    },
	
	createNode1(){//根据预制节点创建节点
		var node = cc.instantiate(this.prefab);
		var sprite = node.getComponent(cc.Sprite);
		sprite.spriteFrame = this.getSprite(260,360,100,90);
		node.setPosition(100,100);
		this.node.addChild(node);
	},
	
	createNode2(){//新建节点
		var node = new cc.Node();
		var sprite = node.addComponent(cc.Sprite);
		sprite.spriteFrame = this.getSprite(260,270,100,90);
		node.setScale(0.5);
		this.node.addChild(node);
	},
	
	// 获取贴图
    getSprite(x,y,width,height)
    {
        var sprite = this.resource.clone(); // 克隆一张图片
        var tmpRect = new cc.Rect(x,y,width,height);
        sprite.setRect(tmpRect);   // 设置 SpriteFrame 的纹理矩形区域
        return sprite;
    },
	
	
});