免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！ 前言：这篇文章是我翻译的第一篇关于cocos2d的文章，我在翻译的时候尽量按原文意思来，但难免会加入自己一些理解进去。还有这篇文章所采用的xcode版本是3.2.5，用xcode4.0的朋友

　　免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！ 原文链接地址：http://www.raywenderlich.com/1271/how-to-use-animations-and-sprite-sheets-in-cocos2d 教程

转自：http://www.cnblogs.com/andyque/archive/2011/03/18/1988097.html cocos2d和像素格式 　　在cocos2d里面，理解像素格式非常重要。因为，像素格式会影响在你的游戏中加载一张图片到底需要多少内存。因为游戏通常要加载大量的图片资源，所以你要尽可能充分利用移动设备上面非常少的可用物理内存。 　　默认情况下面，当你在cocos2

　　免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！ 原文链接地址：http://www.raywenderlich.com/1271/how-to-use-animations-and-sprite-sheets-in-cocos2d 教程

SpriteSheet精灵动画引擎   本文介绍Flash中SpriteSheet精灵序列图与其它渲染方式的性能对比、SpriteSheet的原理及注意实现，最后实现了一个精灵序列图的渲染引擎

Aspriteisasinglegraphicimage.Itcanbemovedaroundthescreen,stretched,rotated,skewed,fadedandtinted.A spritesheet

BitmapText就是用SpriteSheet中定义的图片来显示相应的文字，构造函数如下BitmapText([text=""][spriteSheet=null])有两个参数，都是可选的text表示要显示的文字

在createjs中创建button是用ButtonHelper，实际上还要用到Sprite和SpriteSheet这两个类。下面是一个最简单的button。

  第一节：EaselJS生成游戏动画人物效果本节中将使用SpriteSheet和Sprite生成HTML5游戏中的动画人物形象使用SpriteSheet定义动画帧相关的图片，并且使用Sprite定义动画人物最后调用

.      // MUSTaddtosheetfirstly       spriteSheet->addChild(sprite);       //createaction       autocreateAction

1.Spritesheet的plist文件中字段的含义plist文件是游戏开发中将一些小图合并成一张大图的时候生成的配置文件，从大图中获取小图需要对应plist文件中的信息,如上图中，game.png是小图合成后的大图

前言：这篇文章是我翻译的第一篇关于cocos2d的文章，我在翻译的时候尽量按原文意思来，但难免会加入自己一些理解进去。还有这篇文章所采用的xcode版本是3.2.5，用xcode4.0的朋友可能实现起来有点出入，我会在文章的最后给出解决办法。文章原来出处：http://www.raywenderlich.com/2361/how-to-create-and-optimize-sprite-shee

Zwoptex生成的spritesheet除了可以导出png格式的图片外还有pvr格式。pvr格式是iOS的显示芯片可以直接读取的，不需要经过解析就能直接显示，所以渲染速度更快，更节省内存。

从spritesheet里把每一个sprite到处成image，然后用texturepacker就可以生成plist  http://www.alferdspritesheetunpacker.forkandbeard.co.uk

免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！著作权声明：本文由http://www.cnblogs.com/andyque翻译前言：这篇文章是我翻译的第一篇关于cocos2d的文章，我在翻译的时候尽量按原文意思来，但难免会加入自己一些理解进去

游戏是一种很耗费资源的应用，特别是在移动设备中的游戏，性能优化是非常重要的 纹理图集（TextureAtlas）也称为精灵表（SpriteSheet），它是把许多小的精灵图片组合到一张大图里面。

游戏是一种很耗费资源的应用，特别是在移动设备中的游戏，性能优化是非常重要的 纹理图集（TextureAtlas）也称为精灵表（SpriteSheet），它是把许多小的精灵图片组合到一张大图里面。

游戏是一种很耗费资源的应用，特别是在移动设备中的游戏，性能优化是非常重要的 纹理图集（TextureAtlas）也称为精灵表（SpriteSheet），它是把许多小的精灵图片组合到一张大图里面。

（译）在cocos2d里面如何使用TexturePacker和像素格式来优化spritesheet免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。

blog.sina.com.cn/s/blog_6853c0db01017z7b.html      做cocos2d已经有一段时间，个人感觉cocos2d比较节省内存的地方就是可以把多个图片做成一个SpriteSheet

   Zwoptex生成的spritesheet除了可以导出png格式的图片外还有pvr格式。pvr格式是iOS的显示芯片可以直接读取的，不需要经过解析就能直接显示，所以渲染速度更快，更节省内存。

前言：这篇文章是我翻译的第一篇关于cocos2d的文章，我在翻译的时候尽量按原文意思来，但难免会加入自己一些理解进去。还有这篇文章所采用的xcode版本是3.2.5，用xcode4.0的朋友可能实现起来有点出入，我会在文章的最后给出解决办法。文章原来出处：http://www.raywenderlich.com/2361/how-to-create-and-optimize-sprite-shee

如何使用TexturePacker的使用非常简单，启动后的界面如下：看箭头说明，只需要把包含小图片的文件夹拖动到右侧的‘Sprites’栏中即可，如下：可以看到，TexturePacker立即生成了一个SpriteSheet

Image:--coreHTML5canvasp20var spritesheet = new Image(); spritesheet.src = '..

3.把大的png图分割成小的png图我一般用TexturePacker打包生成spritesheet图片。但是有时候得到别人已经拼成一张图时，我又想分割成小图，或者我只是想得到其中的几张小图。

