cocos2d开发学习五：精灵节点CCSpriteBatchNode的渲染和纹理集Texture Atlases内存优化

时间：2019-05-18分类：Cocos2d-x作者：编程之家用户

http://blog.csdn.net/nono_love_lilith/article/details/7762168

本章其实主要是系统的理解下Sprite精灵节点的创建，然后引入精灵节点和纹理集的概念

CCSprite 最简单的生成方式就是用一个纹理贴图。

[cpp]view plaincopy 
   
 CCSprite*_firstSp=[CCSpritespriteWithFile:@"icon.png"];
 CGSizewins=[[CCDirectorsharedDirector]winSize];
 _firstSp.position=ccp(_firstSp.contentSize.width/2,wins.height/2);
 [selfaddChild:_firstSpz:1];

动画帧

上面是生成精灵的最近基本的一种方式，但是很多时候，

我们的一个精灵元素不会是那种静止，单单只有一帧文件组成，

而以一个精灵帧形式出现。

精灵帧说白了就是一个动画

copy 
    
   

//CCSprite*sp=[CCSpritespriteWithFile:@"ball0.png"];

//step1：首先要有一个精灵对象，当然你也可以用上面的的方式，创建一个初始化纹理的精灵对象。按上面的方法创建的好处是，后面如果你要计算精灵位置时，能获取纹理暂居的空间大小，如果直接node的话，精灵占据空间长宽应该都是0吧。
CCSprite*sp=[CCSpritenode];
sp.position=CGPointMake(200,200);
//step2：根据文件名生成两帧文件放入数组
NSMutableArray*frames=[NSMutableArrayarrayWithCapacity:2];
for(inti=0;i<2;i++){
//获取纹理贴图
NSString*file=[NSStringstringWithFormat:@"ball%d.png",i];
CCTexture2D*text2d=[[CCTextureCachesharedTextureCache]addImage:file];
//生成精灵帧
CCSpriteFrame*frame=[CCSpriteFrameframeWithTexture:text2drect:CGRectMake(0,text2d.contentSize.width,text2d.contentSize.height)];
//放进数组中
[framesaddObject:frame];
}
//step3:生成精灵帧动画动作
CCAnimation*ball=[CCAnimationanimationWithSpriteFrames:framesdelay:0.5];
CCAnimate*animate=[CCAnimateactionWithAnimation:ball];
CCRepeatForever*repeat=[CCRepeatForeveractionWithAction:animate];
//step4：运行动画帧。
[sprunAction:repeat];
[selfaddChild:spz:1];

Tips：

1.这边说一点，该方式获取动画帧是通过文件名然后去资源文件拿去取的，然后资料上什么都会告诉你一般资源的命名规则，就是以0，1，2，3，4结尾，相信大家都懂。

2.cocos2d早期版本，也就是本书所用到的库，还有

/** returns an Animation given it's name. */

-(CCAnimation*)animationByName: (NSString*) animationName;

/** adds an Animation to the Sprite. */

-(void) addAnimation: (CCAnimation*) animation;

就是能把帧动画对象存放到了精灵节点中，同样也可以获取,但是在目前的最新版本中貌似没有了该方法。

精灵节点批处理（CCSpriteBatchNode）

上面都只是针对生成一个精灵节点来说的，有时候我们会遇到场景中需要创建多个相同的精灵，

最原始的方法是我们一个创建，然后add到场景中。

而精灵节点的作用是可以把一些使用相同贴图的精灵放在一起，只进行一次渲染，减少原本我们没创建一个精灵渲染一次而需要消耗的时间。

copy

CCSpriteBatchNode*batch=[CCSpriteBatchNodebatchNodeWithFile:@"ball.png"];

[selfaddChild:batch];
inti=0;i<100;i++)
{
CCSprite*sprite=[CCSpritespriteWithFile:@”ball.png”];
[batchaddChild:bullet];
}

CCSpriteBatchNode简单理解起来很像一个层layer，精灵添加它里面，最后它一次性渲染出来。

1.纹理贴图必须使用同一个文件

2.每个子精灵都是用相同的z-order(深度)。

关于纹理贴图集（Texture Atlases）

简单来说，比如前面我用到两帧动画需要两个图片，

那我们加载两次来从资源文件中读取这两张图片。

为什么说纹理集的作用可以有效减少内存消耗，

这是因为ios在加载图片分配内存大小时会将图片长宽自动缩放到2的N次方，这个很好理解比如16*35的图片，加载到内存是以16*64来的。

因此说用了纹理集能减小内存了，不是说你把几个图片合成到一个一个贴图集里，它就变小了，离乱上来说还是一样大的，只不过纹理集合的话，我们只需加载一次，而如果单个加载，那么加载多次，在这多次加载造成的因“2的N次方”引发的内存消耗显然比只加载一次来的更加危险性了。

