cocos2dx v3.9 与SpriteFrameCache和AnimationCache之间的对话

分类：Cocos2d-x作者：佚名

我：前段时间去过动画制作组，你们两个的名字与动画制作组中的SpriteFrame和Animation很相似，难道说你们之间有什么关系？
SpriteFrameCache和AnimationCache：没错，我们都是仓库管理员，管理着存放他们的仓库。
我：果然，Cache，看名字就应该能想到。不过你们存储他们的意义何在？
SpriteFrameCache：想必SpriteFrame和您提起过，他为了节省内存空间的使用，对于指定给他的图片，只有在真正使用这张图片时，即调用他的getTexture()时，他才将图片加载进内存创建纹理，这样避免了可能出现的长时间不使用的图片却一直占用着内存空间的情况。但这样的做法对于一些较大的图片或是一些经常使用的图片却并不妥当，因为加载图片必定会耗用一定的时间，由其对于大图片耗用的时间就更长。游戏运行过程中经常的加载图片或是突然加载了一张大图片，很可能使游戏出现不同程度的卡顿，这样游戏的体验性就大大的降低了。比较合理的做法是在游戏开始前有一个加载资源的过程，将经常使用的图片或是比较大的图片先加载进内存并创建为SpriteFrame存入我这个仓库里，实际使用的时候再从我这里取走，这样牺牲了空间节省了时间。
AnimationCache：我与SpriteFrameCache存在的意义大致相同，不过我的着眼点不在图片，而是在整个动画。一个动画通常由多张图片组成，就算每张图片都很小，但如果数量很庞大，那么整个动画所占用的资源也不可小觑。试想如果在即将要播放动画时才一张一张的加载图片组合成动画，游戏就定在那里，对于玩家来说将是多么痛苦的事情。所以在游戏开始前加载资源的过程中，一般也会将经常用到的动画创建出来放到我这里，实际使用的时候再从我这里取走，同样牺牲了空间节省了时间。同时我与SpriteFrameCache也是唇亡齿寒的关系，经常播放的动画所使用的图片自然也就是经常使用的图片，所以这些图片也必须先被创建为SpriteFrame存入SpriteFrameCache那里。没有SpriteFrameCache的鼎力相助，我无法完成我的工作。
（两人此时正深情的对视着……）
我：额，两位。
（无应答）
我：我说两位。
（……）
我：下班了。
SpriteFrameCache和AnimationCache：走了， 走了。终于下班了，去哪儿喝一杯啊。
我：……

我：还是来说说你们是如何工作的吧。SpriteFrameCache，既然AnimationCache需要你的协助，那么还是从你开始，先来说说如何使用你。
SpriteFrameCache：使用我的方式有很多，但我实际需要的其实与SpriteFrame需要的相同，毕竟我是存储他的仓库，我的工作也包含创建他。还记得创建SpriteFrame需要的那些参数吧（texture，rect，rotated，offset，originalSize），不过您无需将这些参数像创建SpriteFrame那样一一指定给我，您可以将这些参数写在一个plist文件中，然后将这个plist文件指定给我，

// 如何使用图片的参数存放在plist文件中，图片名
void addSpriteFramesWithFile(const std::string& plist,const std::string& textureFileName);
/* 函数内部
 * 调用Director::getInstance()->getTextureCache()->addImage()将图片加载为纹理。
 * 调用addSpriteFramesWithFile()。
 */

当然，如果您已经创建好了纹理也可以，

void addSpriteFramesWithFile(const std::string&plist,Texture2D *texture);
/* 函数内部
 * 调用FileUtils::getInstance()->getValueMapFromFile()读取plist文件内容。
 * 调用addSpriteFramesWithDictionary()。
 */

又或者，不指定plist文件，您将plist文件的内容指定给我也没问题，

void addSpriteFramesWithFileContent(const std::string& plist_content,Texture2D *texture);
/* 函数内部
 * 调用FileUtils::getInstance()->getValueMapFromData()读取plist文件内容。
 * 调用addSpriteFramesWithDictionary()。
 */

再或者，您将图片名称放在plist文件中也ok，

void addSpriteFramesWithFile(const std::string& plist);
/* 函数内部
 * 使用FileUtils::getInstance()->fullPathForFilename()获取plist文件的全路径。
 * 调用FileUtils::getInstance()->getValueMapFromFile()读取plist文件内容。
 * 尝试从plist中找Metadata域，如果找到了则从Metadata域的textureFileName域得到图片的文件名，
 * 之后将plist所在路径与该图片名使用FileUtils::getInstance()->fullPathFromrelativeFile()拼在一起作为图片的完整路径名。
 * 如果没有在plist中找到图片名，则将plist文件的全路径中文件名的后缀由.plist更改为.png，以此更改后的全路径作为图片的完整路径名。
 * 调用Director::getInstance()->getTextureCache()->addImage()将图片加载为纹理。
 * 调用addSpriteFramesWithDictionary()。
 */

