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

通过cocos裁切图片,将大图分为小图 游戏要用动画,美工还没做出来,于是,从网上找来了几张图,不过图是JavaME时代的图,动画都是靠裁切来显示的,于是想将大图分割成小图来用。 图片规格:图中每个小图的大小是相等的,基本上都是正行,整列的。 上代码: const char * CutNormalImage::IMAGE_FORMAT_NAME = "image_ (%d).png" ; const char * pSav 阅读详情
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;
    },
	
	
});

 

Cocos游戏开发中的动态切割图片 关于游戏的其他实现方法欢迎和笔者一起探讨。本文源工程在文中获取,小伙伴们自行前往。更多实用源码可通过阅读原文搜索"亿元程序员在游戏开发中,我们时常需要站在巨人的肩膀上麒麟子大神的知识星球聚焦问题、深度交流、一对一提问分享商业机会、交流变现心得分享社群独家干货信息使你获得技术与商业双修精进总的来说,星球的目标提供优质内容,让你更加优秀。感兴趣的小伙伴可以扫码了解和捧场。72小时内随时退款,试试未尝不可!点击直达,我在里面等你。我是"亿元程序员",一位有着8年游戏行业经验的主程。 阅读详情

相关推荐

生命周期 以及 对于预制体(Prefab)的初始化

生命周期 onLoad ===> onEnable ===> start ===> update ===> lateUpdate ===> onDisable ===> onDestroy 预制体(Prefab)的生命周期以及自定义初始化函数的调用顺序 注:onLoad回调会在节点首次激活时触发 先自定义初始化后添加节点到场景(不推荐) ...

wasdref的专栏 1260

CocosCreator 基于Assembler实现的图片切割破碎效果及自定义遮罩

更多笔记,请关注公众号: Cocos引擎源码位于CocosCreator.app/Contents/Resources/engine/cocos2d/(Mac版本), 以下使用CocosEngine代替路径 效果展示 1, 自定义渲染组件—TexturePlus 2, 实现自定义多边形渲染范围 =========== 3, 图片切割效果 =========== 4, 图片破碎效果 =========== 5, 碎片掉落效果 =========== 浅析Assember 源码路径位于 Coco

Valiancer 5836

cocos2dx plist大图分割成小图片脚本

Flash版本和Zwoptex 版本都支持 1 安装python 2 例子:命令行输入 python PlistToPngFormat0.py D:\test\call (call即为plist文件名称)

cocos精灵切割,帧动画,animation

使用cocos3.8,目前我是没有发现自带的切割啦,有试过找网上的代码切割,发现我自己实现不了兜兜转转的验证了半天,并没有发现像unity对精灵的切割处理,tm的是unity好用一百倍,但是如果你是个人开发的话还是推荐使用cocos(Godot我自己并没有用过,不知道怎么样)

m0_61447433的博客 1794

一键拆分Plist、Egret、Laya图集,将图集分成小图

python脚本,一键将Plist图集、Egret图集、Laya图集分解成小图,使用方便,使用更快捷方便。分解Cocos的&Plist资源,Egret跟Laya的&Json资源。一键点击即可完成了操作,带使用教程说明,老手请勿喷!

WorkBuddy 实战:从聊天窗口到 AI 工作台,打造个人自动化助理

大模型时代,对话式 AI 常被当作高级搜索框,难以沉淀为生产力。其根源在于上下文断裂——每次对话都从零开始。AI Agent 的核心原理是通过状态保持、工具调用与流程复用,将临时交互固化为可重复的协作机制。WorkBuddy 作为个人 AI 工作台,以 Agent + Skill + 工作流架构解决该问题:Skill 封装操作手册,工作区沉淀知识上下文,自定义指令约束输出风格。这种设计让周报生成、会议纪要、文档初稿、专利检索辅助等重复劳动实现流程化自动产出。掌握 WorkBuddy 怎么用,关键在于从自己重

weixin_33834910的博客 335

Cocos Creator 剪裁精灵图片方法记录(7)

最近拿到一些图片资源,但是都需要自己手动切割。类似unity的话有专门点击精灵工具自动帮你切割了,但是目前没有找到cocos中有这种工具。所以记录一下相关方法、

lazy_tomato的博客 1458

在树莓派上部署训练好的YOLO模型

.pt.模型转换为onnx格式的模型,树莓派上部署模型

pai_da_xing8的博客 3887

CocosCreator之图像资源的自动剪裁