贴图纹理集，说简单就是把你原来分散的一个个小图片凭借成一个大图，工具会自动生成一个plist文件来保存每个单元贴图的大小以及以及在贴图中位置信息等。

纹理集制作工具，资料上说用Zwoptex，但是我在论坛搜索到一个“TexturePacker”。有人说要收费，但是貌似下载下来是免费的啊，难道是在appStore下载要收费~

对于贴图纹理集加载

copy

CCSpriteFrameCache*frameCache=[CCSpriteFrameCachesharedSpriteFrameCache];

[frameCacheaddSpriteFramesWithFile:@"xxxx.plist"];

这样就是把一张纹理集合加载缓存到了内存。

需要用到某个贴图时

copy

CCSpriteFrame*frame=[frameCachespriteFrameByName:pngname];

1.资料上说了一种简单估算一个图片会占内存大小，比如一种16*16的，那么占的内存是16*16*4=1kb（应该没错吧。呵呵，资料上说512*512*4 = 1M）。

2.CCSpriteFrameCache加载的是一张拼接过的大图，每一个小图只是大图中的一个区域，这些区域信息都在plist文件中保存。

用的时候只需要根据小图的名称就可以加载到这个区域；

CCTextureCache 是普通的图片缓存，我们所有直接加载的图片都会默认放到这个缓存中，以提高调用效率。

本文实践自 RayWenderlich、Ali Hafizji 的文章《How To Create Dynamic Textures with CCRenderTexture in Cocos2D 2.X》，文中使用Cocos2D，我在这里使用Cocos2D-x 2.1.4进行学习和移植。在这篇文章，将会学习到如何创建实时纹理、如何用Gimp创建无缝拼接纹

Cocos-code-ide使用入门学习

Cocos-code-ide使用入门学习地点：杭州滨江邮箱：appdevzw@163.com微信公众号：HopToad 欢迎转载，转载标注出处：http://blog.csdn.netotbaron/article/details/424343991. 软件准备下载地址：http://cn.cocos2d-x.org/download 2. 简介2.1 引用C

Cocos2D-x-3.0 编译(Win7)

第一次開始用手游引擎挺激动！！！进入正题。下载资源1：从Cocos2D-x官网上下载，进入网页http://www.cocos2d-x.org/download，点击Cocos2d-x以下的Download v3.0，保存到自定义的文件夹2：从python官网上下载。进入网页https://www.python.org/downloads/，我当前下载的是3.4.0（当前最新

Cocos2d-x 2 0 在Windows平台下的使用

Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发引擎，易学易用，支持多种智能移动平台。官网地址：http://cocos2d-x.org/当前版本：2.0 有很多的学习资料，在这里我只做为自己的笔记记录下来，错误之处还请指出。在VisualStudio2008平台的编译：1.下载当前稳

quick-cocos2d-x实例之挑战记忆极限设计文档

1. 来源 QuickV3sample项目中的2048样例游戏，以及最近《最强大脑》娱乐节目。将2048改造成一款挑战玩家对数字记忆的小游戏。邮箱：appdevzw@163.com微信公众号：HopToadAPK下载地址：http://download.csdn.net/detailotbaron/8446223源码下载地址：http://download.csdn.net/

Cocos2d-x 3 X CMake MinGW版本编译运行

Cocos2d-x3.x已经支持使用CMake来进行构建了，这里尝试以QtCreatorIDE来进行CMake构建。Cocos2d-x3.X地址：https://github.com/cocos2d/cocos2d-x1.打开QtCreator，菜单栏→"打开文件或项目..."，打开cocos2d-x目录下的CMakeLists.txt文件；2.弹出CMake向导，如下图所示：设置

vs 2013 编译cocos2d-x-3.9

下载地址：链接:https://pan.baidu.com/s/1IkQsMU6NoERAAQLcCUMcXQ提取码:p1pb下载完成后，解压进入build目录使用vs2013打开工程设置平台工具集，打开设置界面设置：点击开始编译等待编译结束编译成功在build文件下会出现一个新文件夹Debug.win32，里面就是编译

cocos2d-x游戏开发系列教程-超级玛丽01-前言

分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！http://www.captainbed.net前言上次用象棋演示了cocos2dx的基本用法，但是对cocos2dx并没有作深入的讨论，这次以超级马里奥的源代码为线索，我们一起来学习超级马里奥的实

Cocos2d-x CCControlPotentiometer之圆形音量button及特效

1. 圆形音量button事实上作者的本意应该是叫做“电位计button”。可是我觉得它和我们的圆形音量button非常像，所以就这么叫它吧~先看效果：好了，不多解释，本篇到此为止。（旁白：噗。就这样结束了？）啊才怪~我们来看看代码：[cpp] viewplaincopyprint?CCContro

