cocos2d-x 3.2 之 三消类游戏——万圣大作战 (第五篇)

***************************************转载请注明出处：http://blog.csdn.net/lttree********************************************

第五篇

前面已经把游戏主体逻辑搞定，已经可以玩了。

就是可玩性略差，所以本文就是来 修饰 游戏的。

本文主要内容：

> 四消的处理

> 消除的特效

> 最高分的记录

> 音乐、音效的添加

好的，废话不多说，let‘s go！

1. 四消精灵的出现

消除只有 三消 是不是太无聊了呢？ 当然了！

所以，一定要加四消 甚至更多的， 我这里就加一个四消，其他的大家可以根据这个往下做一下。

先说一下，这个怎么做：

所谓四消，就是如果一次消除4个，那么会有一个类似于 彩蛋 的精灵，下次该精灵被消除的时候，将会消除一整行或者一整列。

所以 精灵会有 3中状态——普通精灵、可以横向消除的精灵、可以纵向消除的精灵

// GameDefine.h

// 精灵的显示模式，Hor 横向消除一行，Ver纵向消除一列
enum DisplayMode{
    DISPLAY_MODE_NORMAL = 0,
    DISPLAY_MODE_HORIZONTAL,
    DISPLAY_MODE_VERTICAL,
};

不要忘了，把6种精灵各自 或纵向 或横向的图片载入进去。

还要在 精灵类中，做一个设置 精灵状态 函数

// SpriteShape.cpp

// 设置精灵状态
void SpriteShape::setDisplayMode(DisplayMode mode)
{
	m_displayMode = mode;

    SpriteFrame *frame;
    switch (mode) {
        case DISPLAY_MODE_VERTICAL:
            frame = SpriteFrameCache::getInstance()->getSpriteFrameByName(sprVertical[m_imgIndex]);
            break;
        case DISPLAY_MODE_HORIZONTAL:
            frame = SpriteFrameCache::getInstance()->getSpriteFrameByName(sprHorizontal[m_imgIndex]);
            break;
        default:
            return;
    }
    setDisplayFrame(frame);
}

恩，出现四消特殊精灵，肯定是在消除的地方，所以在消除函数中，进行接下来的改动

// 检测是否有精灵可以移除
void GameScene::checkAndRemoveSprite()
{
	SpriteShape *spr;
    // 设定寿司的忽视检查，之前可能有精灵设置忽视检查，但这次检查要将之前所有的检查都不能忽视
	for( int r = 0 ; r < ROWS ; ++r )	{
		for( int c = 0 ; c < COLS ; ++c )	{
			spr = map[r][c];
			if( !spr )	{
				continue;
			}
			spr -> setIgnoreCheck(false);
		}
	}

	for( int r = 0 ; r < ROWS ; ++r )	{
		for( int c = 0 ; c < COLS ; ++c )	{
			spr = map[r][c];
			// 如果该位置没有精灵
			if( !spr )	{
				continue;
			}
			// 如果该精灵需要被移除
			if( spr -> getIsNeedRemove() )	{
				continue;
			}
			// 如果该精灵是新生成的精灵
			if ( spr -> getIgnoreCheck() ) {
				continue;
			}

			// 纵向相同精灵List
			std::list< SpriteShape *> colChainList;
			getColChain( spr , colChainList );
			// 横向相同精灵List
			std::list< SpriteShape *> rowChainList;
			getRowChain( spr , rowChainList );

			std::list< SpriteShape *> longerList;
			if( colChainList.size() >= rowChainList.size() )	{
				if( colChainList.size() < 3 )	{
					continue;
				}
				longerList = colChainList;
				isRow = false;
			}
			else if( rowChainList.size() > colChainList.size() )	{
				if( rowChainList.size() < 3 )	{
					continue;
				}
				longerList = rowChainList;
				isRow = true;
			}

			std::list<SpriteShape *>::iterator itList;
			// 标志 是否需要设定忽视检查的精灵
			bool isSetedIgnoreCheck = false;

			for( itList = longerList.begin() ; itList != longerList.end() ; ++itList ) {
				spr = ( SpriteShape * )* itList;
				if( !spr )	{
					continue;
				}

				if( longerList.size() > 3 )	{
					if ( spr == staSprite || spr == endSprite ) {
						isSetedIgnoreCheck = true;
						spr->setIgnoreCheck(true);
						spr->setIsNeedRemove(false);
						spr->setDisplayMode( isRow ? DISPLAY_MODE_HORIZONTAL :DISPLAY_MODE_VERTICAL );
						continue;
					}
				}
				markRemove( spr );
			}
			// 如何是自由掉落产生的4消, 取最后一个变化为特殊精灵
			if (!isSetedIgnoreCheck && longerList.size() > 3) {
				spr -> setIgnoreCheck(true);
				spr -> setIsNeedRemove(false);
				spr->setDisplayMode( isRow ? DISPLAY_MODE_HORIZONTAL :DISPLAY_MODE_VERTICAL );
			}
		}
	}

	// 消除标记了的精灵
	removeSprite();
}

