精灵类即是Sprite,它实际上就是一张二维图。
它首先直接继承了Node类,因此,它具有节点的特征,同时,它也直接继承了TextureProtocol类,因此,它也具有纹理的基本特征。
这里,有必要普及一下纹理的含义。个人理解,纹理在这里其实也是二维图像(当然也有三维的纹理),它描述了物体表面的细节,通过某种投影或者映射的方式,让物体本身看起来更加的细腻和真实。换一句话说,纹理就是对物理表面细节的描述,它的存在将物体整体和细节区分开来,因此,可通过修改细节可以改变物体的使用场景。(啰嗦了)
或许正因为Sprite继承的两种不同特性,它又直接派生出了两个类来具体化这两种特性,它们分别是:PhysicalSprite和Skin。
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
Sprite *bg = Sprite::create("background.png"); bg->setAnchorPoint(Vec2::ZERO);// lower left this->addChild(bg, 0); auto tree1 = Sprite::create("tree1.png", Rect(604, 38, 302, 295)); tree1->setPosition(Vec2(200, 320)); this->addChild(tree1, 0); Texture2D *cache = Director::getInstance()->getTextureCache()->addImage("tree1.png"); auto tree2 = Sprite::create(); tree2->setTexture(cache); tree2->setTextureRect(Rect(73, 72, 182, 270)); tree2->setPosition(Vec2(500, 200)); this->addChild(tree2, 0);
运行结果:
图1 纹理对象创建Sprite对象
使用精灵帧缓存:
这里的plist可用Zwoptex创建,试了一下,很简单,正版需要付费,大约60多RMB。
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
auto bg = Sprite::create("background.png"); bg->setAnchorPoint(Vec2::ZERO); this->addChild(bg, 0); SpriteFrameCache *frameCache = SpriteFrameCache::getInstance(); frameCache->addSpriteFramesWithFile("SpirteSheet.plist"); auto mountain1 = Sprite::createWithSpriteFrameName("mountain1.png"); mountain1->setAnchorPoint(Vec2::ZERO); mountain1->setPosition(Vec2(-200, 80)); this->addChild(mountain1, 0); SpriteFrame *hero = frameCache->getSpriteFrameByName("hero1.png"); Sprite *hero1 = Sprite::createWithSpriteFrame(hero); hero1->setPosition(Vec2(800, 200)); this->addChild(hero1, 0);
运行结果:
图2 运行结果展示