cocos2d-下滑动实现游戏关卡变换

最新推荐文章于 2023-09-07 07:00:00 发布
最新推荐文章于 2023-09-07 07:00:00 发布
阅读量144 收藏
点赞数
文章标签： 游戏 python
原文链接：https://my.oschina.net/u/1422317/blog/185797
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

注意： 本文使用cocos2dx 2.2 版本


触摸滑动选关卡的实现
   实现这一功能，有这么几个效果（实现方式）
1. 关卡显示
2. 手指触摸滑动，切换关卡

怎么做
1. 关卡显示 ：读取图片显示
2. 手指触摸滑动，切换关卡 ：实现触摸移动功能

相关技术：
1. 读取图片用plist文件 ，关卡图片文件用xml文件封装，以后维护比较方便
2. 选关卡：把所有关卡加载到一个节点，触摸滑动改变节点显示位置即可实现选关卡

设计：
1. 一个关卡类，一个关卡管理类
2. 选关卡类，实现触摸等 

1. 首先创建一个helloworld  程序，在此基础上进行修改

添加游戏关卡类 文件 GameLevel.h     包括关卡类和关卡管理类 

#ifndef __GAMELEVEL_H__
#define __GAMELEVEL_H__

#pragma once
#include "cocos2d.h"

class CGameLevel:public cocos2d::CCObject
{
	/*
		关卡数据类
		m_gameMapName : 关卡地图图片文件的名字
		m_levelTowerName： 关卡等级图标装饰的图片文件名
	*/
public:
	~CGameLevel(void);
	static CGameLevel* create(std::string m_gameMapName, std::string m_levelTowerName);
	
private:
		CGameLevel(void);
		bool init(std::string m_gameMapName, std::string m_levelTowerName);
		/*
			CC_SYNTHESIZE_READONLY 宏定义
			声明了std::string, m_gameMapName, m_levelTowerName 为类的成员变量 
			并且有公有方法 GetGameMapName(),GetLevelTowerName()
		*/
		CC_SYNTHESIZE_READONLY(std::string, m_gameMapName, GameMapName);
		CC_SYNTHESIZE_READONLY(std::string, m_levelTowerName, LevelTowerName);

};




class CGameLevel_Manager:public cocos2d::CCObject
{
	//关卡管理类
public:
	virtual ~CGameLevel_Manager();
	static CGameLevel_Manager* SingletonCGameLevel_Manager();  // 单例类
	bool init();  
	CGameLevel* GetGameLevel(int index); // 获取某个关卡

private:
	CGameLevel_Manager();
	/*
			CC_SYNTHESIZE_READONLY 宏定义
			声明了int totalLevelCount为类的成员变量 
			并且有公有方法:GetTotalLevelCount()
	*/
	CC_SYNTHESIZE_READONLY(int, totalLevelCount, TotalLevelCount);
	cocos2d::CCArray* gameLevelArray;  //保存关卡对象的数组

};

#endif



GameLevel.cpp 
#include "GameLevel.h"
#include "cocos2d.h"
using namespace cocos2d;


CGameLevel::CGameLevel(void)
{
}

CGameLevel::~CGameLevel(void)
{
}

bool CGameLevel::init(std::string m_gameMapName, std::string m_levelTowerName)
{
	this->m_gameMapName = m_gameMapName;
	this->m_levelTowerName = m_levelTowerName;
	return true;
}

CGameLevel* CGameLevel::create(std::string m_gameMapName, std::string m_levelTowerName)
{
	CGameLevel* gl = new  CGameLevel();
	if (gl->init(m_gameMapName, m_levelTowerName))
	{
		gl->autorelease();
		return gl;
	}
	return NULL;

}


//**************************************************************************************

CGameLevel_Manager::CGameLevel_Manager(void)
{
	totalLevelCount = 0;
	gameLevelArray = NULL;
}

CGameLevel_Manager::~CGameLevel_Manager(void)
{
}