运行一下，可以看到效果。

这样下来，我们已经可以在消除后，出现一些特殊的精灵，但是效果什么的还没实现。

2. 精灵的消除效果

我们先做一下单个精灵消除的效果吧，

单精灵消除，在explodeSprite中改动，之前只有精灵缩小动作，这次再加一个圆环放大：

// GameScene.cpp   explodeSprite函数

// 精灵的爆炸移除
void GameScene::explodeSprite( SpriteShape* spr )	{

	float time = 0.2;
	// 精灵的动作
    spr->runAction(Sequence::create(
                                      ScaleTo::create(time, 0.0),
									  CallFuncN::create(CC_CALLBACK_1(GameScene::actionEndCallback, this)),
                                      NULL));

	// 爆炸效果 圆圈的动作
    auto circleSprite = Sprite::create("circle.png");
	addChild(circleSprite, 10);
	circleSprite->setPosition(spr->getPosition());
	circleSprite->setScale(0);// start size
    circleSprite->runAction(Sequence::create(ScaleTo::create(time, 1.0),
                                             CallFunc::create(CC_CALLBACK_0(Sprite::removeFromParent, circleSprite)),
                                             NULL));
}

然后就是横向或纵向的消除效果，这里我设置了单独两个函数

// GameScene.cpp    explodeSpriteH、explodeSpriteV函数

// 精灵的横向消除
void GameScene::explodeSpecialH(Point point)
{
	// 先设置相应的变量
    float scaleX = 4 ;
    float scaleY = 0.7 ;
    float time = 0.3;
    Point startPosition = point;
    float speed = 0.6f;

    auto colorSpriteRight = Sprite::create("colorHRight.png");
	addChild(colorSpriteRight, 10);
	Point endPosition1 = Point(point.x - GAME_SCREEN_WIDTH, point.y);
    colorSpriteRight->setPosition(startPosition);
    colorSpriteRight->runAction(Sequence::create(ScaleTo::create(time, scaleX, scaleY),
                                             MoveTo::create(speed, endPosition1),
                                             CallFunc::create(CC_CALLBACK_0(Sprite::removeFromParent, colorSpriteRight)),
                                             NULL));

    auto colorSpriteLeft = Sprite::create("colorHLeft.png");
	addChild(colorSpriteLeft, 10);
    Point endPosition2 = Point(point.x + GAME_SCREEN_WIDTH, point.y);
    colorSpriteLeft->setPosition(startPosition);
    colorSpriteLeft->runAction(Sequence::create(ScaleTo::create(time, scaleX, scaleY),
                                             MoveTo::create(speed, endPosition2),
                                             CallFunc::create(CC_CALLBACK_0(Sprite::removeFromParent, colorSpriteLeft)),
                                             NULL));

}

// 精灵的纵向消除
void GameScene::explodeSpecialV(Point point)
{
    float scaleY = 4 ;
    float scaleX = 0.7 ;
    float time = 0.3;
    Point startPosition = point;
    float speed = 0.6f;

    auto colorSpriteDown = Sprite::create("colorVDown.png");
	addChild(colorSpriteDown, 10);
	Point endPosition1 = Point(point.x , point.y - GAME_SCREEN_HEIGHT);
    colorSpriteDown->setPosition(startPosition);
    colorSpriteDown->runAction(Sequence::create(ScaleTo::create(time, scaleX, scaleY),
                                             MoveTo::create(speed, endPosition1),
                                             CallFunc::create(CC_CALLBACK_0(Sprite::removeFromParent, colorSpriteDown)),
                                             NULL));

    auto colorSpriteUp = Sprite::create("colorVUp.png");
	addChild(colorSpriteUp, 10);
    Point endPosition2 = Point(point.x , point.y + GAME_SCREEN_HEIGHT);
    colorSpriteUp->setPosition(startPosition);
    colorSpriteUp->runAction(Sequence::create(ScaleTo::create(time, scaleX, scaleY),
                                             MoveTo::create(speed, endPosition2),
                                             CallFunc::create(CC_CALLBACK_0(Sprite::removeFromParent, colorSpriteUp)),
                                             NULL));

}

