Cocos2d-x特效：场景切换效果、控件动作、逐帧动画

原文

第三阶段：常用功能2

1.Cocos2d-x场景切换
Size visibleSize = Director::getInstance()->getVisibleSize();


Sprite *bg = Sprite::create( "bg.jpg" );
bg->setPosition(visibleSize.width/ 2 ,visibleSize.height/ 2 );
addChild(bg);


LabelTTF *label = LabelTTF::create( "Show Next Scene" , "Courier" , 36 );
addChild(label);

label->setPosition(visibleSize.width/ 2 );

EventListenerTouchOneByOne *listener = EventListenerTouchOneByOne::create();
listener->onTouchBegan = [label, this ](Touch* t,Event *e){

 if (label->getBoundingBox().containsPoint(t->getLocation())) {

Director::getInstance()->replaceScene(TransitionFadeBL::create( 1 ,ImageScene::createScene()));
}

 return false ;
};
Director::getInstance()->getEventdispatcher()->addEventListenerWithSceneGraPHPriority(listener,label);
return true;


在ImageScene.h中
#include <iostream>
#include <cocos2d.h>
USING_NS_CC;
class ImageScene: public Layer {
public :
static Scene* createScene();
virtual bool init();
CREATE_FUNC(ImageScene);
};
在ImageScene.cpp中
"ImageScene.h"
Scene* ImageScene::createScene(){
Scene* scene = Scene::create();
 ImageScene * layer = ImageScene::create();
scene->addChild(layer);
return scene;
}
bool ImageScene ::init(){
Size size = Director::getInstance()->getVisibleSize();
Sprite *s = Sprite::create( "HelloWorld.png" );
s->setPosition(size.width/ 2 );
addChild(s);
true ;
}


2.Cocos2d-x场景切换效果
Director::getInstance()->replaceScene(TransitionFadeBL::create( 1 ,ImageScene::createScene()));

cocos2d Scene场景转换
  1. TransitionCrossFade.create(t,scene)//交叉消失两个场景使用cc.RenderTexture对象。
  2. TransitionFad.create(t,scene,color)//淡出即将离任的场景,然后消失在传入的场景。
  4. TransitionFadeBL.create(t,scene)//向左下波浪退出
  5. TransitionFadeDown.create(t,0); background-color:inherit">//向下百叶窗式换场景
  6. TransitionFadeUp.create(t,0); background-color:inherit">//向上百叶窗式换场景

  8. TransitionJumpZoom.create(t,0); background-color:inherit">//跳跃式替换，场景缩小，再加载进来
  9. TransitionMoveInB.create(t,0); background-color:inherit">//创建一个在底部，覆盖当前场景
  10. TransitionMoveInR.create(t,0); background-color:inherit">//创建一个在右边，覆盖当前场景
  11. TransitionMoveInT.create(t,0); background-color:inherit">//创建一个在左边，覆盖当前场景
  12. TransitionPageTurn.create(t,backwards)//前翻页式场景替换
  13. TransitionRadialCW.create(t,0); background-color:inherit">//逆时针切入
  14. TransitionRotoZoom.create(t,0); background-color:inherit">//转换角度替换
  15. TransitionFlipAngular.create(t,o)//按一定角度左翻
  16. TransitionFlipX.create(t,0); background-color:inherit">//X轴左边翻换
  17. TransitionFlipY.create(t,0); background-color:inherit">//Y轴左边翻换
  18. TransitionZoomFlipAngular.create(t,0); background-color:inherit">//带有缩放效果，有角度的转左翻
  19. TransitionZoomFlipX.create(t,0); background-color:inherit">//带有缩放效果，在X轴左翻
  20. TransitionZoomFlipY.create(t,0); background-color:inherit">//带有缩放效果，左Y轴左翻
  21. TransitionShrinkGrow.create(t,0); background-color:inherit">//交叉着替换场景
  22. TransitionSlideInB.create(t,0); background-color:inherit">//场景有底部进入
3.Cocos2d-x动作
instant /'ɪnst(ə)nt/ 片刻,顷刻,刹那/ 立即的
Size visibleSize = Director::getInstance()->getVisibleSize();

 auto label = LabelTTF::create( "jikexueyuan" ,216)">30 );
label->setPosition(visibleSize.width/ 2 );
addChild(label);

 auto listener = EventListenerTouchOneByOne::create();