图像资源的自动剪裁 导入图像资源后生成的 SpriteFrame 会进行自动剪裁,去除原始图片周围的透明像素区域。这样我们在使用 SpriteFrame 渲染 Sprite 时,将会获得有效图像更精确的大小。 Sprite 组件剪裁相关设置详解 和图片裁剪相关的Sprite组件设置有以下两个: Trim勾选后将在渲染 Sprite 图像时去除图像周围的透明像素,我们将看到刚好能把图像包裹住的约束框。取消勾选,Sprite 节点的约束框会包括透明像素的部分。只在 Type 设置为 Simpl...

码之有道 3878

TI电机驱动应用中MOSFET选型完整指南

深入解析TI电机驱动设计中MOSFET的选型关键,涵盖参数匹配、热性能与开关效率,帮助工程师优化系统性能并提升能效,是掌握MOSFET应用的核心参考。

weixin_42263617的博客 1270

STM32驱动AD2S1210实现旋变解码与角度读取

旋转变压器作为一种耐高温、抗振动的角度传感器,在工业伺服、机器人关节和电动汽车电驱等场景中占据重要地位。其输出信号需要经过专用转换芯片处理才能被MCU高效使用。AD2S1210是一款典型的旋变数字转换器(RDC),内部采用Type II型跟踪环,将模拟SIN/COS信号实时解算为数字角度与速度,降低了处理器负担并提升抗干扰能力。本文基于STM32平台,详细介绍了AD2S1210的硬件接线、SPI通信配置、寄存器初始化流程,以及读取位置数据时的SAMPLE脉冲时序等关键实现。同时总结了常见故障如全FF、角度跳

weixin_34194829的博客 194

使用 mesh 实现多边形裁剪图片!Cocos Creator!

和 mask 裁剪图片说拜拜,用上高性能的 shader 。文章底部获取完整代码!效果预览:使用方法:创建一个空节点添加用户脚本组件mesh-texture-mask添加图片添加修改多...

奎特尔星球 2493

RANSAC地面点分割:从原理到C++实战优化

本文深入解析RANSAC算法在点云地面分割中的原理与C++实战优化,涵盖动态迭代次数、自适应阈值等关键技巧,通过并行计算和内存访问优化提升性能,适用于激光雷达点云处理。

weixin_29015051的博客 277

CocosCreator之KUOKUO带你做物理切割(第二部分)

摘要 物理切割第二部分,切割多个物体,利用 Mask 切割图片! 正文 使用版本 CocosCreator 版本 2.1.3 最终效果 多切割原理 通过上一部分的教程,我们已经知道了单切割的原理,但是很显然,KUOKUO 的第一篇博客显得不通用,只能切割一个物体。那么如何切割多个物体呢? 第一步:分类,将不同碰撞体的点放入一个数组 第二步:排除,将同碰撞体内部的点干掉 第三步:排序,按照顺...

kuokuo666的博客 2802

小程序设计中的区块链应用:数字藏品实现

本文旨在为开发者提供在小程序中实现区块链数字藏品功能的完整技术方案。区块链与数字藏品的基础概念智能合约的设计与实现小程序与区块链的交互方式数字藏品的完整实现流程文章将从基础概念入手,逐步深入到技术实现层面,最后通过完整项目案例展示数字藏品在小程序中的实现方式。每个技术点都会配合代码示例和架构图进行说明。区块链:一种分布式数据库技术,通过加密算法保证数据不可篡改数字藏品:基于区块链技术的数字资产,具有唯一性和可验证性NFT。

小程序开发 1351

大模型角色提示词写得再严密,也能被绕过?我用攻击者思维把自己吓了一跳!

很多人以为提示词是“只要写清楚了,模型就能理解”,但实际上——模型并不具备严格的规则意识,它只是在预测下一句话。所以我们必须从“攻防”角度出发,设计更强的防护机制。我这次就是亲身踩坑,用红队思维模拟攻击,才意识到原来提示词注入这么容易中招。你如果也在做 AI 应用、角色系统、提示词驱动的功能,建议你也用类似方式测试一下,不然被绕了都不知道。

代码简单说 Vue、JAVA、PHP、Node.js 熟练运用,接口、架构、性能全搞定。 1026

cocos creator 2.1.1 版本不使用mask对图片进行裁切

cocos creator 2.1.1 版本不使用mask对图片进行裁切 因项目需求需要在不增加drawcall的情况下将一整张图裁切成N个小图片。 原理 因为不能增加drawcall所以我们不能使用mask组件。但我们可以从SpriteFrame下手,SpriteFrame其实是Texture + Rect 得到的。知道这个原理我们可以着手下一步了。 代码 我们可以创建多个有相同texture的...