设定这两个函数后，还要在消除的时候判断消除的精灵种类

// GameScene.cpp   removeSprite函数

// 移除精灵
void GameScene::removeSprite()
{
	// 做一套移除的动作
    isAction = true;

	for( int r = 0 ; r < ROWS ; ++r )	{
		for( int c = 0 ; c < COLS ; ++c )	{
			SpriteShape* spr = map[r][c];
			if( !spr )	{
				continue;
			}

			if( spr -> getIsNeedRemove() )	{
				isFillSprite = true;

				if( spr -> getDisplayMode() == DISPLAY_MODE_HORIZONTAL)
				{
					explodeSpecialH( spr -> getPosition() );
				}
				else if ( spr -> getDisplayMode() == DISPLAY_MODE_VERTICAL)
				{
					explodeSpecialV( spr -> getPosition() );
				}
				explodeSprite( spr );
			}
		}
	}
}

消除效果已经做完了，运行一下试一试吧

3. 最高分的记录

记录最高分，用到了分数的本地存储，

如果对于如何实现不是很了解，可以先看一下这个 -> cocos2d-x
之 简单数据存储——Userdefault

现把相关的基本设定放在GameDefine.h

// GameDefine.h

// 分数存储
#define userDefault CCUserDefault::sharedUserDefault()

然后在 游戏主界面中显示出来

// GameScene.cpp  init函数

if(!userDefault->getIntegerForKey("Int")){
		 userDefault->setIntegerForKey("Int",0);
	}
	// 最高分
	auto labelHScore = Label::createWithTTF(config, "Highest: 0");
	labelHScore -> setPosition(Vec2( GAME_SCREEN_WIDTH - labelHScore->getContentSize().width , GAME_SCREEN_HEIGHT - labelHScore->getContentSize().height ));
	labelHScore -> setString( StringUtils::format("Highest: %d ",userDefault->getIntegerForKey("Int")));
	this->addChild(labelHScore);

最后还要在结束界面，进行一个小彩蛋，

如果是新纪录，放出一个动画，并且更新最高分

// GameOverScene.cpp   setScore函数

void GameOver::setScore( int sc )
{
	auto labelScore = (Label *)this -> getChildByTag(13);
	labelScore -> setString( StringUtils::format(" %d ",sc));

	if( userDefault->getIntegerForKey("Int") < sc ){

		// 新纪录
		auto newRecord = Sprite::create("sprite_newRecord.png");
		newRecord -> setPosition(Point( GAME_SCREEN_WIDTH/3.05 , GAME_SCREEN_HEIGHT/1.22));
		newRecord->setScale(10.0f);// start size
		newRecord->runAction(ScaleTo::create(1.2f, 1.0));

		this->addChild(newRecord);

		userDefault->setIntegerForKey("Int",sc);
	}
}

4. 音乐、音效 的添加

一个游戏，音乐音效之类还是挺关键的，在这游戏里面添加音乐和音效吧

一些基础的东西，看这个 -> cocos2d-x
3.0 背景音乐与音效

当然，第一步还是要在 GameDefine进行设定

// GameDefine.h

// 音乐音效
#include "SimpleAudioEngine.h"
#define SOUND_KEY "sound_key"
#define MUSIC_KEY "music_key"

然后在每个需要背景音乐的地方，重写虚函数

	virtual void onEnterTransitionDidFinish();
	virtual void cleanup();

分别在 精灵消除、横向纵向消除、游戏结束界面时候 出现新纪录 等，这些都需要音效，具体内容还是看源码吧，我就不列出来了。

结语：

最后一篇搞定了，现在可以玩自己 三消游戏 啦。

又搞定了一个小游戏教程，从上一个2048 到 这一个 三消游戏；

之前在写这些文章，有很多话想在最后结语说，但现在又什么都说不出来了。

总之，依旧奋斗下去吧，

套用之前那句话 —— 永远年轻，永远热泪盈眶

本文源码： >
这里 <

***************************************转载请注明出处：http://blog.csdn.net/lttree********************************************

时间： 2024-10-08 15:06:16

cocos2d-x 3.2 之 三消类游戏——万圣大作战 (第五篇)的相关文章