listener->onTouchBegan = [label](Touch *t,162)">if (label->getBoundingBox().containsPoint(t->getLocation())) {

 // label->runAction(Moveto::create(1,Point(100,100)));
// label->runAction(MoveBy::create(1,Point(-50,-50))->reverse());

// label->runAction(Spawn::create(MoveBy::create(1,100)),RotateBy::create(1,360),NULL));

// label->runAction(Sequence::create(MoveBy::create(1,NULL));


label->runAction(Sequence::create(
MoveBy::create( 100 ,216)">100 )),
RotateBy::create( 360 ),
CallFunc::create([](){
MessageBox( "Action complete" ,27)">"complete" );
}),162)">NULL ));
}

 false ;
};
Director::getInstance()->getEventdispatcher()->addEventListenerWithSceneGraPHPriority(listener,label);
// label->runAction(Repeat::create(RotateBy::create(1,180),3));
// label->runAction(RepeatForever::create(RotateBy::create(1,180)))

true ;


4.Cocos2d-x动作反转
label->runAction(MoveBy::create(1,-50))->reverse());
5.Cocos2d-x动作重复
6.Cocos2d-x动作混合
同时执行：

8.Cocos2d-x动作侦听
RotateBy之后执行 CallFunc：
label->runAction(Sequence::create(
MoveBy::create( "complete" );
}),NULL));

9.Cocos2d-x动画
auto cache = SpriteFrameCache::getInstance();
cache->addSpriteFramesWithFile( "anim.plist" );

Vector<SpriteFrame*> vec;
 char name[ 15 ];
memset(name,216)">0 ,216)">15 );

 for ( int i= 0 ; i< 20 ; i++) {
sprintf(name,27)">"anim%04d" ,i);
vec.pushBack(cache->getSpriteFrameByName(name));
}
//每秒十帧
Animation *animation = Animation::createWithSpriteFrames(vec,216)">0.1f );
Animate *animate = Animate::create(animation);

 auto sprite = Sprite::create();
addChild(sprite);
sprite->setPosition( 200 ,216)">200 );
sprite->runAction(RepeatForever::create(animate));

Cocos2d-x特效：场景切换效果、控件动作、逐帧动画的更多相关文章

  1. HTML5自定义视频播放器源码

    这篇文章主要介绍了HTML5自定义视频播放器源码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

  2. HTML5自定义mp3播放器源码

    这篇文章主要介绍了HTML5自定义mp3播放器源码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

  3. html5自定义video标签的海报与播放按钮功能

    这篇文章主要介绍了html5自定义video标签的海报与播放按钮功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

  4. CSS中实现动画效果-附案例

    这篇文章主要介绍了 CSS中实现动画效果并附上案例代码及实现效果，就是CSS动画样式处理，动画声明需要使用@keyframes name,后面的name是人为定义的动画名称，下面我们来看看文章的具体实现内容吧，需要的小伙伴可以参考一下

  5. h5页面背景图很长要有滚动条滑动效果的实现

    这篇文章主要介绍了h5页面背景图很长要有滚动条滑动效果的实现,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  6. html5借用repeating-linear-gradient实现一把刻度尺（ruler）

    这篇文章主要介绍了html5借用repeating-linear-gradient实现一把刻度尺，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  7. 如何在Canvas中添加事件的方法示例

    这篇文章主要介绍了如何在Canvas中添加事件的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  8. HTML5自定义元素播放焦点图动画的实现

    这篇文章主要介绍了HTML5自定义元素播放焦点图动画的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  9. 有关HTML5页面在iPhoneX适配问题

    这篇文章主要介绍了有关HTML5页面在iPhoneX适配问题,需要的朋友可以参考下

  10. html5简介及新增功能介绍

    这篇文章主要介绍了html5简介及新增功能介绍,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

