【Cocos2d-x游戏引擎开发笔记(12)】粒子系统实现与用户交互的特效

原创文章，转载请注明出处：http://blog.csdn.net/zhy_cheng/article/details/8294125。

无实战不学习，这次来用粒子系统实现与用户交互的特效。下面是在我的安卓手机上的效果图

第一张图片实现手指在屏幕上滑动的时候一群粒子跟着手指，第二张图片实现手指在屏幕上点击的时候一个爆炸效果。另外还用粒子系统实现一个太阳和烟。

下面看代码：

CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,false);

这行带码添加触屏事件

添加触屏事件的响应函数：

    virtual bool ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent);    virtual void ccTouchMoved(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent);    virtual void ccTouchEnded(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent);

先来看看实现太阳和烟的代码：

                  CCSprite* pSprite = CCSprite::create("background.png");                  CC_BREAK_IF(! pSprite);                  pSprite->setPosition(ccp(400, 240));this->addChild(pSprite, 0);sun->setTextureWithRect(CCTextureCache::sharedTextureCache()->addImage("fire.png"),CCRectMake(0,0,32,32));  sun->setPosition(ccp(700,350));addChild(sun);smoke->setTextureWithRect(CCTextureCache::sharedTextureCache()->addImage("fog.png"),CCRectMake(0,0,32,32));  smoke->setPosition(ccp(600,150));smoke->setLife(1);addChild(smoke);

先添加一个背景，再添加太阳和烟，这里要注意了，太阳和烟一定要是成员函数，否则在Android手机上用户快速滑动屏幕的时候，手机卡的话局部对象会被释放，用了成员变量的话就不会出现这种效果。

 void HelloWorld::ccTouchMoved(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent) { CCLog("ccTouchMoved"); getLine(pTouch->getLocation()); }

在ccTouchMoved方法中，调用getLine函数获得滑动时产生粒子的效果。

getLine函数如下

void HelloWorld::getLine(CCPoint pt) { cocos2d::CCParticleSystemQuad *mSystem=CCParticleSystemQuad::particleWithFile("Particle.plist");//mSystem->initWithFile("Particle.plist");//plist文件可以通过例子编辑器获得mSystem->setTextureWithRect(CCTextureCache::sharedTextureCache()->addImage("Particle.png")        ,CCRectMake(0,0,32,32));//加载图片，第一个参数是纹理，第二个参数是选择图片上的位置 mSystem->setBlendAdditive(true);//这个调用必不可少mSystem->setPosition(pt);//设置位置mSystem->setDuration(0.3f);mSystem->setLife(0.5f);addChild(mSystem);//mSystem->release();//delete mSystem;//CC_SAFE_DELETE(mSystem);mSystem->setAutoRemoveOnFinish(true); }

使用粒子编辑器编辑好的Particle.plist文件，产生粒子效果。根据传过来的位置设置粒子的位置。

对于点击的爆炸效果，先要判断用户是点击。

设置成员变量

float x,y;

bool HelloWorld::ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent) { x=pTouch->getLocation().x; y=pTouch->getLocation().y; CCLog("ccTouchBegan"); return true; }

在ccTouchBegan函数中赋初值。

在ccTouchEnded函数中判断是否是点击

 void HelloWorld::ccTouchEnded(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent) { if(fabs(pTouch->getLocation().x-x)<20&&fabs(pTouch->getLocation().y-y)<20) { getBoom(pTouch->getLocation()); } CCLog("ccTouchEnded"); }

这里通过判断开始的点和结束的点的x和y方向是否都小于20来判断是否是点击。这样的话就算是用户点击有微小的偏移也会作为点击，这样处理与实现相符，应为用户点击的确会出现偏移，这时起始点和结束点有微小的距离。

在getBoom函数中实现爆炸效果：

void HelloWorld::getBoom(CCPoint pt) { cocos2d::CCParticleSystemQuad*mSystem2 = CCParticleSystemQuad::particleWithFile("Boom.plist");//mSystem2->initWithFile("Boom.plist");//plist文件可以通过例子编辑器获得mSystem2->setTextureWithRect(CCTextureCache::sharedTextureCache()->addImage("fire.png")        ,CCRectMake(0,0,32,32));//加载图片，第一个参数是纹理，第二个参数是选择图片上的位置 mSystem2->setBlendAdditive(true);//这个调用必不可少mSystem2->setPosition(pt);//设置位置mSystem2->setDuration(0.05f);addChild(mSystem2);//mSystem2->release();//CC_SAFE_DELETE(mSystem2);mSystem2->setAutoRemoveOnFinish(true); }

好了，就这样了，最后要注意的是一定要调用setAutoRemoveOnFinish(true);函数释放内存，不然内存泄露。

最后附上源代码：点击下载。

4楼xuhaifeng9874天前 22:14

嗯，谢谢。QQ方便透漏下吗？以便交流

3楼xuhaifeng9875天前 12:49

第八章写的是将一个工程发布到Android上，我是不是可以理解工程是在Visual studio下开发，整个过程是以PC为环境，当正式测试在转为Android上。

Re: zhy_cheng5天前 12:55

回复xuhaifeng987n对的，VS2010开发，完成后，发布到android和ios平台

2楼xuhaifeng9875天前 09:30

请问用Cocos2d开发手机应用的过程是怎样的？先用Visual Studio开发，在部署到手机上吗？麻烦帮忙介绍下，谢谢。

Re: zhy_cheng5天前 11:27

回复xuhaifeng987n第八篇笔记不是解决了吗？你看看我的第八篇笔记。

1楼xuhaifeng9876天前 17:23

嗯 谢谢啦。可以透漏下QQ吗？方便交流下。

Re: zhy_cheng6天前 17:57

回复xuhaifeng987n好啊，664627300