cocos2d-x 3.2 之 三消类游戏——万圣大作战 (第四篇)

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** 呼呼,第四篇咯, 本篇主要讲述 > 时间 > 分数 本篇结束后,整个三消游戏的基本步骤就搞定了 1. 添加时间 一般消除类游戏,要么关卡,要么限制时间,但是关卡的设计很麻烦,个体创作,没有那么多精力, 所以只能通过限制时间来使游戏有些可玩性,但这种可玩性极低啊

cocos2d-x 3.2 之 三消类游戏——万圣大作战 (第三篇)

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** 这是第三篇了, 前面已经建立了界面,建立的精灵,并且能自动消除精灵. 现在就要做我们的触摸事件了 本文内容: > 实现触摸事件 > 实现交换的功能 1.触摸事件 我们玩三消游戏,就要对屏幕进行滑动,所以需要做一个触摸事件来处理对屏幕的触摸. 这里主要是要获得

cocos2d-x 3.2 之 三消类游戏——万圣大作战 (第一篇)

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** 废话: 放寒假了,放松了一下下....(有点多) 前几天 办了张健身卡,准备减肥了,健康重要啊,尤其是身为 程序猿. 话说,办完卡做的体测,20多岁的我,现在身体年龄竟然达到了40 ! 然后,拿了一个韩版 三星 Galaxy S 刷汉化,用惯了一键刷机,这些东西

cocos2d-x 3.2 之 三消类游戏——万圣大作战

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** 首先祝大家万圣节快乐呀~ 紧赶慢赶,第二款cocos2d-x游戏终于出来了. 万圣大作战 三消类的游戏 下面是游戏的一些截图~ 主界面 设置界面: 游戏界面: 结束界面:         和第一款2048相比, 多了 分数的本地存储(未加密) 音乐和音效的 设置

cocos2d-x 3.2 之 三消类游戏——万圣大作战 (第二篇)

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** 书接上回,在上一部分,我们建了两个界面,在游戏界面加上了精灵. 接下来,本文主要讲述一些逻辑规则: > 精灵消除的检测 > 精灵消除 > 消除后的填补空缺 1.结构大纲 OK,废话不多说,Go! 先来捋下逻辑: --进入游戏界面,精灵开始落下 --精灵落

cocos2dx[3.2]实战篇——《三消类游戏》学习心得

[唠叨] 源码教程请移步:http://cn.cocos2d-x.org/tutorial/show?id=815 注:本节仅仅记录博主自身学习<三消类游戏>的心得体会. [游戏截图] [学习心得] 1.屏幕适配策略 手机和平板电脑的屏幕比例主要为16:9.16:10.4:3.3:2. 这就说明使用16:9的比例是比较好的选择.那么我们使用一张高宽比例为16:9的背景图片,然后将适配模式设置为:ResolutionPolicy::FIXED_WIDTH(让宽适配屏幕). 注:宽适配只使用本游戏

cocos2d-x 3.2 它 三消游戏——万圣节大作战

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** 首先祝大家万圣节快乐呀~ 紧赶慢赶.第二款cocos2d-x游戏最终出来了. 万圣大作战 三消类的游戏 以下是游戏的一些截图~ 主界面 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbHR0cmVl/font/5a6L

网狐6603 cocos2dx 棋牌、捕鱼、休闲类游戏《李逵捕鱼》手机端完整源码分析及分享

该资源说明: cocos2d 棋牌.捕鱼.休闲类游戏<李逵捕鱼>手机端完整源码,网狐6603配套手机版源码,可以选桌子,适合新手学习参考,小编已亲测试,绝对完整可编译手机端,下载后将文件考到projects文件下面直接编译运行. 引擎版本:cocos2dx-2.2.6 资源下载:http://www.zccode.com/forum.php?mod=viewthread&tid=618&page=1&extra=#pid9095    

Unity3D益智三消类“快乐消消乐”(产品级)实战

课程目录:第1课.项目演示片第2课.三消类游戏市场前景第3课.三消基本原理介绍第4课.搭建游戏框架A第5课.搭建游戏框架B_建立核心脚本第6课.搭建游戏框架C_建立界面UI第7课.游戏界面与框架搭建完毕第8课.消除检测_分配邻居A第9课.消除检测_分配邻居B第10课.消除检测_分配邻居算法且测试验证第11课.消除检测算法_每个棋子消除检测算法第12课.消除检测算法_整体消除思路第13课.消除检测算法_增加新棋子第14课.完成棋盘的自动检测核心算法第15课.阶段性开发思路总结第16课.ITween