weixin_43995470的博客 1416

ABAP Bits and Bytes 完全参考,理解内存、字节、位运算与类型解释

ABAP开发中业务代码与底层字节处理的差异:业务层关注采购订单、会计凭证等语义信息,而接口开发需处理十六进制、位运算等底层操作。文章通过整数变量示例说明同一段字节在不同类型解释下会呈现不同值,并介绍x类型、位运算及类型转换的实际应用。这些知识在文件接口、加密传输等场景中尤为重要,开发者需注意字节序、编码等问题。建议将底层协议处理与业务逻辑分离,以保持代码清晰和可维护性。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 142

cocos-creator调用类以及克隆物体

第一步:导入类 1.这是MyGame类,导入Player类 var mg={}; mg.player=require("Player"); mg.Height=100; module.exports=mg; 第二步:创建对象,在MyScene中 //需要在cc.class之前导入 var MyGame=require("MyGame"); start () { /...

piyixia的博客 3293

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

CocosCreator之KUOKUO带你做物理切割(第一部分)

摘要 有趣的物理小游戏总能让小伙伴们爱不释手,而 CocosCreator 的内置物理引擎让其开发变得更加简单。今天 KUOKUO 就为大家带来物理切割,从零开始做出切割单个物体! 正文 使用版本 CocosCreator 版本 2.1.3 最终效果 层级管理 如图,在层级管理器中有 3 部分:画布,物理层,绘图层。其中画布只是作为触摸节点,绘图层用于绘制红线,物理层中放入物理刚体。脚本有三个...

kuokuo666的博客 3740

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

Cocos Creator | 使用 mesh 实现多边形裁剪图片!

和 mask 裁剪图片说拜拜,用上高性能的 shader 。文章底部获取完整代码!one1效果预览two2主页下方列表选项如何实现使用方法:创建一个空节点添加用户脚本组件mesh-texture-mask添加图片添加修改多边形顶点坐标three3实现原理创建meshmesh是什么?mesh是决定一个物体形状的东西。例如在二维中可以是正方形、圆形、三角形等;在三维中可以是正方体、球体...

Cocos的博客 754

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

cocos creater TS Sprite修改SpriteFrameRect沒立即有效

cocos creater Sprite

B153522278的专栏 604

cocos2dx精灵裁剪显示ClippingNode

ClippingNode(裁剪节点)可以用来对节点进行裁剪,可以根据一个模板切割图片的节点,生成任何形状的节点显示。 使用示例 auto bg = LayerColor::create(Color4B(255, 255, 255,255)); this->addChild(bg, -1);//1 auto stencil = Sprite::create("Clos

Have a nice day. 2084

【Cocos Creator 实战】01 - 如何做一款简单的拼图游戏

文章目录前言什么是 Cocos Creator本篇文章的目的开发环境项目资源开搞思路项目概览核心代码效果总结知识点不足 前言 什么是 Cocos Creator 以下内容引自 Cocos Creator 官网: Cocos Creator 是一个完整的游戏开发解决方案,包括了 cocos2d-x 引擎的 JavaScript 实现(不需要学习一个新的引擎),以及能让你更快速开发游戏所需要的各种图...

Bottle's Blog 5万+

Cocos Creator 预制体(Prefab) - 生命周期详解

说明 本文章适用于2.4.x版本的介绍,另外部分逻辑例如start或者enable的调用关系在编辑器或者其他运行环境下可能存在差异,建议大家自行去看源码! 创建 可通过拖拉场景内节点到文件目录上生成一个预制体文件(下文中以prefab简称)。 prefab相当于之前 cocosbuilder 中的 ccb 或者 flash 中的库元件。 prefab支持组件化,每个prefab都有一个根节点,根节点上可能会挂载对应的子节点,节点上可以挂载对应的组件。 所有的组件均继承自cc.component。 导出

qq_14965517的博客 4723

Cocos Creator H5 游戏开发之实例化对象的工具

前言 我们在cocos creator创建节点,创建预制体节点,创建sprite节点的时候,都需要写几行代码,非常麻烦,这里封装了一些常用到的创建节点的静态方法工具类,直接一句话就可以实现创建节点功能 /** * @example * ObjectTool.getInstance().createNode(name,sprite,parentNode); * ObjectTool.getInstance().InstanceWithPrefab(name,prefab,parent); */

JoeyHuangzx的专栏 931
上一篇: 纯js 祖玛
下一篇: cocos creator 手动创建动画
knife1220
博客等级 码龄15年 33粉丝 176原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值