Cocos2d-x入门教程二简单的静态显示对象

原文链接：http://www.cnblogs.com/physwf/archive/2013/04/26/3043912.html为了进一步深入学习贯彻Cocos2d，我们将自己写一个场景类，但我们不会走的太远，凡是都要循序渐进，哪怕只前进一点点，那也至少是前进了，总比贪多嚼不烂一头雾水的好。在上一节中我们建

cocos2d-x中CCScale9Sprite的另一种实现

2019独角兽企业重金招聘Python工程师标准>>>cocos2d2.0之后加入了一种九宫格的实现，主要作用是用来拉伸图片，这样的好处在于保留图片四个角不变形的同时，对图片中间部分进行拉伸，来满足一些控件的自适应（PS: 比如包括按钮，对话框，最直观的形象就是ios里的短信气泡了），这就要求图

Cocos2d-x v2.2.2版本+Win7+VS2010环境搭建

原文链接：http://www.cnblogs.com/linji/p/3599478.html1.环境和工具准备Win7VS2010/2012，至于2008v2版本之后似乎就不支持了。 2.安装pythonv.2.0版本之前是用vs模板创建工程的，到vs2.2之后就改用python创建了。到python官网下载版本2.7.5的，然后

Ubuntu14.04+eclipse下cocos2d-x3.0正式版环境的搭建

环境:ubuntu14.04adt-bundle-linux-x86_64android-ndk-r9d-linux-x86_64cocos2d-x-3.0正式版apache-ant1.9.3python2.7(ubuntu自带)加入环境变量exportANDROID_SDK_ROOT=/home/yangming/adt-bundle-linux/sdkexportPATH=${PATH}:/$ANDROID_SDK_ROOTools/export

分别基于WIN32 API界面编程和Cocos2d-x实现的两个版本FlappyBird游戏

1开发背景游戏程序设计涉及了学科中的各个方面，鉴于目的在于学习与进步，本游戏《FlappyBird》采用了两个不同的开发方式来开发本款游戏，一类直接采用win32底层API来实现，另一类采用当前火热的cocos2d-x游戏引擎来开发本游戏。2需求分析2.1数据分析本项目要开发的是一款游

Cocos2d-x 开发小记二：控件

原文链接：http://www.cnblogs.com/linji/p/3599912.html//纯色色块控件（锚点默认左下角）CCLayerColor*ccc=CCLayerColor::create(ccc4(255,0,0,128),200,100);//渐变色块控件CCLayerGradient*ccc=CCLayerGradient::create(ccc4(255,0,0,

Cocos2d-x 开发小记一：基本动作

原文链接：http://www.cnblogs.com/linji/p/3599488.html//载入一张图片CCSprite*leftDoor=CCSprite::create("loading/door.png");leftDoor->setAnchorPoint(ccp(1,0.5));//设置锚点为右边中心点leftDoor->setPosition(ccp(240,160));/

买Cocos2d-x视频课程送纸质图书

为了答谢广大学员对智捷课堂以及关老师的支持，现购买51CTO学院关老师的Cocos2d-x课程之一可以送智捷课堂编写图书一本（专题可以送3本）。一、Cocos2d-x课程列表：1、Cocos2d-x入门与提高视频教程__Part22、Cocos2d-x数据持久化与网络通信__Part33、Cocos2d-x架构设计与性能优化内存优

‎Cocos2d-x 学习笔记(11.10) Spawn

Spawn让多个action同时执行。Spawn有多种不同的create方法，最终都调用了createWithTwoActions(FiniteTimeAction*action1,FiniteTimeAction*action2)方法。createWithTwoActions调用initWithTwoActions方法：对两个action变量初始化：_one=action1;_two=action2;如果两个a

quick-cocos2d-x-develop资源打包环境安装

需要环境：php,luajit.昨天在cygwin上安装php和luajit环境，这真特么是一个坑。建议不要用虚拟环境安装打包环境，否则可能会出现各种莫名问题。折腾了一下午，最终将环境转向linux。其中，luajit的安装脚本已经在quick-cocos2d-x-develop/bin/中，直接luajit_install.sh即可。我的lin

Cocos2d-x 3.0心得01－图片载入与混合模式

v3.0相对v2.2来说，最引人注意的。应该是对触摸层级的优化。和lambda回调函数的引入（嗯嗯，不枉我改了那么多类名。话说，每次cocos2dx大更新。总要改掉一堆类名函数名）。这些特性应该有不少人研究了，所以今天说点跟图片有关的东西。v3.0在载入图片方面也有了非常大改变，仅仅只是

cocos2d开发学习五：精灵节点CCSpriteBatchNode的渲染和纹理集Texture Atlases内存优化

相关推荐