cocos2d-x 粒子系统例子 Rocket Through

游戏出自《Cocos2d-X by Example Beginner's Guide》第5章。

效果图：

这游戏的玩法：

首先点在火箭上，再拖动任意位置，就画成一条直线，火箭就会绕着旋转。

要吃发光的黄色星星就会得分，火箭碰到行星或者彗星都会爆炸，右边的橙色进度条掉完也会爆炸。

点评：

这游戏非常难，我还不会玩，黄色的星星出现在上面，要控制火箭以圆形方式过去非常难。

1.cocos2d-x中的粒子系统

如果不深入了解粒子系统的话，就单单使用是非常简单的。粒子给游戏增色不少。cocos2d-x中的粒子一般用"ParticleDesigner"这软件创建，是Mac系统的，暂时没用过。

如何在游戏中使用呢？非常简单，看下面的代码。

//创建CCParticleSystem *_comet = CCParticleSystemQuad::create("comet.plist");//创建时先不显示_comet->stopSystem();//位置，像Sprite一样_comet->setPosition(ccp(0,_screenSize.height * 0.6f));_comet->setVisible(false);this->addChild(_comet,kForeground);

2.cocos2d-x中画线条

这游戏建了一个线条类，继承CCNode，重写draw方法就行了。在draw方法中简单地调用ccDrawColor4F函数来设置颜色，ccDrawLine来画线条，非常容易，cocos2d-x这些函数封装了opengles中的原始函数，使用非常简单。

void LineContainer::draw(){switch(_lineType){case LINE_NONE:break;case LINE_TEMP://设置颜色ccDrawColor4F(1.0,1.0,1.0,1.0);//画线条ccDrawLine(_tip,_pivot);//画圆ccDrawCircle(_pivot,10,CC_DEGREES_TO_RADIANS(360),10,false);break;case LINE_DASHED:ccDrawColor4F(1.0,1.0,1.0,1.0);ccDrawCircle(_pivot,10,M_PI,10,false);int segments = _lineLength / (_dash + _dashSpace);float t = 0.0f;float x_;float y_;for (int i = 0; i < segments + 1; ++i) {x_ = _pivot.x + t * (_tip.x - _pivot.x);y_ = _pivot.y + t * (_tip.y - _pivot.y);ccDrawCircle(ccp ( x_, y_ ), 4, M_PI, 6, false);t += (float) 1 / segments;}break;}//draw energy barccDrawColor4F(0.0, 0.0, 0.0, 1.0);ccDrawLine(ccp(_energyLineX, _screenSize.height * 0.1f),ccp(_energyLineX, _screenSize.height * 0.9f));ccDrawColor4F(1.0, 0.5, 0.0, 1.0);ccDrawLine(ccp(_energyLineX, _screenSize.height * 0.1f),ccp(_energyLineX, _screenSize.height * 0.1f + _energy * _energyHeight ));}

3.火箭的旋转飞行

这可能是游戏中的一个难点。主要要用到一些数学知识。还要理解火箭的每次旋转度数是目标度数减去已经旋转的度数。因为update方法每时每刻调用的。

还好cocos2d-x中提供了像ccpRotateByAngle,和ccpRPerp函数，让程序更加简单。

void Rocket::update(float dt){CCPoint position = this->getPosition();//CCLog("_rotationOrientation:%d",_rotationOrientation);if (_rotationOrientation == ROTATE_NONE) {//默认情况下直行运行position.x += _vector.x * dt;position.y += _vector.y * dt;} else {//rotate point around a pivot by a certain amount (rotation angle)CCPoint rotatedPoint = ccpRotateByAngle(position, _pivot, _angularSpeed * dt);//当火箭旋转时，它的位置通过函数ccpRotateByAngle计算出来position.x = rotatedPoint.x;position.y = rotatedPoint.y;float rotatedAngle; //得到圆的切线CCPoint clockwise = ccpRPerp( ccpSub(position, _pivot) );if (_rotationOrientation == ROTATE_COUNTER) {rotatedAngle = atan2 (-1 * clockwise.y, -1 * clockwise.x);} else {rotatedAngle = atan2 (clockwise.y, clockwise.x);}//update rocket vector//更新向量这样断掉线的时候，火箭就往它头朝的方向直行运行_vector.x = _speed * cos (rotatedAngle);_vector.y = _speed * sin (rotatedAngle);//设置火箭将要旋转的度数this->setRotationFromVector();}//CCLog("getRotation():%f",this->getRotation());//wrap rotation values to 0-360 degreesif (this->getRotation() > 0) {this->setRotation( fmodf(this->getRotation(), 360.0f) );} else {this->setRotation( fmodf(this->getRotation(), -360.0f) );}if (_targetRotation > this->getRotation() + 180) {_targetRotation -= 360;}if (_targetRotation < this->getRotation() - 180) {_targetRotation += 360;}this->setPosition(position);//当火箭绕着圆旋转的时候每次旋转的度数=目标度数-当前已经旋转的度数_dr = _targetRotation - this->getRotation();_ar = _dr * _rotationSpring;_vr += _ar ;_vr *= _rotationDamping;//m_fRotationX += _vr ;setRotationX(getRotationX() + _vr);    }

4.星星的位置

火箭要吃的黄色星星出现的位置不能与已存在的行星重叠。又要随机。这游戏做的非常有趣，把屏幕分成大小一样的格子，如果当前格子不与行星重叠，那么就把这格子位置加入到数组中，在游戏的开始处，会对这数组进行洗牌。黄色星星位置就是这数组中的值，索引每次自增1，用完了再从0开始。这种方式比吃掉一个黄色星星，游戏重新进行查找合法位置要快很多。赞一个。

项目下载：

http://www.waitingfy.com/?attachment_id=665

文章源地址：

http://www.waitingfy.com/?p=669