1、概述

帧事件也是新加入的功能。这篇中我们将看到如何使用它。我们将上篇中制作的动画稍加修改。有图为证：

2、用途与原理

首先介绍一下帧事件。正如其名：一个与帧相关联的事件。

为什么要这么做呢？首先没人想做一大堆碎动画，然后一点一点拼着播放吧。另外，有时候流程与事件控制最好关联到帧。比如一个攻击动作，有出刀和收刀两部分。伤害自然是在刀所触到敌人时候产生的。做成两个动画比较麻烦，程序要管理大量的动画，而且美工也会很郁闷：不但给你们切图，还要给你们切动画。如果用固定时间来做，也是会有问题。比如机器卡了，帧数就会下降。这个时候，时间就不准确了。用帧事件的方式就会比较好，到了“触刀”那帧，就会有事件，能较好的处理这种情况。

它的原理是监听。当运行到事件所在的帧时，会触发回调。我们要做的就是在回调函数中操作，判断这一帧是不是我们想要的，标记的方式是Tag字符串。

3、设置帧事件

打开项目，运行动画编辑器，切换到动画模式。

将时间轴拖动到相应帧处，选择一个对象，这里我选择的是左手。然后在它的属性中设置帧事件。

4、创建新工程

运行脚本创建testFrameEvt，编译运行确保原始工程正确。

将CocoStudio导出的资源复制到Resource目录下。

然后配置CocoStudio导出文件的依赖路径和库。可参照：Cocos2d-x 3.0 开发（十一）3.0 alpha1文件结构变化。

5、载入动画

更改init:

[cpp] view plaincopyprint?

bool HelloWorld::init()
{
//
// 1. super init first
if ( !Layer::init() )
{
return false;
}
Size visibleSize = Director::getInstance()->getVisibleSize();
Point origin = Director::getInstance()->getVisibleOrigin();
ArmatureDataManager::getInstance()->addArmatureFileInfo("changeShape.ExportJson");
Armature* arm =Armature::create("changeShape");
arm->getAnimation()->play("frameSingle");
arm->getAnimation()->setSpeedScale(0.5);
arm->setPosition(Point(visibleSize.width/2,visibleSize.height/2));
this->addChild(arm);
return true;
}

运行，可见动画播放。

6、监听帧事件

在类中添加一个函数：

[cpp] view plaincopyprint?

void onFrameEvent(Bone *bone, const string& evt, int originFrameIndex, int currentFrameIndex);

并在cpp中实现：

[cpp] view plaincopyprint?

void HelloWorld::onFrameEvent(Bone *bone, const string& evt, int originFrameIndex, int currentFrameIndex)
{
if(strcmp(evt,"110") == 0)
{
ActionInterval *action = ShatteredTiles3D::create(0.8f, Size(30,30), 5, false);
this->runAction(action);
}
}

可以看出，事件是由一个字符串来标记的。

最后在init中注册：

[cpp] view plaincopyprint?

arm->getAnimation()->setFrameEventCallFunc(this,frameEvent_selector(HelloWorld::onFrameEvent));

帧事件我们用了一个效果来表现，所以还要恢复Grid，这里我们加入一个schedule函数。当然，这里也可以用帧事件来标记恢复点。

[cpp] view plaincopyprint?

//声明
void checkAction(float dt);
//实现
void HelloWorld::checkAction(float dt)
{
if ( this->getNumberOfRunningActions() == 0 && this->getGrid() != nullptr)
this->setGrid(nullptr);
}
//注册
schedule( schedule_selector(HelloWorld::checkAction) );

编译运行，就能看到效果了。

7、总结

通过在cocoStudio中设置Tag的方式来标记帧事件，在程序中设置回调。然后根据tag名来判断是否是需要的帧事件。这里我有两个担心，首先是效率问题，不知当帧事件多的时候，监听运行起来效率如何。第二是当效率低自动抽帧时，会不会将事件帧抽掉，导致没有事件出现。但愿我的担心是多余的。

Demo 下载：http://download.csdn.net/detail/fansongy/6621423

本篇博客出自阿修罗道，转载请注明出处，不得用于商业用途：http://blog.csdn.net/fansongy/article/details/16991385

转载于:https://www.cnblogs.com/dudu580231/p/4983785.html

实习小白：：(转) Cocos2d-x 3.0开发（十三）使用CocoStudio编辑帧事件并关联到程序...相关推荐

实习小白：：(转) Cocos2d-x 3.0开发（五）关联程序逻辑与cocoStudio导出文件
1.概述上篇说到将CocoStudio的导出文件在程序中运行出来,但是并没有用户交互,即点击响应,程序的逻辑判断也都没有.这篇中我们把它们加进去,这样就可以算一个完整的程序了.先上个图: 运行后,点 ...
实习小白：：(转) Cocos2d-x 3.0 开发（八）骨骼动画的动态换肤
1. 概述游戏中人物的状态会发生改变,而这种改变通常要通过局部的变化来表现出来.比如获得一件装备后人物形象的改变,或者战斗中武器.防具的损坏等.这些变化的实现就要通过动态换肤来实现.在接下来的这 ...
转自：拜小白教你OpenCV3.2.0+VS2017开发环境配置
拜小白教你OpenCV3.2.0+VS2017开发环境配置本文转载自<拜小白教你OpenCV3.2.0+VS2017开发环境配置>.转载链接. https://blog.csdn.net ...
图文并茂使用CocosBuilder制作Cocos2D游戏分享0
图文并茂使用CocosBuilder制作Cocos2D游戏分享0 目录 The Game 设置工程创建动画类型的主界面本文由Zynga 工程师原创,翻译:Iven,张作宸,Butterfly ...
Cocos2d-x 3.0开发（五）关联程序逻辑与cocoStudio导出文件
本篇博客出自阿修罗道,转载请注明出处:http://blog.csdn.net/fansongy/article/details/12795299 1.概述上篇说到将CocoStudio的导出文件在 ...
大学毕业没有实习经历_我是如何在大学毕业后没有实习的情况下获得第一份开发人员工作的...
大学毕业没有实习经历 by Tim Park 蒂姆·帕克(Tim Park) 我是如何在大学毕业后没有实习的情况下获得第一份开发人员工作的 (How I got my first developer ...
ztree树封装 json实例_小白7天入门PHP Web开发 - Day 6[下]（综合）个人博客实例讲解用户数据的存储...
<小白7天入门PHP Web开发>系列文章,面向单纯善良的完全不懂Web开发编程的入门速成课程,小白们如果感兴趣可以研读此系列文章,也可以连线提问.各路大神有何指教还请指点一二.希望各路大 ...
ibm服务器的虚拟控制台,IBM Worklight 6.0 - 开发服务器/控制台问题
在Worklight v5.0.6中预览Worklight Console的MBS中的混合应用程序非常简单,因为它的工作原理非常简单.IBM Worklight 6.0 - 开发服务器/控制台问题 W ...
Struts 2创始人Patrick Lightbody看《精通Struts 2：Web 2.0开发实战》
<精通Struts 2:Web 2.0开发实战 > Apache Struts是目前最成功开源项目之一.除了一些基础性项目如Linux.MySQL以及若干编程语言外,很少有开源框架能像St ...

实习小白：：(转) Cocos2d-x 3.0开发（十三）使用CocoStudio编辑帧事件并关联到程序...

1、概述

2、用途与原理

3、设置帧事件

4、创建新工程

5、载入动画

6、监听帧事件

7、总结

实习小白：：(转) Cocos2d-x 3.0开发（十三）使用CocoStudio编辑帧事件并关联到程序...相关推荐

最新文章

热门文章