最后，如果您已经创建好了SpriteFrame，那我是再高兴不过的了，

// 每个SpriteFrame在SpriteFrameCache中都有个名字，这里作为参数传递了，通常这个名字放在之前提到的plist文件中。
void addSpriteFrame(SpriteFrame *frame,const std::string& frameName);
/* 函数内部 * 调用_spriteFrames.insert()存储SpriteFrame与其名字的映射。 */

此外还要说明一点，我存储的这些SpriteFrame不仅可以用于动画制作，您还可以使用他们直接来创建Sprite，

// xxx.plist中存储了名为xxx.png的SpriteFrame信息。
SpriteFrameCache::getInstance()->addSpriteFramesWithFile("xxx.plist");
// Sprite::createWithSpriteFrameName()会从SpriteFrameCache中查找指定的SpriteFrame，然后使用找到的SpriteFrame创建Sprite。
auto sprite = Sprite::createWithSpriteFrameName("xxx.png");

我：很多函数都调用了addSpriteFramesWithDictionary()。
SpriteFrameCache：嗯，这个函数乍一看很复杂，其实他只做了三件事，
1、继续解析plist文件（plist中存储SpriteFrame信息的格式可以有多种，通过Metadata域中的format域进行标识，不同的格式提供SpriteFrame信息的方式不同。举个简单的例子，比如创建SpriteFrame所需要的rect这个变量，既可以使用一个key-value表示

<key>frame</key> <string>{{2,2},{250,30}}</string>

也可以使用四个key-value表示

<key>x</key>
<float>2</float>
<key>y</key>
<float>2</float>
<key>width</key>
<float>250</float>
<key>height</key>
<float>30</float>

这些不同的表示形式就对应不同的format。其中当format为3时在plist文件中frames域中aliases域会给出SpriteFrame的别名，这些别名与原SpriteFrameName的映射我就会存在_spriteFramesAliases变量中。
）。
2、使用解析出来的信息创建SpriteFrame.
3、存储SpriteFrame与其名字的映射。
我：存储SpriteFrame的plist文件的格式竟然还有多种。
SpriteFrameCache：不用担心，plist文件一般是通过软件创建的，比如TexturePacker，cocostudio的合图功能等等。这些格式是由这些软件来负责的，而解析plist也是我的内部实现的，对于用户只需要使用软件创建plist，之后调用我们添加SpriteFrame即可。
我：添加SpriteFrame的方式有这么多，删除的呢？
SpriteFrameCache：删除的方式也有几种，
您可以指定加载过的plist或者其内容，这样从这个plist中添加的SpriteFrame就会被删除，

void removeSpriteFramesFromFile(const std::string& plist);
/* 函数内部 * FileUtils::getInstance()->fullPathForFilename()读取plist文件的内容。 * 调用removeSpriteFramesFromDictionary()。 */
void removeSpriteFramesFromFileContent(const std::string& plist_content);
/* 函数内部 * 调用FileUtils::getInstance()->getValueMapFromData()读取plist文件内容。 * 调用removeSpriteFramesFromDictionary()。 */
// 以上两个函数都调用了removeSpriteFramesFromDictionary()。
void removeSpriteFramesFromDictionary(ValueMap& dictionary);
/* 函数内部 * dictionary中存储了plist文件的内容，其中可以找到待删除的SpriteFrame的名字，一一从_spriteFrames中删除。 */

或者通过texture，

void removeSpriteFramesFromTexture(Texture2D* texture);
/* 函数内部 * 遍历_spriteFrames中的每一个映射，通过映射获得每一个SpriteFrame。 * SpriteFrame->getTexture()与给定的texture比对，相同则删除该SpriteFrame。 */

又或者通过SpriteFrame的名字，

void removeSpriteFrameByName(const std::string& name);
/* 函数内部 * 如果给定的是SpriteFrame的别名，则会在_spriteFramesAliases中找到其原本的名字。 * 使用SpriteFrame原本的名字删除_spriteFrames中的此SpriteFrame。 */

或者直接删除所有的，

void removeUnusedSpriteFrames();
/* 函数内部 * 清空_spriteFrames。 */

此外，还有一个比较有用的方法，删除掉未被使用的SpriteFrame，

void removeUnusedSpriteFrames();
/* 函数内部 * 删除_spriteFrames中引用计数为1的SpriteFrame（引用计数为1代表此SpriteFrame只被SpriteFrameCache使用）。 */

我：我看还有个获取的方法。
SpriteFrameCache：获取很简单，只有一种方式，

