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,255),winSize.width,winSize.height);
		}
		else
		{
            //创建带有颜色的背景层(背景层的颜色为浅灰色)
			layer = CCLayerColor::create(ccc4(128,128,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,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,87);
	}
	if (an == "CCJumpBy")//跳跃
    {
        //第一个参数：完成跳跃所花的时间
        //第一个参数：跳跃到的位置
        //第一个参数：跳跃的高度
        //第一个参数：跳跃的次数
		action = CCJumpBy::create(3,100),50,6);
	}
	if (an == "CCJumpTo")//跳跃
	{
		action = CCJumpTo::create(3,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);
	}
	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,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,24);
	}
	if (an == "CCCardinalSplineTo")//样条曲线动作
	{
        //创建样条曲线动作
		CCPointArray* arr = CCPointArray::create(20);

        //创建围城曲线框的四个点
		arr->addControlPoint(ccp(200,200));
		arr->addControlPoint(ccp(200,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,200-50));
		action = CCCardinalSplineBy::create(5,5.0f);
	}
	if (an == "CCCatmullRomTo")//云性曲线
	{
		CCPointArray* arr = CCPointArray::create(20);
		arr->addControlPoint(ccp(200,200));
		action = CCCatmullRomTo::create(5,arr);
	}
	if (an == "CCCatmullRomBy")//云性曲线
	{
		CCPointArray* arr = CCPointArray::create(20);
		arr->addControlPoint(ccp(200,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;
			}
		}
	}

}




版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

如何使用CCRenderTexture创建动态纹理 Cocos2d-x 2 1 4
    本文实践自 RayWenderlich、Ali Hafizji 的文章《How To Create Dynamic Textures with CCRenderTexture in Cocos2D 2.X》，文中使用Cocos2D，我在这里使用Cocos2D-x 2.1.4进行学习和移植。在这篇文章，将会学习到如何创建实时纹理、如何用Gimp创建无缝拼接纹
Cocos-code-ide使用入门学习
Cocos-code-ide使用入门学习地点：杭州滨江邮箱：appdevzw@163.com微信公众号：HopToad 欢迎转载，转载标注出处：http://blog.csdn.netotbaron/article/details/424343991.  软件准备 下载地址：http://cn.cocos2d-x.org/download 2.  简介2.1         引用C
Cocos2D-x-3.0 编译(Win7)
第一次開始用手游引擎挺激动！！！进入正题。下载资源1：从Cocos2D-x官网上下载，进入网页http://www.cocos2d-x.org/download，点击Cocos2d-x以下的Download  v3.0，保存到自定义的文件夹2：从python官网上下载。进入网页https://www.python.org/downloads/，我当前下载的是3.4.0（当前最新
Cocos2d-x 2 0 在Windows平台下的使用
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发引擎，易学易用，支持多种智能移动平台。官网地址：http://cocos2d-x.org/当前版本：2.0    有很多的学习资料，在这里我只做为自己的笔记记录下来，错误之处还请指出。在VisualStudio2008平台的编译：1.下载当前稳
quick-cocos2d-x实例之挑战记忆极限设计文档
1.  来源 QuickV3sample项目中的2048样例游戏，以及最近《最强大脑》娱乐节目。将2048改造成一款挑战玩家对数字记忆的小游戏。邮箱：appdevzw@163.com微信公众号：HopToadAPK下载地址：http://download.csdn.net/detailotbaron/8446223源码下载地址：http://download.csdn.net/
Cocos2d-x 3 X CMake MinGW版本编译运行
   Cocos2d-x3.x已经支持使用CMake来进行构建了，这里尝试以QtCreatorIDE来进行CMake构建。Cocos2d-x3.X地址：https://github.com/cocos2d/cocos2d-x1.打开QtCreator，菜单栏→"打开文件或项目..."，打开cocos2d-x目录下的CMakeLists.txt文件；2.弹出CMake向导，如下图所示：设置
vs 2013 编译cocos2d-x-3.9
 下载地址：链接:https://pan.baidu.com/s/1IkQsMU6NoERAAQLcCUMcXQ提取码:p1pb下载完成后，解压进入build目录使用vs2013打开工程设置平台工具集，打开设置界面设置： 点击开始编译等待编译结束编译成功在build文件下会出现一个新文件夹Debug.win32，里面就是编译