CGameLevel_Manager* GameLevelManager= NULL;
CGameLevel_Manager* CGameLevel_Manager::SingletonCGameLevel_Manager()
{
	//实现单列类
	if (NULL == GameLevelManager)
	{
		GameLevelManager=  new CGameLevel_Manager();
		GameLevelManager->init();
	}
	return GameLevelManager;
}

bool CGameLevel_Manager::init()
{
	tinyxml2::XMLDocument* doc=new tinyxml2::XMLDocument();
	doc->LoadFile("levels_game.xml");
	tinyxml2::XMLElement *root_node=doc->RootElement();  
	std::string count_str=   root_node->Attribute("count");  //获得关卡总数
	this->totalLevelCount = cocos2d::CCString::create(count_str)->intValue();
	tinyxml2::XMLElement *level_node=root_node->FirstChildElement("level");  

	gameLevelArray = cocos2d::CCArray::create();
	gameLevelArray->retain();

	//读取xml数据
	while(level_node)
	{
		std::string myMap =level_node->Attribute("bg");
		std::string myLevelIcon =level_node->Attribute("towers_icon");
		CGameLevel* gamelevel = CGameLevel::create(myMap, myLevelIcon);  //创建关卡类对象
		gameLevelArray->addObject(gamelevel);  //将关卡对象添加到数组
		level_node = level_node->NextSiblingElement();
	}
	delete doc;
	return true;
}

CGameLevel* CGameLevel_Manager::GetGameLevel(int index)
{
	//获得某个关卡对象
	return dynamic_cast<CGameLevel*>(this->gameLevelArray->objectAtIndex(index));
}



然后添加选关卡类 头文件  SelectGameLevel.h 

#ifndef __SELECTGAMELEVEL_H__
#define __SELECTGAMELEVEL_H__

#include "cocos2d.h"
using namespace cocos2d;

class CSelectGameLevel:public cocos2d::CCLayer
{
public:
	~CSelectGameLevel(void);
	bool init();
	static cocos2d::CCScene* scene();   
	CREATE_FUNC(CSelectGameLevel);

protected:
	//触摸
	virtual void ccTouchesBegan(CCSet *pTouches, CCEvent *pEvent);
	virtual void ccTouchesMoved(CCSet *pTouches, CCEvent *pEvent);
	virtual void ccTouchesEnded(CCSet *pTouches, CCEvent *pEvent);
	void UpdateGameLevelsNode(int level);  //改变关卡后重新设置节点位置

private:
	int selected_gameLevel ;  //选中的关卡
	cocos2d::CCNode* gameLevelsNode;  //关卡节点
	cocos2d::CCPoint start_drag_point;   //手指开始点击的屏幕点
	cocos2d::CCPoint start_drag_moved_point; //节点上的点

	

private:
	CSelectGameLevel(void);
};

#endif


SelectGameLevel.cpp 

#include "SelectGameLevel.h"
#include "GameLevel.h"
#include "cocos2d.h"
using namespace cocos2d;


CSelectGameLevel::CSelectGameLevel(void)
{
	selected_gameLevel = 0;
	gameLevelsNode = NULL;
	start_drag_point = ccp(0,0);
	start_drag_moved_point = ccp(0,0);
}

CSelectGameLevel::~CSelectGameLevel(void)
{
}


cocos2d::CCScene* CSelectGameLevel::scene()
{
	//创建场景
	cocos2d::CCScene* scene = cocos2d::CCScene::create();
	CSelectGameLevel* layer = CSelectGameLevel::create();
	scene->addChild(layer);
	return scene;
}

