使用CCSpriteFrame创建CCSprite时，获取CCSprite大小方法

最新推荐文章于 2025-07-23 10:46:13 发布
原创 最新推荐文章于 2025-07-23 10:46:13 发布 · 1.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了在Cocos2d-x中如何正确获取精灵（CCSprite）及其帧（CCSpriteFrame）的尺寸。通过对比原始图片尺寸与精灵帧尺寸的区别，帮助开发者更好地理解并运用到实际项目中。 


<span style="font-size:18px;">	//CCSprite *grossini = CCSprite::create();					// 创建以个精灵
	//CCSpriteFrame *pSpriteFrame = frameCache->spriteFrameByName("CloseNormal.png");
	//CCSize s = grossini->getTexture()->getContentSize(); 起始获取的大小是 原始整张图片的大小</span>

如果要获取 Frame中一个精灵的大小则需要用:

CCSize s = pSpriteFrame->getOriginalSize();			// 获取CCSpriteFrame 的 尺寸。


cocos2d-x2.1.2精灵表单与表单编辑器
杜甲同学的专栏
08-18 1814
本文实践自 Ray Wenderlich、Tony Dahbura 的文章《How to Use Animations and Sprite Sheets in Cocos2D 2.X》，文中使用Cocos2D，我在这里使用Cocos2D-x 2.1.2进行学习和移植。在这篇文章，将会学习到如何创建一个简单的熊行走动画，如何使用精灵表单，如何改变熊行走的方向等等。 步骤如下： 1.新建Xcod
cocos2d-x格斗游戏教程（一）
杜甲同学的专栏
08-14 5329
本文实践自 Allen Tan 的文章《How To Make A Side-Scrolling Beat ‘Em Up Game Like Scott Pilgrim with Cocos2D – Part 1》，文中使用Cocos2D，我在这里使用Cocos2D-x 2.0.4进行学习和移植。在这篇文章，将会学习到如何制作一个简单的横版格斗过关游戏。在这当中，学习如何跟踪动画状态、碰撞盒、
cocos2dx getContentSize
思考的智慧，知识源于思考
03-17 3236
假如使用一张图创建了一个精灵，图片的大小120*120，缩放先后通过getContentSize获取的大小不变，所以如果 使用相对位置，需要考虑到缩放。 before scale getContentSize: width = 120 before scale getContentSize: height = 120 after scale getContentSize:
关于精灵帧(Sprite Frame)的尺寸大小
weixin_33825683的博客
10-04 795
一个对象的精灵帧(Sprite Frame)有若干关于大小的尺寸. 比较容易混淆,这里记录下来区别: CCSpriteFrame *spriteFrame = self.spriteFrame; CGSize textureSize = spriteFrame.texture.contentSize; CGRect frameRec...
【CocosCreator入门】CocosCreator组件 | Sprite（精灵）组件
看世界，也找自己
03-29 6286
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中 Sprite 组件是最常用的之一。Sprite 组件用于渲染 2D 图像，并提供了许多可配置的选项，如图像纹理、尺寸、位置、旋转等。在本文中，我们将深入探讨 Sprite 组件的技术实现和使用方法。
CCSpriteFrameCache和帧动画
_xian鱼的专栏
01-17 956
CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("xx.plist"); CCSprite* spriteRun = CCSprite::create(); spriteRun->autorelease(); CCArray* frames = CCArray::create();
四 CocosEditor基础教程第二季 之几个常用的函数
TouchSnow的专栏
06-08 2325
前言 有些
15、游戏开发中的节点与精灵深度解析
最新发布
ansible6ops的博客
07-23 67
本文深入解析了游戏开发中节点与精灵的核心技术，涵盖了 CCNode 及其派生类（如 CCProgressTimer、CCParallaxNode、CCRibbon 和 CCMotionStreak）的使用方法，详细介绍了精灵的创建、动画播放、纹理图集和精灵批处理技巧，以及针对 Retina 显示屏的图像处理策略。同时，还提供了性能优化的实用建议，帮助开发者提升游戏的视觉效果和运行效率。
15、游戏开发中的关键元素与精灵深入解析
m5n6o7的博客
07-07 34
本文深入解析了游戏开发中的关键元素和精灵相关技术。重点介绍了 CCProgressTimer、CCParallaxNode、CCRibbon 和 CCMotionStreak 等基础节点的使用方法，探讨了精灵批处理、纹理图集的创建与使用、精灵动画的实现等内容，并提供了性能优化的实践方法。通过掌握这些技术，开发者可以提升游戏性能和用户体验。
CocosCreator-Sprite
Q1648778537的博客
12-19 2421
Sprite（精灵）是 2D 游戏中最常见的显示图像的方式。拖动图片到场景就可创建一个Sprite；也可以通过添加节点的方式来创建Sprite. Atlas:Sprite 显示图片资源所属的atlas图集资源 Sprite Frame：渲染 Sprite 使用的SpriteFrame图片资源 Type：渲染模式，包括普通（Simple）、九宫格（Sliced）、平铺（Tile
CocosCreator知识库<三>关于CocosCreator中更换图片的三种方式_通用方式_"当前"尺寸_"原有"尺寸
热门推荐
⎝⎝⎝MaximilianLiu⎠⎠⎠的博客
12-26 1万+
CocosCreator知识库关于CocosCreator中更换图片的两种方式 首先,准备两张图,建立resources文件夹并且将该两张图放入该文件夹下,拖其中一张图至Canvas下并且挂上我们唯一的脚本. //************************************核心代码*************************************// //****
cocos中各种获取大小尺寸的函数
努力，努力，在努力
04-28 1万+
getContentSize函数来获得节点原始的大小。只是逻辑尺寸，不是像素 boundingBox函数来获得经过缩放和旋转之后的外框盒大小。 getContentSizeInPixels获得的是像素点大小 getVisibleSize：默示获得视口（可视区域）的大小，若是DesignResolutionSize跟屏幕尺寸一样大，则getVisibleSize便是getWinSi
CocosCreator之Sprite精灵
神兽白泽
09-29 2013
>>>>> 官方文档：https://docs.cocos.com/creator/manual/zh/components/sprite.html //Sprite(渲染精灵组件) let Sprite = this.node.getComponent(cc.Sprite);//获取渲染精灵组件 //设置图片纹理，这么干会导致spriteFrame的引用不会增加，增加风险，别这么写。请使用动态加载。 Sprite.spriteFrame = b.spriteFrame;
spine使用总结
yuer_xyf的专栏
03-13 1万+
因为项目的需要，cocos骨骼动画使用了spine，之前是使用cocosstudio，也不是ccs不好，毕竟spine是这方面的强项，不废话，直接上干货： 1.需要的头文件： #include "spine/spine.h" #include <spine/spine-cocos2dx.h> using namespace spine; 2.接着创建spine动画 spine::Skel
cocos creator 获取图片资源并设置为spriteFrame
Hillbox
07-11 6355
用代码设置spriteFrame比手动托到那些框框里方便，所以分享一个简单的获取图片资源并设置为sprite方法。 1、将图片放到assets/resources文件夹下面，或者子文件夹也可以。比如我的， 2、写代码。这样就把命为1的图片设置成当前节点的spriteFrame上了。 let that = this; // 图片路径，注意不带后缀 let resUrl = 'customers/1'; cc.loader.loadRes(resUrl, cc.SpriteFrame, functi
cocoscreator 设置 SpriteFrame 的纹理矩形区域 实现自定义数字图片组件
weixin_41316824的博客
01-05 4808
先看效果 先需要一张美术做好的图片然后创建一个空节点然后挂载一个layout组件，编写核心脚本 SpriteTextTool，调用的时候只需修改要显示的文本 this.node.getComponent("SpriteTextTool").setContent("8934873"); 上脚本 SpriteTextTool cc.Class({ extends: cc.Com...
关于CCSprite、CCSpriteFrame、 CCSpriteFrameCache以及CCSpriteBatchNode的关系
tanjinjun2011的专栏
08-12 3563
CCSprite被应用关于当个的显示对象，一般bu'yong'yu
cc.Sprite组件详解
weixin_34315665的博客
11-08 467
cc.Sprite 1.游戏种显示一个图片,通常我们把这个叫做"精灵"sprite 2.cocos creator如果需要显示一个图片,那么节点上 就要挂一个精灵组件,为这个组件指定要显示的图片(SpritrFrame) 3.显示一个图片的步骤: (1)创建一个空节点(2)添加一个组建 (3)要显示的图片(SpriteFrame)拖动到SpriteFra...
Cocos Creator常见问题汇总
weixin_34014277的博客
03-01 3784
2019独角兽企业重金招聘Python工程师标准>>> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

chen249191508

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值