随机推荐

  1. 【cocos2d-x 3.x 学习笔记】对象内存管理

    Cocos2d-x的内存管理cocos2d-x中使用的是上面的引用计数来管理内存，但是又增加了一些自己的特色。cocos2d-x中通过Ref类来实现引用计数，所有需要实现内存自动回收的类都应该继承自Ref类。下面是Ref类的定义：在cocos2d-x中创建对象通常有两种方式：这两中方式的差异可以参见我另一篇博文“对象创建方式讨论”。在cocos2d-x中提倡使用第二种方式，为了避免误用第一种方式，一般将构造函数设为protected或private。参考资料：[1]cocos2d-x高级开发教程2.3节[

  2. 利用cocos2dx 3.2开发消灭星星六如何在cocos2dx中显示中文

    由于编码的不同，在cocos2dx中的Label控件中如果放入中文字，往往会出现乱码。为了方便使用，我把这个从文档中获取中文字的方法放在一个头文件里面Chinese.h这里的tex_vec是cocos2dx提供的一个保存文档内容的一个容器。这里给出ChineseWords,xml的格式再看看ChineseWord的实现Chinese.cpp就这样，以后在需要用到中文字的地方，就先include这个头文件然后调用ChineseWord函数，获取一串中文字符串。

  3. 利用cocos2dx 3.2开发消灭星星七关于星星的算法

    在前面，我们已经在GameLayer中利用随机数初始化了一个StarMatrix，如果还不知道怎么创建星星矩阵请回去看看而且我们也讲了整个游戏的触摸事件的派发了。

  4. cocos2dx3.x 新手打包APK注意事项！

    这个在编译的时候就可以发现了比较好弄这只是我遇到的，其他的以后遇到再补充吧。。。以前被这两个问题坑了好久

  5. 利用cocos2dx 3.2开发消灭星星八游戏的结束判断与数据控制

    如果你看完之前的，那么你基本已经拥有一个消灭星星游戏的雏形。开始把剩下的两两互不相连的星星消去。那么如何判断是GameOver还是进入下一关呢。。其实游戏数据贯穿整个游戏，包括星星消除的时候要加到获得分数上，消去剩下两两不相连的星星的时候的加分政策等，因此如果前面没有做这一块的，最好回去搞一搞。

  6. 利用cocos2dx 3.2开发消灭星星九为游戏添加一些特效

    needClear是一个flag，当游戏判断不能再继续后，这个flag变为true，开始消除剩下的星星clearSumTime是一个累加器ONE_CLEAR_TIME就是每颗星星消除的时间2.连击加分信息一般消除一次星星都会有连击信息和加多少分的信息。其实这些combo标签就是一张图片，也是通过控制其属性或者runAction来实现。源码ComboEffect.hComboEffect.cpp4.消除星星粒子效果消除星星时，为了实现星星爆裂散落的效果，使用了cocos2d提供的粒子特效引擎对于粒子特效不了

  7. 02 Cocos2D-x引擎win7环境搭建及创建项目

    官网有搭建的文章，直接转载记录。环境搭建：本文介绍如何搭建Cocos2d-x3.2版本的开发环境。项目创建：一、通过命令创建项目前面搭建好环境后，怎样创建自己的Cocos2d-x项目呢？先来看看Cocos2d-x3.2的目录吧这就是Cocos2d-x3.2的目录。输入cocosnew项目名–p包名–lcpp–d路径回车就创建成功了例如：成功后，找到这个项目打开proj.win32目录下的Hello.slnF5成功了。

  8. 利用cocos2dx 3.2开发消灭星星十为游戏添加音效项目源码分享

    一个游戏，声音也是非常的重要，其实cocos2dx里面的简单音效引擎的使用是非常简单的。我这里只不过是用一个类对所有的音效进行管理罢了。Audio.hAudio.cpp好了，本系列教程到此结束，第一次写教程如有不对请见谅或指教，谢谢大家。最后附上整个项目的源代码点击打开链接

  9. 03 Helloworld

    程序都有一个入口点，在C++就是main函数了，打开main.cpp，代码如下：123456789101112131415161718#include"main.h"#include"AppDelegate.h"#include"cocos2d.h"USING_NS_CC;intAPIENTRY_tWinMain{UNREFERENCED_ParaMETER;UNREFERENCED_ParaMETER;//createtheapplicationinstanceAppDelegateapp;return

  10. MenuItemImage*图标菜单创建注意事项

    学习cocos2dx,看的是cocos2d-x3.x手游开发实例详解，这本书错误一大把，本着探索求知勇于发现错误改正错误的精神，我跟着书上的例子一起调试，当学习到场景切换这个小节的时候，出了个错误，卡了我好几个小时。

返回
顶部