SpriteFrame* getSpriteFrameByName(const std::string& name);
/* 函数内部
 * 用给定的name在_spriteFrames中寻找。
 * 如果没找到则用name在_spriteFramesAliases中查找别名，并用别名在_spriteFrames中寻找。
 * 最终找到了返回SpriteFrame，未找到返回nullptr。
 */

我：你在介绍使用方式的同时也介绍了不少实现方式，同时提到了许多你使用的变量，简单做个总结。
SpriteFrameCache：嗯，好的。其实我只用到了三个变量，

Map<std::string,SpriteFrame*> _spriteFrames;    // 存储SpriteFrame的名字与SpriteFrame之间的映射。
ValueMap _spriteFramesAliases;    // 存储SpriteFrame的别名与SpriteFrame的名字之间的映射。
std::set<std::string>*  _loadedFileNames;    // 存储加载过的plist文件名。加载过的plist不会重复加载。

其中最核心的就是_spriteFrames这个变量。每个SpriteFrame在我这里都有个名字，从我这里取走SpriteFrame或是删除SpriteFrame都需要提供他们的名字。
我：终于，你的工作差不多都聊完了。
SpriteFrameCache：其实还未完全，我的实现中还支持SpriteFrame的polygonInfo以及.9.png类型的图片。
我：这些等我对他们了解了之后，再回过头来看吧。

我：和SpriteFrameCache聊了很长时间，现在终于轮到你了AnimationCache。
AnimationCache：我的使用方式没有SpriteFrameCache的那么多，添加Animation的方式有两种，可以通过plist文件添加，

void addAnimationsWithFile(const std::string& plist);
/* 函数内部 * 读取plist文件的内容。 * 调用addAnimationsWithDictionary(); */
void addAnimationsWithDictionary(const ValueMap& dictionary,const std::string& plist);
/* 函数内部 * 根据plist的内容，获取自己需要用到的spritesheets，并将他们添加进SpriteFrameCache中。 * 根据plist的format，解析出创建AnimationFrame所需信息，并创建它。 * 根据plist的format，解析出创建Animation所需信息，并创建它。 * 将Animation与其名字作为映射存入_animations变量中。 */

一个实际的例子，

auto cache = AnimationCache::getInstance();
cache->addAnimationsWithFile("xxx.plist");
auto dance_animation = cache->getAnimation("dance");

或者您已经创建好了Animation，我也是再高兴不过的了，

void addAnimation(Animation *animation,const std::string& name);
/* 函数内部 * _animations.insert(name,animation); */

删除Animation的方式只有一个，

void removeAnimation(const std::string& name);
/* 函数内部 * _animations.erase(name); */

获取Animation的方式也只有一个，

Animation* getAnimation(const std::string& name);
/* 函数内部
 * _animations.at(name);
 */

此外要说明一点，在plist文件中您可以为每一个动画帧指定userInfo，通过在每一个动画帧中加入如下key-value，

<key>notification</key>
<dict>
    ...
</dict>

具体点的例子，

<key>notification</key>
<dict>
    <key>key1</key>
    <integer>1234</integer>
    <key>key2</key>
    <false/>
</dict>

在解析plist中每一动画帧的信息时，会把这些作为用户信息存入AnimationFrame::_userInfo中。还记得Animate的工作方式吗，在动画播放此帧时他将发送这些信息，您只需要在程序中接收这些信息即可，

/* AnimationFramedisplayednotification定义在cocos/base/ccMacros.h， * #define AnimationFramedisplayednotification "CCAnimationFramedisplayednotification" * 是用户自定义事件的名字。 * 当动画帧播放完成时，Animate会将该帧的userInfo通过名为CCAnimationFramedisplayednotification的自定义事件发送。 * userInfo会以AnimationFrame::displayedEventInfo结构体的形式发送。 */
auto listener = EventListenerCustom::create(AnimationFramedisplayednotification,[](EventCustom *e) {
    auto userdata = static_cast<AnimationFrame::displayedEventInfo *>(e->getUserData());

    log("target[%p],data[%s]",userdata->target,Value(*(userdata->userInfo)).getDescription().c_str());
});

我：你的内容真的少很多，那么同SpriteFrameCache一样，对你使用的变量，做个简单的总结。
AnimationCache：我使用的变量只有一个，也是最核心的，

Map<std::string,Animation*> _animations;    // 存储Animation的名字与Animation之间的映射。

每个Animation在我这里都有个名字，从我这里取走或是删除Animation都需要提供他们的名字。
我：今天的对话总算是结束了，不过SpriteFrameCache并没有了解完全，以下这些东西还需要了解。
polygonInfo
.9.png

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

如何使用CCRenderTexture创建动态纹理 Cocos2d-x 2 1 4
    本文实践自 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在载入图片方面也有了非常大改变，仅仅只是
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot