Cocos2d-X动作展示《一》,cocos2d-x《一》
由于Cocos2d-X中的动作较多,我将所有的动作制作成了一个滚动视图,每个滚动视图上都有动作名,单击滚动视图就可以展示相应的动作
程序效果图:
使用滚动视图实现动作切换
动作展示
程序代码:
首先创建一个ActionShow类
在ActionShow.h中的代码
#ifndef _ActionShow_H_
#define _ActionShow_H_
#include "cocos2d.h"
#include "cocos-ext.h"
USING_NS_CC;
USING_NS_CC_EXT;
class ActionShow : public CCLayer
{
public:
static CCScene* scene();
bool init();
CREATE_FUNC(ActionShow);
bool ccTouchBegan(CCTouch*, CCEvent*);
void ccTouchEnded(CCTouch*, CCEvent*);
CCNode* _c;
void testAction(int idx, CCLayerColor*);
void func();
void funcN(CCNode*);
void funcND(CCNode*, void*);
};
#endif
ActionShow.cpp中的代码
#include "ActionShow.h"
static const char* _actionName[] =
{
"CCMoveBy",
"CCMoveTo",
"CCRotateBy",
"CCRotateTo",
"CCScaleBy",
"CCScaleTo",
"CCSkewBy",
"CCSkewTo",
"CCJumpBy",
"CCJumpTo",
"CCBezierBy",
"CCBezierTo",
"CCFadeIn",
"CCFadeOut",
"CCTintTo",
"CCTintBy",
"CCBlink",
"CCDelayTime",
"CCOrbitCamera",
"CCCardinalSplineTo",
"CCCardinalSplineBy",
"CCCatmullRomTo",
"CCCatmullRomBy",
"CCFollow",
"CCCallFunc",
"CCCallFuncN",
"CCCallFuncND"
};
CCScene* ActionShow::scene()
{
CCScene* scene = CCScene::create();
ActionShow* layer = ActionShow::create();
scene->addChild(layer);
return scene;
}
bool ActionShow::init()
{
CCLayer::init();
CCSize winSize = CCDirector::sharedDirector()->getWinSize();
//创建Node结点用于ScrollView
CCNode* c = CCNode::create();
_c = c;
//ScrollView中展示的动作的个数
int actionCount = sizeof(_actionName) / sizeof(*_actionName);
//使用for循环创建视图用于展示动作
for (int i = 0; i < actionCount; i++)
{
CCLayerColor* layer;
//
if (i % 2 == 0)
{
//创建带有颜色的背景层(背景层的颜色为深灰色)
layer = CCLayerColor::create(ccc4(192, 192, 192, 255), winSize.width, winSize.height);
}
else
{
//创建带有颜色的背景层(背景层的颜色为浅灰色)
layer = CCLayerColor::create(ccc4(128, 128, 128, 255), winSize.width, winSize.height);
}
c->addChild(layer);
layer->setPosition(ccp(i*winSize.width, 0));
//保存动作的名字
const char* title = _actionName[i];
//创建标签用于显示动作的名字
CCLabelTTF* label = CCLabelTTF::create(title, "Arial", 36);
layer->addChild(label);
//设置标签的位置
label->setPosition(ccp(winSize.width / 2, winSize.height - 80));
}
//创建滚动视图
CCScrollView* view = CCScrollView::create(winSize, c);
//设置滚动视图的滚动方向为水平滚动
view->setDirection(kCCScrollViewDirectionHorizontal);
//设置滚动视图的大小
view->setContentSize(CCSize(winSize.width*actionCount, winSize.height));
addChild(view);
//能触摸
setTouchEnabled(true);
setTouchMode(kCCTouchesOneByOne);
return true;
}
bool ActionShow::ccTouchBegan(CCTouch*, CCEvent*)
{
return true;
}
void ActionShow::testAction(int idx, CCLayerColor* layer)
{
CCSize winSize = CCDirector::sharedDirector()->getWinSize();
//得到用户创建的精灵
CCSprite* sprite = (CCSprite*)layer->getUserObject();
//当没有精灵的时候
if (sprite == NULL)
{
//创建一个新的精灵
sprite = CCSprite::create("CloseNormal.png");
layer->addChild(sprite);
//设置精灵的关联对象
layer->setUserObject(sprite);
}
//保存用户选择的动作
const char* an = _actionName[idx];
//动作类
CCAction* action;
//设置精灵的位置
sprite->setPosition(ccp(winSize.width / 2, winSize.height / 2));
if (an == "CCMoveTo")//运动
{
action = CCMoveTo::create(2, ccp(100, 100));
}
if (an == "CCMoveBy")//运动
{
action = CCMoveBy::create(2, ccp(100, 100));
}
if (an == "CCRotateBy")//旋转
{
action = CCRotateBy::create(2, 250);
}
if (an == "CCRotateTo")//旋转
{
action = CCRotateTo::create(2, 250);
}
if (an == "CCScaleBy")//放大或缩小
{
//2表示放大两倍
//-2表示缩小两倍
action = CCScaleBy::create(2, 2);
}
if (an == "CCScaleTo")//放大或缩小
{
action = CCScaleTo::create(2, -2);
}
if (an == "CCSkewBy")//扭曲
{
//第一个参数:完成扭曲所花的时间
//第二个参数:x轴方向扭曲的值
//第三个参数:y轴方向扭曲的值
action = CCSkewBy::create(2, 35, 87);
}
if (an == "CCSkewTo")//扭曲
{
action = CCSkewTo::create(2, 35, 87);
}
if (an == "CCJumpBy")//跳跃
{
//第一个参数:完成跳跃所花的时间
//第一个参数:跳跃到的位置
//第一个参数:跳跃的高度
//第一个参数:跳跃的次数
action = CCJumpBy::create(3, ccp(100, 100), 50, 6);
}
if (an == "CCJumpTo")//跳跃
{
action = CCJumpTo::create(3, ccp(100, 100), 50, 6);
}
if (an == "CCBezierBy")//贝塞尔曲线(相对)
{
//设置控制点
ccBezierConfig c;
//控制点1
c.controlPoint_1 = ccp(400, 400);
//控制点2
c.controlPoint_2 = ccp(250, 360);
//终点
c.endPosition = ccp(100, 100);
//第一个参数:时间
//第二个参数:控制点
action = CCBezierBy::create(3, c);
}
if (an == "CCBezierTo")//贝塞尔曲线(绝对)
{
ccBezierConfig c;
c.controlPoint_1 = ccp(400, 400);
c.controlPoint_2 = ccp(250, 360);
c.endPosition = ccp(100, 100);
action = CCBezierTo::create(3, c);
}
if (an == "CCFadeIn")//淡入(通过修改透明度实现)
{
action = CCFadeIn::create(3);
}
if (an == "CCFadeOut")//淡出(通过修改透明度实现)
{
action = CCFadeOut::create(3);
}
if (an == "CCTintTo")//在精灵上混合一个颜色
{
action = CCTintTo::create(3, 255, 0, 0);
}
if (an == "CCTintBy")//在精灵上混合一个颜色
{
action = CCTintBy::create(3, 23, 47, 37);
}
if (an == "CCBlink")//精灵闪烁
{
action = CCBlink::create(3, 10);
}
if (an == "CCDelayTime")//精灵停顿一会儿
{
//2秒钟内精灵移动到(100,100)
CCMoveBy* move = CCMoveBy::create(2, ccp(100, 100));
//停顿1秒钟
CCDelayTime* delay = CCDelayTime::create(1);
//精灵返回
CCFiniteTimeAction* back = move->reverse();
//动作的顺序封装(先执行move后执行delay)
action = CCSequence::create(move, delay, back, NULL);
}
if (an == "CCOrbitCamera")//根据球面坐标轨迹旋转
{
//参数1:旋转的时间
//参数2:起始半径
//参数3:半径差
//参数4:起始z角
//参数5:旋转z角
//参数6:起始x角
//参数7:旋转x角
action = CCOrbitCamera::create(5, 80, 13, 55, 13, 80, 24);
}
if (an == "CCCardinalSplineTo")//样条曲线动作
{
//创建样条曲线动作
CCPointArray* arr = CCPointArray::create(20);
//创建围城曲线框的四个点
arr->addControlPoint(ccp(200, 200));
arr->addControlPoint(ccp(200, 100));
arr->addControlPoint(ccp(100, 100));
arr->addControlPoint(ccp(100, 200));
action = CCCardinalSplineTo::create(5, arr, 5.0f);
}
if (an == "CCCardinalSplineBy")//样条曲线动作
{
CCPointArray* arr = CCPointArray::create(20);
arr->addControlPoint(ccp(200-50, 200-50));
arr->addControlPoint(ccp(200-50, 100-50));
arr->addControlPoint(ccp(100-50, 100-50));
arr->addControlPoint(ccp(100-50, 200-50));
action = CCCardinalSplineBy::create(5, arr, 5.0f);
}
if (an == "CCCatmullRomTo")//云性曲线
{
CCPointArray* arr = CCPointArray::create(20);
arr->addControlPoint(ccp(200, 200));
arr->addControlPoint(ccp(200, 100));
arr->addControlPoint(ccp(100, 100));
arr->addControlPoint(ccp(100, 200));
action = CCCatmullRomTo::create(5, arr);
}
if (an == "CCCatmullRomBy")//云性曲线
{
CCPointArray* arr = CCPointArray::create(20);
arr->addControlPoint(ccp(200, 200));
arr->addControlPoint(ccp(200, 100));
arr->addControlPoint(ccp(100, 100));
arr->addControlPoint(ccp(100, 200));
action = CCCatmullRomBy::create(5, arr);
}
if (an == "CCFollow")//镜头跟着目标走,超过范围就结束。
{
CCSprite* sprite2 = CCSprite::create("green_edit.png");
layer->addChild(sprite2);
sprite2->setPosition(ccp(winSize.width / 2, winSize.height / 2));
sprite2->runAction(CCJumpBy::create(100, ccp(800, 800), 800, 60));
action = CCFollow::create(sprite2);
}
if (an == "CCCallFunc")//创建一个回调动作(不带参数)
{
action = CCCallFunc::create(this, callfunc_selector(ActionShow::func));
}
if (an == "CCCallFuncN")//创建一个回调动作(传调用者为参数)
{
action = CCCallFuncN::create(this, callfuncN_selector(ActionShow::funcN));
}
if (an == "CallFuncND")//创建一个回调动作(带2个参数)
{
void* p = NULL;
action = CCCallFuncND::create(this, callfuncND_selector(ActionShow::funcND), p);
}
sprite->runAction(action);
}
void ActionShow::func()
{
}
void ActionShow::funcN(CCNode*)
{
}
void ActionShow::funcND(CCNode*, void*)
{
}
void ActionShow::ccTouchEnded(CCTouch* t, CCEvent*)
{
//得到按下鼠标时的位置
CCPoint ptStart = t->getStartLocation();
//得到松开鼠标时的位置
CCPoint ptEnd = t->getLocation();
//如果两个位置的距离的平方小于或者等于25
if(ptStart.getDistanceSq(ptEnd) <= 25)
{
// click
// 点中了哪个子窗口
// 转换ptStart为ScrollView中的Container的坐标
// 再判断被点击的LayerColor
//将鼠标点下的时候的位置的坐标转换成结点坐标
CCPoint ptInContainer = _c->convertToNodeSpace(ptStart);
//创建一个数组用于保存LayerColor
CCArray* arr = _c->getChildren();// 所有的layercolor
//用于寻找点中的LayerColor
for (int i = 0; i < sizeof(_actionName) / sizeof(*_actionName); i++)
{
//
CCLayerColor* layer = (CCLayerColor*)arr->objectAtIndex(i);
if (layer->boundingBox().containsPoint(ptInContainer))
{
testAction(i, layer);
break;
}
}
}
}