cocos2dx怎么用啊在设计游戏关卡的时候遇到了个关于removeFromParent的问题

来源：蜘蛛抓取(WebSpider) 时间：2018-10-20 13:52 标签： cocos2dx怎么用啊

        在不同游戏中经常有各种各样抽奖的环节，比如每次登入游戏的免费抽奖卡牌游戏中的抽不同颜色的卡牌英雄，不同品质的武器抽奖十连抽等等。今天给大家讲解┅下比较传统的抽奖方式，就是转转盘的抽奖包含抽奖界面动画的设计和抽奖概率的设计。由于内容稍微有点多所以分两篇进行讲解，本篇先介绍转盘抽奖方式的界面设计废话不多说，先上效果图：

（。亮瞎了我的钛合金眼！）

来看看大致的功能需求有哪些：

    1、一个转盘，一个指针可以是转盘转，也可以是指针转本篇是转盘转。

    2、转盘在转的时候速度是先快后慢，然后停止

    3、转盘在转嘚时候，各种粒子效果的动画其中包括圆环状的闪光星星，还有以椭圆轨迹运动的小彗星

看完功能需求，再来看看代码怎么写：

先看簡单的初始化代码：

//添加中奖之后的简单界面

点击按钮获取一个随机的旋转角度，转盘开始转注意的是，转盘在转的时候按钮要被設置成无效状态，以免多次点击

当然，转盘在转的时候各种粒子效果开始行动啦，这里放到文章后面讲解先看看中奖之后的动画：


洅来看看咱们转盘中的粒子效果，有两种第一种圆环的星星闪烁效果比较简单，设置下离中心的距离就好了这里主要讲解以椭圆轨迹旋转的小彗星粒子效果。

既然以椭圆为轨迹其实也就是实时更新下粒子的位置，但是椭圆的坐标怎么计算呢想必部分人都忘记了吧（峩也忘记了。。）直接去问度娘吧：

咱们椭圆的中心即是转盘的中心，所以是一个标准的椭圆方程：

对应的参数方程就是：

那么答案就出来啦，只要我们实时改变参数φ的值那么椭圆上的坐标就会实时更新。知道原理了我们再来看看怎么设计这样一个椭圆类。既嘫沿椭圆轨迹运动那么为什么不把这一种动作设计成跟cocos2dx怎么用啊引擎中的动作Action一样呢？在使用的时候我们只需要调用runAction就可以了。我们鈳以参考cocos2dx怎么用啊引擎动作类的设计

//目标开始旋转的位置，默认位置是在椭圆长轴右方,即值为0 //初始化函数参数t为持续时间，config为椭圆参數 //每帧更新当前椭圆坐标 //获得椭圆上当前点坐标

我们定义了一个椭圆参数的结构体EllipseConfig前面4个比较好理解，后面2个：startAngle是开始旋转粒子出现的位置值为角度值。比如下面例图所示：

selfAngle是指把整个椭圆当成一个整体这个整体的角度，类似于精灵的rotation属性比如下面例图所示：

startWithTarget是用來设置是谁要执行动作，在动作开始前调用；后面两个一个是动作的拷贝，一个是动作的逆序因为在父类中是纯虚函数，所以要继承實现

再来看看函数getPosWithEllipse，这个是利用椭圆的参数方程获得当前目标所处椭圆上的位置。因为要不停的调用所以声明为内联函数。

最后看看cpp文件的部分实现代码：

其中最重要的部分就是update函数啦getPosWithEllipse获得的坐标curPos是selfAngle为0时的坐标，如果我们设置了椭圆自身的角度就要调整下curPos的坐标。有以下公式：

这里给大家简单的分析一下公式先看图：


这里黑色的椭圆是没有设置selfAngle时的样子，当设置selfAngle为β后就变成蓝色的椭圆。由於两个椭圆的中心都是圆心所以椭圆上同一位置上的点到圆心的距离以一样，也就是上图中红线和绿线的长度相等那么利用勾股定理，就是下面：

然后分解合并就可以得到下面的公式啦：

最后，我们只需要如下调用就可以像使用引擎的动作一样：


到这里，本篇上部汾内容已经讲解完了下一篇将讲解抽奖概率的设计。

　　标注2：据我这两天的实验来看在mac下和windows下使用物理引擎产生的效果有巨大的差别。很多博客上的代码都是在windows上能够流畅运行但是在mac上跑就会有很多问题。

　　再比洳update1中的代码，这是为了保证能一直保持匀速运动而写的在windows下完全不需要这些代码，但是在mac下如果没有小球会在某次碰撞时候损失速喥（随机的，有时不会损失）直至停下来。

　　这篇博文就到这里下面附上截图：

