Cocos2dx 流星效果实现

DionysosLai([email protected]) 2014/8/28

对于用来衬托唯美的意境,与其天空中,点点一闪而过的流星,莫不是说最适合了。对于痴情儿女,私定终身就在这一刻良辰美景中了。今天,我等糙人就来“糟蹋”这一个美好的事物。

         功能需求:

1.      实现流星效果。达到的效果与下图一致:

         功能分析:

1.      通过图片分析,可以简化成下图所示:

不变部分:流星头;

拖尾部分:流星尾巴,注意流星尾巴是一头粗糙,一头尖,同时从头到尾,颜色会变化,变化幅度取决于位置。

粒子部分:在流星尾巴区域,可以适当一些细碎的小星星。

因此,流星的制作:就是精灵移动+拖尾效果+细碎的小星星粒子效果

         功能实现:

重点部分,就是流星拖尾部分制作,置于小星星的粒子效果,就是自己慢慢调了。

实现流星拖尾:

这里采用的cocos2dx自带的CCMotionStreak类。对于CCMotionStreak的应用,可以看引擎自带测试例子。

核心代码如下所示:

m_pMoStar = CCMotionStreak::create(0.5f, 1, 7, ccWHITE,"page9/steak.png" );
m_pMoStar->setPosition(CCPointZero);
m_pMoStar->setVisible(false);
addChild(m_pMoStar);

然后再update中不停的更新其位置即可。

这里面的一些数值是根据图片调出来,拖尾图片如下所示:

这里的图片有出路,原来是用在切水果游戏中的刀光效果。在实际使用时,图片应该是一头粗,一头细,同时尾巴有其他颜色。

详细代码和资源路径,请访问这里: https://github.com/DionysosLai/cocoEffect/tree/master/%E6%B5%81%E6%98%9F 。

明天中秋,祝大家节日快乐!

时间: 2024-11-10 13:29:03

Cocos2dx 流星效果实现的相关文章

6 cocos2dx粒子效果,类图关系,系统原生粒子和自己定义粒子效果,粒子编译器软件,爆炸粒子效果,烟花效果,火焰效果,流星效果,漩涡粒子效果,雪花效果,烟雾效果,太阳效果,下雨效果

?? 1 粒子 演示样例 2 类图关系 3 系统原生粒子 CCParticleSystem 全部粒子系统的父类 CCParticleSystemPoint. CCParticleSystemQuad 点粒子和方形粒子系统,都继承了CCParticleSystem的全部属性 CCParticleExplosion 爆炸粒子效果 CCParticleFireworks 烟花粒子效果 CCParticleFire 火焰粒子效果 CCParticleMetepr 流行粒子效果 CCParticleSpi

6 cocos2dx粒子效果,类图关系,系统原生粒子和自定义粒子效果,粒子编译器软件,爆炸粒子效果,烟花效果,火焰效果,流星效果,漩涡粒子效果,雪花效果,烟雾效果,太阳效果,下雨效果

 1 粒子 示例 2 类图关系 3 系统原生粒子 CCParticleSystem 所有粒子系统的父类 CCParticleSystemPoint. CCParticleSystemQuad 点粒子和方形粒子系统,都继承了CCParticleSystem的所有属性 CCParticleExplosion 爆炸粒子效果 CCParticleFireworks 烟花粒子效果 CCParticleFire 火焰粒子效果 CCParticleMetepr 流行粒子效果 CCParticleSpira

cocos2d-x场景效果切换

Cocos2d-x提供了很多场景间切换的效果 1.使用方法: ccTime t = 1.2;    CCScene * pScene = CCScene::node();    CCLayer *pLayer = new book_page1();    pLayer->autorelease();    pScene->addChild(pLayer);    CCTransitionFade* transitionScene = CCTransitionFade::transitionWi

cocos2d-x 粒子效果

大规模运动的物体通常有两种方法实现 1,使用帧动画来模拟 2,粒子效果 粒子系统有CCParticleSystem类实现,CCParticleSystem实现了对粒子的控制与调度,对粒子的操作包括: 1,产生粒子 2,更新粒子状态 3,回收无效粒子 粒子系统继承自CCNode ,可以添加到其他节点之中 cocos2d-x内置了一些粒子效果如: - CCParticleSystem(所有粒子系统的父类) -- CCParticleSystemPoint.CCParticleSystemQuad (

cocos2dx翻牌效果示例

实现类似翻扑克牌的效果 代码如下: OrbitCamera* rotate1; OrbitCamera* rotate2; if(towardRight){//向右翻转 rotate1=OrbitCamera::create(0.4f,1,0, 0, -86.5f, 0, 0); rotate2=OrbitCamera::create(0.4f,1,0, 86.5f,-90, 0, 0); }else{//向左翻转 rotate1=OrbitCamera::create(0.4f,1,0, 0,

cocos2d-x实用效果之BOX2D的圆形包围边界

本文基于cocos2d-x2.2.3,并未在3.0之后的版本下编写,仅仅是提供一个思路,方便日后其他场景使用到该功能点可以参考,也没有详细讲述box2d物理引擎的基础知识,相关知识请自行多参考其他技术文档. 使用box2d物理引擎,通常需要我们自己给定一个边界来限制body的活动范围,最常用的是在屏幕的边界使用四条边来包围,形成一个矩形.但如果我们的需求是在一个圆形范围内,仅仅想通过一个中心点和半径来确定这个范围,该如何处理呢?其实圆弧也可以看成是无数小线段组成的,当线段数目足够多时便无限趋近于

cocos2dx 翻牌效果

CCSprite *sp = CCSprite::create(""); addChild(sp,0); sp->setPosition(ccp(s.width / 2, s.height / 2)); CCSprite *sprite,*sprite2; CCOrbitCamera *orbit,*orbit2; CCActionInterval *seq,*seq2; sprite = CCSprite::create("Images/back.png")

cocos2dx打字效果

Label *label; std::string content; 创建: content = "这世界我来了,任凭风暴漩涡.这是你爱的承诺,兄弟一二三四五,兄弟个十百千万,兄弟情 深似海深,兄弟来生一个妈!兄弟相逢,三碗酒,兄弟安民,万世夸!富士康的减肥看电视剧的是否健康的设计费第三方绝对是第三方会计阿斯顿反馈"; n = 3;// 0~3来获得一个中文字符 label = Label::create(); label->setString(""); la

js+jQuery实现贪吃蛇小游戏

这是我第一次这么认真的去写一个程序.今天老师布置的编程任务是实现一个贪吃蛇的小游戏,一开始感觉很茫然的,因为以前都没有这么系统的去做过一个编程任务.后来理清思路去做,感觉问题也并不是那么的难. 首先,第一步肯定是要编写出我们的的静态页面. 第二步,让我们的贪吃蛇先从一个开始动起来. 第三步,让我们通过键盘去控制他的运动方向. 第四步,让我们去判断我们的贪吃蛇有没有撞墙,有没有吃到自己,因为这已经犯规了. 第五步,给我们的贪吃蛇随机生成一个‘食物’. 第六步,实现每当我们的贪吃蛇吃了一个食物,他都