cocos2dx之旋转的button,cocos2dxbutton

  次阅读 来源:互联网(转载协议) 2015-09-28 13:15 我要评论(0)

cocos2dx之旋转的button,cocos2dxbutton

****************************************************************************

时间:2015-04-06

作者:Sharing_Li

转载注明出处:http://blog.csdn.net/sharing_li/article/details/44903971

****************************************************************************

一般游戏的主界面按钮的摆放,都是中心垂直对齐,如果弄得稍微炫一点,就是下面的这种效果,也就是本篇要讲解的内容:

\

先分析一下功能需求:

1、一共四个按钮,只有点击了最前面的按钮,按钮的响应事件才能触发,点击了其他按钮,则旋转到最前面。

2、点击了除最前面的按钮外的动画效果,和左右滑动时的动画效果。(大小,透明度,运动轨迹)

3、左右滑动到途中时松手时的动画调整。

4、按钮Z序的调整

5、滑动区域的限制

接下来看看代码怎么写:

定义一个类BtnTurn,来看头文件

#ifndef __BTN_TURN_H__

#define __BTN_TURN_H__

#include "cocos2d.h"

USING_NS_CC;

enum BtnPos

{

Pos_Bottom = 1,

Pos_Left,

Pos_Top,

Pos_Right,

};

class BtnTurn : public cocos2d::Layer

{

public:

BtnTurn();

~BtnTurn();

virtual bool init();

CREATE_FUNC(BtnTurn)

protected:

virtual bool onTouchBegan(Touch* touch, Event* pEvent);

virtual void onTouchMoved(Touch *pTouch, Event *pEvent);

virtual void onTouchEnded(Touch *pTouch, Event *pEvent);

//点击按钮之后的动画

void runTouchedAmt(Sprite * btn);

//滑动界面的动画

void runSlidedAmt(bool isLeft,float ratio,float judgePosX);

private:

Sprite * m_btn1;

Sprite * m_btn2;

Sprite * m_btn3;

Sprite * m_btn4;

Vec2 m_posBottom;

Vec2 m_posLeft;

Vec2 m_posTop;

Vec2 m_posRight;

Point m_firstPos;

Size m_winSize;

bool m_valid;//先点击有效区域

bool m_invalid;//先点击无效区域

};

#endif

这里最主要的核心代码就是沿椭圆轨迹旋转效果,之前有篇文章讲解了沿椭圆运动的动画,可以像用系统的MoveTo等使用runAction,参考地址:

http://blog.csdn.net/sharing_li/article/details/43268877

本篇将不采用链接中说的方法来实现。

首先,我们定义一些全局数据:

const float RUNTIME = 0.3; //动画运行时间

float A;//椭圆长半径

float Bd;//下椭圆短半径

float Bu;//上椭圆短半径

float Cx;//椭圆中心X坐标

float Cy;//椭圆中心Y坐标

再来看看我们的初始化函数:

m_winSize = Director::getInstance()->getWinSize();

m_posBottom = Vec2(0,0);

m_posLeft = Vec2(-m_winSize.width * 0.24,m_winSize.height * 0.15);

m_posTop = Vec2(0,m_winSize.height * 0.24);

m_posRight = Vec2(m_winSize.width * 0.24,m_winSize.height * 0.15);

A = m_posBottom.x - m_posLeft.x;

Bu = m_posTop.y - m_posLeft.y;

Bd = m_posLeft.y - m_posBottom.y;

Cx = m_posBottom.x;

Cy = m_posLeft.y;

Texture2D * pTt2d = Director::getInstance()->getTextureCache()->addImage("BtnTurn/btn.png");

m_btn1 = Sprite::createWithTexture(pTt2d);

m_btn1->setPosition(m_posBottom);

本站部分文章来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 2018深圳国际人工智能展览会 2018 shenzhen International Artif

    2018深圳国际人工智能展览会 2018 shenzhen International Artif

  • Oculus公布原型机,大幅度提升可视角,能实现140°的视场水平

    Oculus公布原型机,大幅度提升可视角,能实现140°的视场水平

  • teamLab创始人猪子寿之: 抛去衣食住行,我还剩下什么?

    teamLab创始人猪子寿之: 抛去衣食住行,我还剩下什么?

  • Michael I. Jordan带你解读百万奖金ATEC蚂蚁人工智能大赛

    Michael I. Jordan带你解读百万奖金ATEC蚂蚁人工智能大赛

网友点评网友点评
阅读推荐阅读推荐

据外媒报道,STEER打造了首款完全自动驾驶停车技术,旨在使常规车辆转变为无人驾驶车辆。STEER的首款技术应用是4级自动驾驶及网络安全停车...

近日,美国软性机器抓手制造商 Soft Robotics 宣布,获得 2000 万美元的融资,本轮投资者包括 Scale Venture Partners,Calibrate Ventures...

据外媒报道,加州车管局发布了《2017自动驾驶脱离报告(California Autonomous Vehicle Disengagement Reports)》,其中谈及了脱离的具体...

用人机语音交互,来解决智能家居适老的问题;通过家庭门禁与安防套件、空气净化套件、可燃气体与有害气体监控套件等相互联动,在不同生活情...