bool CSelectGameLevel::init()
{
	if (!cocos2d::CCLayer::init())
	{
		return false;
	}
	
	cocos2d::CCSize win_size = cocos2d::CCDirector::sharedDirector()->getWinSize();
	//加载背景plist文件到缓存
	cocos2d::CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("stages_bg.plist");

	//背景
	cocos2d::CCSprite* bg = cocos2d::CCSprite::createWithSpriteFrameName("ss_bg.png");
	this->addChild(bg);
	bg->setPosition(ccp(win_size.width/2, win_size.height/2));
	
	cocos2d::CCSprite* bg2=cocos2d::CCSprite::createWithSpriteFrameName("ss_bg_CN.png");
	this->addChild(bg2);
	bg2->setPosition(ccp(win_size.width/2,win_size.height/2));

	//关卡数据
	CGameLevel_Manager* GameLevelManager= CGameLevel_Manager::SingletonCGameLevel_Manager();
	int levelCount = GameLevelManager->getTotalLevelCount();

	//关卡显示节点
	gameLevelsNode = cocos2d::CCNode::create(); 
	this->addChild(gameLevelsNode); 
	gameLevelsNode->setPosition(ccp(0,0));
	//加载关卡图片文件到缓存
	cocos2d::CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("stages_theme1.plist");

	//将所有关卡加载到节点	
	for (int i=0; i<levelCount; i++)
	{
		std::string mymap = GameLevelManager->GetGameLevel(i)->getGameMapName();
		std::string mytowner = GameLevelManager->GetGameLevel(i)->getLevelTowerName();

		cocos2d::CCSprite* level_map = cocos2d::CCSprite::createWithSpriteFrameName(mymap.c_str());
		gameLevelsNode->addChild(level_map);
		level_map->setPosition(ccp(win_size.width/2+i*win_size.width, win_size.height/2));

		cocos2d::CCSprite* level_icon = cocos2d::CCSprite::createWithSpriteFrameName(mytowner.c_str());
		gameLevelsNode->addChild(level_icon);
        level_icon->setPosition(ccp(win_size.width/2+i*win_size.width, 100 ));

	}

	this->setTouchEnabled(true);
	return true;

}

void CSelectGameLevel::ccTouchesBegan(CCSet *pTouches, CCEvent *pEvent)
{
	cocos2d::CCTouch* touch=dynamic_cast<cocos2d::CCTouch*> (pTouches->anyObject());

	start_drag_point=touch->getLocation();
	start_drag_moved_point=gameLevelsNode->getPosition();
}



void CSelectGameLevel::ccTouchesMoved(CCSet *pTouches, CCEvent *pEvent)
{
	cocos2d::CCTouch* touch=dynamic_cast<cocos2d::CCTouch*> (pTouches->anyObject());

	float px = touch->getLocation().x - start_drag_point.x;
	float py = 0;

	float new_node_x = start_drag_moved_point.x + px;
	float new_node_y = start_drag_moved_point.y + py;

	gameLevelsNode->setPosition(ccp(new_node_x,new_node_y));
}

void CSelectGameLevel::ccTouchesEnded(CCSet *pTouches, CCEvent *pEvent)
{
	cocos2d::CCTouch* touch=dynamic_cast<cocos2d::CCTouch*> (pTouches->anyObject());

	int cur_select_level = this->selected_gameLevel;
	float px = touch->getLocation().x -start_drag_point.x;  //手指最后离开的点减去手指开始触摸的点

	if (px>200)
	{
		cur_select_level = this->selected_gameLevel-1;
		if (cur_select_level<0) //向右边移动，上一关
		{
			cur_select_level = 0;
		}
	}
	else if (px < -200)
	{
		cur_select_level = this->selected_gameLevel+1;
		int totalCount = CGameLevel_Manager::SingletonCGameLevel_Manager()->getTotalLevelCount()-1;
		if (totalCount<cur_select_level)
		{
			cur_select_level = totalCount;
		}
	}

	this->UpdateGameLevelsNode(cur_select_level);  //更新关卡显示

}

void CSelectGameLevel::UpdateGameLevelsNode(int level)
{
	cocos2d::CCSize win_size=cocos2d::CCDirector::sharedDirector()->getWinSize();
	selected_gameLevel = level;
	gameLevelsNode->setPositionX(-1*selected_gameLevel*win_size.width);
	              
}