首先可以看到的是默认页面：基本界面：和普通的程序相同，顶部是工具栏，左边是生成spritesheet的设置，中间可以看到加载图片的视图，右面是基本图片的视图。使用方法：创建了个文件夹，把需要整合的

2.简单精灵表通过SpriteSheet类将提供的图像切割成大小相同的子图像，当一个新的精灵表被实例化时将提供切割时用到的维度，同时也将提供精灵表图像中已用的“间隔”信息。

免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！原文链接地址：http://www.raywenderlich.com/1271/how-to-use-animations-and-sprite-sheets-in-cocos2d教程截图：在这个

Zwoptex生成的spritesheet除了可以导出png格式的图片外还有pvr格式。pvr格式是iOS的显示芯片可以直接读取的，不需要经过解析就能直接显示，所以渲染速度更快，更节省内存。

转自：pvr与png的内存占用Zwoptex生成的spritesheet除了可以导出png格式的图片外还有pvr格式。

cocos2d-x中的序列帧动画实现可以用spritesheet来实现.什么是spritesheet呢？翻译过来就是精灵表单。它实际上是一张大的图片，在这张大的图片上包含了动画中每一帧的小图片。

关于动画，基本上支持Starling的都可以在CitrusEngine使用，不过CitrusEngine简化了操作步骤而已.这里我将介绍三种方式来创建Citrus的2D动画使用swf动画用SpriteSheet

关于动画，基本上支持Starling的都可以在CitrusEngine使用，不过CitrusEngine简化了操作步骤而已.这里我将介绍三种方式来创建Citrus的2D动画使用swf动画用SpriteSheet

如何使用TexturePacker的使用非常简单，启动后的界面如下：看箭头说明，只需要把包含小图片的文件夹拖动到右侧的‘Sprites’栏中即可，如下：可以看到，TexturePacker立即生成了一个SpriteSheet

在Flash动画制作中，使用SpriteSheet制作动画元素是一个常见和普遍的方法。在EdgeAnimate中，我们也可以利用SpriteSheet来制作HTML5动画。

在Flash动画制作中，使用SpriteSheet制作动画元素是一个常见和普遍的方法。在EdgeAnimate中，我们也可以利用SpriteSheet来制作HTML5动画。

转自 http://www.cnblogs.com/zilongshanren/archive/2011/04/11/2012770.html免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！原文链接地址：http://www.raywenderl

转自 http://www.cnblogs.com/zilongshanren/archive/2011/03/18/1988097.html免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！前言：这篇文章是我翻译的第一篇关于cocos2d的文章，

当一张图片被加载到内存后，它是以纹理的形式存在的，纹理是什么，纹理就是一块内存，这块内存中存在的是按照指定的像素格式填充的图片像素信息，它被最终被作为三角面著色所依据的数据源。CCTexture2D:纹理，即图片加载入内存后供CPU和GPU操作的贴图对象。CCTexturePVR：处理PVR文件生成纹理的类。CCTextureCache：纹理管理器，负责加载图片并对生产的纹理进行管理，通过“字典”

 免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！前言：这篇文章是我翻译的第一篇关于cocos2d的文章，我在翻译的时候尽量按原文意思来，但难免会加入自己一些理解进去。还有这篇文章所采用的xcode版本是3.2.5，用xcode4.0的朋友可能实

2.简单精灵表通过SpriteSheet类将提供的图像切割成大小相同的子图像，当一个新的精灵表被实例化时将提供切割时用到的维度，同时也将提供精灵表图像中已用的“间隔”信息。

在cocos2d里面，为了使你的游戏获得最佳性能，你需要把许多小的sprite图片组合到一张大图里面，这张大图就叫做spritesheet。

2.简单精灵表通过SpriteSheet类将提供的图像切割成大小相同的子图像，当一个新的精灵表被实例化时将提供切割时用到的维度，同时也将提供精灵表图像中已用的“间隔”信息。

pvr与png的内存占用 转载▼    Zwoptex生成的spritesheet除了可以导出png格式的图片外还有pvr格式。

cocos2d-x学习笔记(16)--spritesheet(精灵表单)本文出自http://www.wenbanana.com稻草人博客，欢迎访问！

原文地址：http://www.cnblogs.com/andyque/articles/1988097.html前言：这篇文章是我翻译的第一篇关于cocos2d的文章，我在翻译的时候尽量按原文意思来，但难免会加入自己一些理解进去。还有这篇文章所采用的xcode版本是3.2.5，用xcode4.0的朋友可能实现起来有点出入，我会在文章的最后给出解决办法。文章原来出处：http://www.rayw

2.简单精灵表通过SpriteSheet类将提供的图像切割成大小相同的子图像，当一个新的精灵表被实例化时将提供切割时用到的维度，同时也将提供精灵表图像中已用的“间隔”信息。

（译）在cocos2d里面如何使用TexturePacker和像素格式来优化spritesheet

�spritesheet.html2.如何使用cocos2d来做一个简单的iphone游戏教程（第一部分） http://blog.devdiv.com/（...5�程1.html3.如何使用cocos2d

2.简单精灵表通过SpriteSheet类将提供的图像切割成大小相同的子图像，当一个新的精灵表被实例化时将提供切割时用到的维度，同时也将提供精灵表图像中已用的“间隔”信息。