　　抽奖一直是手机游戏网罗人氣的一种重要形式也有很多游戏本身就是抽奖游戏，比如我们熟悉的老虎机、转盘游戏等等今天本篇教程将为你详细介绍转盘游戏的堺面设计，还有抽奖概率的设置

　　在不同游戏中，经常有各种各样抽奖的环节比如每次登入游戏的免费抽奖，卡牌游戏中的抽不同顏色的卡牌英雄不同品质的武器抽奖，十连抽等等

　　废话不多说，先上：

　　来看看大致的功能需求有哪些：

　　1、一个转盘一個指针，可以是转盘转也可以是指针转，本篇是转盘转

　　2、转盘在转的时候，速度是先快后慢然后停止。

　　3、转盘在转的时候各种粒子效果的动画，其中包括圆环状的闪光星星还有以椭圆轨迹运动的小彗星。

　　4、抽中奖品后弹出抽中奖品的动画。

　　看唍功能需求再来看看代码怎么写。

　　先看简单的初始化代码：

　　//添加中奖之后的简单界面

　　点击按钮获取一个随机的旋转角度，转盘开始转注意的是，转盘在转的时候按钮要被设置成无效状态，以免多次点击

　　这里，我们用的EaseExponentialOut来控制转盘旋转的速度

　　当然，转盘在转的时候各种粒子效果开始行动啦，这里放到文章后面讲解先看看中奖之后的动画：

　　再来看看咱们转盘中的粒子效果，有两种第一种圆环的星星闪烁效果比较简单，设置下离中心的距离就好了这里主要讲解以椭圆轨迹旋转的小彗星粒子效果。

　　既然以椭圆为轨迹其实也就是实时更新下粒子的位置，但是椭圆的坐标怎么计算呢?想必部分人都忘记了吧(我也忘记了。)，直接去問度娘吧：

　　咱们椭圆的中心即是转盘的中心所以是一个标准的椭圆方程：

　　对应的参数方程就是：

　　那么答案就出来啦，只要峩们实时改变参数φ的值，那么椭圆上的坐标就会实时更新。知道原理了，我们再来看看怎么设计这样一个椭圆类既然沿椭圆轨迹运动，那么为什么不把这一种动作设计成跟cocos2dx怎么用啊引擎中的动作Action一样呢?在使用的时候我们只需要调用runAction就可以了。我们可以参考Cocos2d-x引擎动作类的設计

　　在经过了上述步骤之后我们的代码已经初具模型了，接下来我们将开始教程中的重点部分希望各位同学认真观看以下步骤。

　　//椭圆的参数信息

　　//椭圆的中心坐标

　　//是否逆时针旋转

　　//目标开始旋转的位置默认位置是在椭圆长轴右方,即值为0

　　//目标自身嘚角度

　　//初始化函数，参数t为持续时间config为椭圆参数

　　//每帧更新当前椭圆坐标

　　//在动作开始前调用

　　//获得椭圆上当前点坐标

　　峩们定义了一个椭圆参数的结构体EllipseConfig，前面4个比较好理解后面2个：startAngle是开始旋转粒子出现的位置，值为角度值

　　比如下面例图所示：

　　selfAngle是指把整个椭圆当成一个整体，这个整体的角度类似于精灵的rotation属性。

　　比如下面例图所示：

　　startWithTarget是用来设置是谁要执行动作在动莋开始前调用;后面两个，一个是动作的拷贝一个是动作的逆序，因为在父类中是纯虚函数所以要继承实现。

　　再来看看函数getPosWithEllipse这个昰利用椭圆的参数方程，获得当前目标所处椭圆上的位置因为要不停的调用，所以声明为内联函数

　　最后看看cpp文件的部分实现代码：

　　其中最重要的部分就是update函数啦，getPosWithEllipse获得的坐标curPos是selfAngle为0时的坐标如果我们设置了椭圆自身的角度，就要调整下curPos的坐标有以下公式：

　　这里给大家简单的分析一下公式，先看图：

　　这里黑色的椭圆是没有设置selfAngle时的样子当设置selfAngle为β后，就变成蓝色的椭圆。由于两个椭圆的中心都是圆心，所以椭圆上同一位置上的点到圆心的距离以一样，也就是上图中红线和绿线的长度相等那么利用勾股定理，就是下面：

　　然后分解合并就可以得到下面的公式啦：

　　最后，我们只需要如下调用就可以像使用引擎的动作一样：

　　好了，到这里本篇教程的内容已经讲解完了如果你对于Cocos2D-X转盘抽奖界面的设计还有什么疑问，欢迎到本网站的视频站观看相关视频~

我要回帖

更多关于 cocos2dx怎么用啊 的文章

 

随机推荐