最后在main.cpp 里面修改屏幕大小

    eglView->setFrameSize(960, 640);

  

在AppDelegate.cpp  里面注释掉HelloWorld，添加我们的测试

  //CCScene *pScene = HelloWorld::scene();
  CCScene *pScene = CSelectGameLevel::scene(); 


注意，参考文献：http://luoposhusheng.blog.51cto.com/8148702/1334242







转载于:https://my.oschina.net/u/1422317/blog/185797

Vincent8080
关注
cocos2dx游戏只关卡开发
pengkejie1314520的专栏
04-10 1393
小伙伴们今天晚上我要给大家讲讲cocos2dx之关卡开发，这里自己先看代码我里面写的很清楚了不懂的可以留言问我 我后续还有说明时间紧迫我暂时就不多写了，下次我在重点讲解#ifndef __MISSIONUI_HEADER__ #define __MISSIONUI_HEADER__#include <typedef.hpp> #include <cocos-base.h> #include <co
cocos2d-x 游戏关卡选择的设计
10-19
cocos2d-x 游戏关卡选择的设计 cocos2s-x v2.2.0
cocos2d-x游戏开发(十二)场景切换：滑门效果
移动开发记录
01-26 118
欢迎转载：http://blog.csdn.net/fylz1125/article/details/8543759 上一篇文章写了场景切换效果的实现。大家知道实质上是实现的CCTransitionScene的onEnter函数，给自己要载入的场景加了一些动作而已。（文章最后面有代码地址哦） 不过我觉得还是有必要写个实例来演示一下。看图，懒的录视频了： 这是我写的一个类似滑动门效果。...
cocos2d-x游戏开发系列教程-坦克大战游戏关卡选择场景的编写上
weixin_30432179的博客
12-16 112
下面我们新建一个关卡场景类代码如下：class ChoiceScene : public cocos2d::CCLayer { public : virtual bool init(); CREATE_FUNC(ChoiceScene); static cocos2d::CCScene *scene(); };然后我们类似的实现scene和init函数，scene比较简单，代码如下：CC...
cocos2d-x 2.2.6 实现滚动列表的功能（即关卡列表滑动）
qq_41764314的博客
03-21 443
初次接触cocos，直接上代码 HelloWorld.h 头文件 #ifndef __HELLOWORLD_SCENE_H__ #define __HELLOWORLD_SCENE_H__ #include "cocos2d.h" using namespace cocos2d; #include "cocos-ext.h" using namespace cocos2d::extensi...
cocos2d-js/lua游戏【解密】套件
01-25
《cocos2d-js/lua游戏解密套件详解》 在移动游戏开发领域，cocos2d-js和cocos2d-lua是常见的游戏引擎，它们为开发者提供了便捷的跨平台开发工具，使得游戏可以在iOS、Android等多个平台上运行。然而，随着游戏市场...
Cocos2d-x 3.x游戏开发实战pdf含目录
07-24
此外，书中还会涉及用户输入处理、触摸事件、键盘事件的响应，以及如何实现游戏的交互功能。对于网络编程，Cocos2d-x提供了网络请求接口，方便开发者实现在线游戏或者与服务器通信的功能。 游戏数据存储方面，Cocos...
基于 cocos2d-js 的 html5 版黄金矿工游戏.zip
最新发布
02-12
在这个HTML5版本中，开发者可能利用了cocos2d-js提供的精灵、动作、物理引擎等组件来实现游戏的动画效果和物理行为。例如，通过创建精灵表示矿工、金币和其他物体，利用动作框架控制它们的移动、旋转和缩放；使用...
项目实战_游戏编程超级玛丽（基于Cocos2d-x技术实现）60讲（视频+代码+课件全套）
04-04
原价值1280元的项目实战_游戏编程超级玛丽（基于Cocos2d-x技术实现）课程，本系列课程分为四个实战项目： 1、<打飞机>：在还原微信《打飞机》的基础上，增加了道具，选择飞机，敌人射击等等更丰富的玩法。 2、<宝石...
【玩转cocos2d-x之十五】关卡选择的设计
473687880
10-23 285
原创作品，转载请标明：http://blog.csdn.net/jackystudio/article/details/12966993 这节介绍一下游戏中帮助界面和关卡选择的设计，其实都是一样的，关键在于美工。这里采用自定义TableView层来实现。 1.导入头文件和设定空间 因为TableView相关的类是在扩展包里面，所以必须先声明 ...
游戏引擎Andengine总结（六）：滑动关卡选择的实现
oneRain88的专栏
03-07 7347
首先说一下适用范围，使用AndEngine引擎，任何希望将关卡的选择作成滑动形式的界面，比如愤怒的小鸟等游戏的关卡选择！ 基本原理，将我们所需要的显示的关卡精灵（就是关卡选择的按钮）以想要的样式绘制在一张大的场景里（你可以认为这个场景无限的大），然后移动游戏摄像机，拍摄这个场景的不同部分（RPG移动的也是这个原理），而这次展示的是滑动关卡选择，只需要横向滑动就可以了！ 1.创建
cocos creator实现滚动公告
weixin_33753003的博客
08-08 1417
2019独角兽企业重金招聘Python工程师标准>>> ...
cocos2dx之飞机大战简单版
翻肚鱼儿的博客
09-04 428
今天，我是要告诉大家如何实现创建背景、飞机、***精灵，并且然后他们动起来，然后做一个碰撞测试，当***和敌方飞机碰撞时就销毁精灵并且加一个爆炸的精灵。下面我来说cocos2dx之飞机大战简单版。 创建背景、飞机、***精灵 先在GameScene.h中添加以下成员 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ..
【关卡选择特效】切换关卡是翻一本书的特效
mcsnb的博客
02-28 514
最近想实现一种选择关卡的特效，关卡就是一本书摆在屏幕中间，翻开一页，就是一关，再翻一页就是下一关，网上找了好多也没有，索性自己研究吧，花了几天还是搞出来了，主要是要自己绘制图形，利用update方法，一帧一帧来绘制，直接贴代码吧，动态图截起来太麻烦了。头文件：#include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EX
cocos入门5：场景切换和资源管理
weixin_36020178的博客
10-23 2359
cocos creator如何进行场景切换、如何加载资源，释放资源？
十三 手游开发神器 cocos2d-x editor 之选关滑动界面（ScrollView）
weixin_34266504的博客
01-25 248
这一节，我将实现游戏的选关界面，游戏50关，每一屏15关，总共4屏，左滑动可切换到上一屏，右滑动可切换到下一屏； 效果如下； 开始进入选关界面； 滑动到最后一屏； 点击关卡，进入主界面； 代码下载：http://www.kuaipan.cn/file/id_25348935635745079.htm?sourc...
Cocos2D-X射击小游戏（九）编码7 场景切换
wwkaven的专栏
08-15 807
1、 2
《入门级-Cocos2dx4.0 塔防游戏开发》---第九课：游戏难度选择
啊渊的专栏
09-07 352
你可以自定义 `MenuItemToggle` 的外观，包括背景、文本颜色、字体等，以使其符合你的应用或游戏的风格。
小白如何通过按钮进行cocoscreator场景的切换
weixin_55436193的博客
03-18 2848
通过按钮进行Cocos Creator场景的切换 1.首先这里是我们的初始界面，我在assets下创建了三个文件夹，分别是：img(装图片的),scence(装场景的)以及我们的script(装我们脚本文件的)。——这里说明一下我是用TS做的（cocos creator2.4.4版本）以及我用的是经典布局（上方导航栏中的布局 ==> 经典布局） 2.点开我们的画布(Canvas)，创建了一个精灵。 3.在这里我们改一下我们精灵的名字。 4.我在文件夹img下面插入了三张图片（直接往img文件夹下
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值