cocos2d-x游戏开发系列教程-超级玛丽01-前言
分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！http://www.captainbed.net前言上次用象棋演示了cocos2dx的基本用法，但是对cocos2dx并没有作深入的讨论，这次以超级马里奥的源代码为线索，我们一起来学习超级马里奥的实
Cocos2d-x CCControlPotentiometer之圆形音量button及特效
1. 圆形音量button事实上作者的本意应该是叫做“电位计button”。可是我觉得它和我们的圆形音量button非常像，所以就这么叫它吧~先看效果：好了，不多解释，本篇到此为止。（旁白： 噗。就这样结束了？）啊才怪~我们来看看代码：[cpp] viewplaincopyprint?CCContro
Cocos2d-x入门教程二简单的静态显示对象
原文链接：http://www.cnblogs.com/physwf/archive/2013/04/26/3043912.html为了进一步深入学习贯彻Cocos2d，我们将自己写一个场景类，但我们不会走的太远，凡是都要循序渐进，哪怕只前进一点点，那也至少是前进了，总比贪多嚼不烂一头雾水的好。在上一节中我们建
cocos2d-x中CCScale9Sprite的另一种实现
2019独角兽企业重金招聘Python工程师标准>>>cocos2d2.0之后加入了一种九宫格的实现，主要作用是用来拉伸图片，这样的好处在于保留图片四个角不变形的同时，对图片中间部分进行拉伸，来满足一些控件的自适应（PS: 比如包括按钮，对话框，最直观的形象就是ios里的短信气泡了），这就要求图
Cocos2d-x v2.2.2版本+Win7+VS2010环境搭建
原文链接：http://www.cnblogs.com/linji/p/3599478.html1.环境和工具准备Win7VS2010/2012，至于2008v2版本之后似乎就不支持了。 2.安装pythonv.2.0版本之前是用vs模板创建工程的，到vs2.2之后就改用python创建了。到python官网下载版本2.7.5的，然后
Ubuntu14.04+eclipse下cocos2d-x3.0正式版环境的搭建
环境:ubuntu14.04adt-bundle-linux-x86_64android-ndk-r9d-linux-x86_64cocos2d-x-3.0正式版apache-ant1.9.3python2.7(ubuntu自带)加入环境变量exportANDROID_SDK_ROOT=/home/yangming/adt-bundle-linux/sdkexportPATH=${PATH}:/$ANDROID_SDK_ROOTools/export
分别基于WIN32 API界面编程和Cocos2d-x实现的两个版本FlappyBird游戏
1开发背景游戏程序设计涉及了学科中的各个方面，鉴于目的在于学习与进步，本游戏《FlappyBird》采用了两个不同的开发方式来开发本款游戏，一类直接采用win32底层API来实现，另一类采用当前火热的cocos2d-x游戏引擎来开发本游戏。2需求分析2.1数据分析本项目要开发的是一款游
Cocos2d-x 开发小记二：控件
原文链接：http://www.cnblogs.com/linji/p/3599912.html//纯色色块控件（锚点默认左下角）CCLayerColor*ccc=CCLayerColor::create(ccc4(255,0,0,128),200,100);//渐变色块控件CCLayerGradient*ccc=CCLayerGradient::create(ccc4(255,0,0,
Cocos2d-x 开发小记一：基本动作
原文链接：http://www.cnblogs.com/linji/p/3599488.html//载入一张图片CCSprite*leftDoor=CCSprite::create("loading/door.png");leftDoor->setAnchorPoint(ccp(1,0.5));//设置锚点为右边中心点leftDoor->setPosition(ccp(240,160));/
买Cocos2d-x视频课程送纸质图书
为了答谢广大学员对智捷课堂以及关老师的支持，现购买51CTO学院关老师的Cocos2d-x课程之一可以送智捷课堂编写图书一本（专题可以送3本）。一、Cocos2d-x课程列表：1、Cocos2d-x入门与提高视频教程__Part22、Cocos2d-x数据持久化与网络通信__Part33、Cocos2d-x架构设计与性能优化内存优
‎Cocos2d-x 学习笔记(11.10) Spawn
Spawn让多个action同时执行。Spawn有多种不同的create方法，最终都调用了createWithTwoActions(FiniteTimeAction*action1,FiniteTimeAction*action2)方法。createWithTwoActions调用initWithTwoActions方法：对两个action变量初始化：_one=action1;_two=action2;如果两个a
quick-cocos2d-x-develop资源打包环境安装
需要环境：php,luajit.昨天在cygwin上安装php和luajit环境，这真特么是一个坑。建议不要用虚拟环境安装打包环境，否则可能会出现各种莫名问题。折腾了一下午，最终将环境转向linux。其中，luajit的安装脚本已经在quick-cocos2d-x-develop/bin/中，直接luajit_install.sh即可。我的lin
Cocos2d-x 3.0心得01－图片载入与混合模式
v3.0相对v2.2来说，最引人注意的。应该是对触摸层级的优化。和lambda回调函数的引入（嗯嗯，不枉我改了那么多类名。话说，每次cocos2dx大更新。总要改掉一堆类名函数名）。这些特性应该有不少人研究了，所以今天说点跟图片有关的东西。v3.0在载入图片方面也有了非常大改变，仅仅只是
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot