cocos2d-x实战 C++卷学习笔记--第5章精灵

最新推荐文章于 2019-08-03 19:50:41 发布

diansao5297

最新推荐文章于 2019-08-03 19:50:41 发布

阅读量123

点赞数

文章标签： c/c++ 游戏设计模式

原文链接：http://www.cnblogs.com/MasterOogway/p/5816245.html

版权

前言：

精灵类是Sprite类。它的子类有PhysicsSprite 和 Skin。

PhysicsSprite 是物理引擎精灵类，而Skin是皮肤精灵类，用于骨骼动画。

创建Sprite精灵对象

创建精灵对象有多种方式，常用的函数如下：

1）创建一个精灵对象，纹理等属性需要在创建后设置

static  Sprite*  create();

2）指定图片创建精灵

static  Sprite*  create(const  std::string&  filename);

3）指定图片和裁剪的矩形区域来创建精灵

static  Sprite*  create(const  std::string&  filename,  const  Rect&  rect);

4）指定纹理创建精灵

static  Sprite*  createWithTexture(Texture2D*  texture);

5）指定纹理和裁剪的矩形区域来创建精灵，第3个参数指定是否旋转纹理，默认不旋转

static  Sprite*  createWithTexture(Texture2D*  texture, const  Rect&  rect,  bool  rotated = false);

6）通过一个精灵帧对象创建另一个精灵对象

static  Sprite*  createWithSpriteFrame(SpriteFrame*  pSpriteFrame);

7）通过指定帧缓存中精灵帧名创建精灵对象

static  Sprite*  createWithSpriteFrameName(cosnt  std::string & spriteFrameName);

使用纹理图集

纹理图集（texture atlas）也称为精灵表（sprite sheet），它是把许多小的精灵图片组合到一张大图里面。

使用纹理图集（或精灵表）的优点如下：

1）减少文件读取次数，读取一张图片比读取一堆小文件要快；

2）减少OpenGL ES绘制调用并且加速渲染；

3）减少内存消耗

4）Cocos2d-x全面支持Zwoptex和 TexturePacker，所以创建和使用纹理图集是很容易的；

通常可以使用TexturePacker设计和生成纹理图集文件，以及纹理图集坐标文件（plist）组成。

通过 Director::getInstance()->getTextureCache() 函数可以获得 TextureCache 实例，TextureCache 的 addImage("tree1.png")函数可以创建纹理Texture2D对象，其中的tree1.png是纹理图片名。

使用纹理对象创建Sprite对象代码示例：

 1    auto spbk = Sprite::create("background.png");
 2     //// 此处没有设置position，默认的位置是 左下角 
 3     //spbk->setPosition(Point(origin.x + visibleSize.width / 2, origin.y + visibleSize.height / 2));
 4     spbk->setAnchorPoint(Point::ZERO);
 5     this->addChild(spbk, 0);
 6 
 7     //// 使用 纹理对象(Texture2D) 创建Sprite对象.
 8     ///  Rect(float x, float y, float width, float height);
 9     // 参数rect是 tree1.png图片中，UI坐标系下，(604,38)坐标位置，宽302，高295的一个区域
10     auto tree1 = Sprite::create("tree1.png", Rect(604, 38, 302, 295));
11     tree1->setPosition(Point(200, 230));
12     this->addChild(tree1, 0);
13 
14     Texture2D* cache = Director::getInstance()->getTextureCache()->addImage("tree1.png");
15     auto tree2 = Sprite::create();
16     tree2->setTexture(cache);
17     // 参数rect是 tree1.png图片中，UI坐标系下，(73,72)坐标位置，宽182，高270的一个区域
18     tree2->setTextureRect(Rect(73, 72, 182, 270));
19     tree2->setPosition(Point(500, 200));
20     this->addChild(tree2, 0);

使用精灵帧缓存

精灵帧缓存是缓存的一种。缓存有如下几种：

1）纹理缓存（TextureCache）。使用纹理缓存可以创建纹理对象。上面的部分有介绍。（一张 .png 图片即可）

2）精灵帧缓存（SpriteFrameCache）。能够从精灵表中创建精灵帧缓存，然后再从精灵帧缓存中获得精灵对象，反复使用精灵对象时，使用精灵帧缓存可以节省内存消耗。

（一个 .plist文件以及一张和 .plist文件对应的 .png图片）

3）动画缓存（AnimationCache）。动画缓存主要用于精灵动画，精灵动画中的每一帧是从动画缓存中获取的。

这里主要介绍精灵帧缓存（SpriteFrameCache），要使用精灵帧缓存涉及的类有 SpriteFrame 和 SpriteFrameCache。

1  SpriteFrameCache* frameCache = SpriteFrameCache::getInstance();
2     frameCache->addSpriteFramesWithFile("Demo3/SpriteSheet.plist"); /// 资源目录下必须有 SpriteSheet.png 文件
3     auto mountain1 = Sprite::createWithSpriteFrameName("mountain1.png"); // 通过精灵帧（SpriteSheet.png中的一张小图片），创建精灵对象

通过 SpriteFrameCache 创建精灵帧缓存对象，它是采用单例设计模式进行设计的，getInstance()函数可以获得SpriteFrameCache单一实例，addSpriteFramesWithFile函数是将精灵帧添加到缓存中，其中SpriteSheet.plist 是坐标文件。可以多次调用 addSpriteFramesWithFile 函数添加更多的精灵帧到缓存中。

Sprite::createWithSpriteFrameName("mountain1.png") 是通过Sprite 的 createWithSpriteFrameName 函数创建精灵对象，其中的参数 mountain1.png 是 SpriteSheet.plist 在坐标文件中定义的精灵帧名。　　

 1 /// SpriteFrameCache::getInstance()->addSpriteFramesWithFile("Demo3/SpriteSheet.plist");
 2     SpriteFrameCache* frameCache = SpriteFrameCache::getInstance();
 3     frameCache->addSpriteFramesWithFile("Demo3/SpriteSheet.plist");
 4     auto mountain1 = Sprite::createWithSpriteFrameName("mountain1.png"); /// 通过精灵帧(大图中的一个.png图片) 创建精灵
 5     mountain1->setAnchorPoint(Point::ZERO);
 6     mountain1->setPosition(Point(-200, 80));
 7     this->addChild(mountain1, 0);
 8 
 9 /// SpriteFrameCache::getInstance()->getSpriteFrameByName("hero1.png");
10     SpriteFrame* heroSpriteFrame = frameCache->getSpriteFrameByName("hero1.png"); /// 通过 精灵帧 创建 精灵帧对象 
11     Sprite* hero1 = Sprite::createWithSpriteFrame(heroSpriteFrame); ///通过精灵帧对象（SpriteFrame类型） 创建精灵.
12     hero1->setPosition(Point(800, 200));
13     this->addChild(hero1, 0);