Cocos2d-x 3.x版2048游戏开发
本篇博客给大家介绍怎样高速开发2048这样一款休闲游戏,理解整个2048游戏的开发流程。从本篇博客你将能够学习到下面内容:
这里注明一下,本教程来自极客学院,小巫对当中代码进行了解释。
- 2048游戏的逻辑
- Cocos2d-x中上下左右手势的识别
- 游戏中卡片类的创建
- 增加卡片到游戏中
- 游戏中的逻辑实现
- 游戏中随机卡片的生成
- 游戏结束推断
- 游戏分数的增加
- 游戏美化
理解2048游戏逻辑
Cocos2d-x中上下左右手势的识别
// 增加手势识别的事件
virtual bool onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event);
virtual void onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *unused_event);
// 点击的元素位置
int firstX, firstY, endX, endY;
// 增加手势识别的事件
bool HelloWorld::onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event){
// 触摸点
Point touchP0 = touch->getLocation();
firstX = touchP0.x;
firstY = touchP0.y;
return true;
}
// 触摸结束触发
void HelloWorld::onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *unused_event){
// 获取触摸点位置
Point touchP0 = touch->getLocation();
// 获取X轴和Y轴的移动距离
endX = firstX - touchP0.x;
endY = firstY - touchP0.y;
// 推断X轴和Y轴的移动距离,假设X轴的绝对值大于Y轴的绝对值就是左右否则是上下
if (abs(endX) > abs(endY)){
// 左右
if (endX + 5 > 0) {
// 左边
if(doLeft()) {
autoCreateCardNumber();
doCheckGameOver();
}
} else {
// 右边
if(doRight()){
autoCreateCardNumber();
doCheckGameOver();
}
}
} else {
// 上下
if (endY + 5 > 0) {
// 下边
if(doDown()) {
autoCreateCardNumber();
doCheckGameOver();
}
} else {
// 上边
if(doUp()) {
autoCreateCardNumber();
doCheckGameOver();
};
}
}
}
// 创建手势识别的事件监听器
auto touchListener = EventListenerTouchOneByOne::create();
touchListener->onTouchBegan = CC_CALLBACK_2(HelloWorld::onTouchBegan, this);
touchListener->onTouchEnded = CC_CALLBACK_2(HelloWorld::onTouchEnded, this);
// 增加事件监听
_eventDispatcher->addEventListenerWithSceneGraphPriority(touchListener, this);
上面中依据计算開始位置到结束位置X轴和Y轴的移动距离来推断是向左、向右、向上还是向下的方向:
// 上下左右的方法
bool doLeft();
bool doRight();
bool doUp();
bool doDown();
然后对其进行实现。这四个方法的逻辑实现放到后面进行解说。
游戏中卡片类的创建
//
// CardSprite.h
// 2048Game
//
// Created by mac on 14-7-16.
//
//
#ifndef ___048Game__CardSprite__
#define ___048Game__CardSprite__
#include "cocos2d.h"
class CardSprite:public cocos2d::Sprite {
public:
// 初始化游戏卡片的方法
static CardSprite *createCardSprite(int numbers, int width, int height, float CardSpriteX, float CardSpriteY);
virtual bool init();
CREATE_FUNC(CardSprite);
// 设置数字
void setNumber(int num);
// 获取数字
int getNumber();
private:
// 显示在界面的数字
int number;
void enemyInit(int numbers, int width, int height, float CardSpriteX, float CardSpriteY);
// 定义显示数字的控件
cocos2d::LabelTTF *labTTFCardNumber;
// 显示的背景
cocos2d::LayerColor *layerColorBG;
};
#endif /* defined(___048Game__CardSprite__) */
//
// CardSprite.cpp
// 2048Game
//
// Created by wwj on 14-7-16.
//
//
#include "CardSprite.h"
USING_NS_CC;
// 初始化游戏卡片的方法
CardSprite* CardSprite::createCardSprite(int numbers, int width, int height, float CardSpriteX, float CardSpriteY) {
// new一个卡片精灵
CardSprite *enemy = new CardSprite();
if (enemy && enemy->init()) {
enemy->autorelease();
enemy->enemyInit(numbers, width, height, CardSpriteX, CardSpriteY);
return enemy;
}
CC_SAFE_DELETE(enemy);
return NULL;
}
// 卡片初始化方法
bool CardSprite::init() {
if (!Sprite::init()) {
return false;
}
return true;
}
// 设置数字
void CardSprite::setNumber(int num) {
number = num;
// 推断数字的大小来调整字体的大小
if (number >= 0) {
labTTFCardNumber->setFontSize(80);
}
if (number >= 16) {
labTTFCardNumber->setFontSize(60);
}
if (number >= 128) {
labTTFCardNumber->setFontSize(40);
}
if (number >= 1024) {
labTTFCardNumber->setFontSize(20);
}
// 推断数组的大小调整颜色
if (number == 0) {
layerColorBG->setColor(cocos2d::Color3B(200, 190, 180));
}
if (number == 2) {
layerColorBG->setColor(cocos2d::Color3B(240, 230, 220));
}
if (number == 4) {
layerColorBG->setColor(cocos2d::Color3B(240, 220, 200));
}
if (number == 8) {
layerColorBG->setColor(cocos2d::Color3B(240, 180, 120));
}
if (number == 16) {
layerColorBG->setColor(cocos2d::Color3B(240, 140, 90));
}
if (number == 32) {
layerColorBG->setColor(cocos2d::Color3B(240, 120, 90));
}
if (number == 64) {
layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));
}
if (number == 128) {
layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));
}
if (number == 256) {
layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));
}
if (number == 512) {
layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));
}
if (number == 1024) {
layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));
}
if (number == 2048) {
layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));
}
// 更新显示的数字
if (number > 0) {
labTTFCardNumber->setString(__String::createWithFormat("%i", num)->getCString() );
} else {
labTTFCardNumber->setString("");
}
}
// 获取数字
int CardSprite::getNumber() {
return number;
}
//第1个參数为数字,第2、3个參数为卡片的宽高。第4、5个參数为卡片的位置
void CardSprite::enemyInit(int numbers, int width, int height, float CardSpriteX, float CardSpriteY) {
// 初始化数字
number = numbers;
// 增加游戏卡片的背景颜色
layerColorBG = cocos2d::LayerColor::create(cocos2d::Color4B(200, 190, 180, 255), width - 15, height - 15);
layerColorBG->setPosition(Point(CardSpriteX, CardSpriteY));
// 推断假设不等于0就显示。否则为空
if (number > 0) {
// 增加中间字体
labTTFCardNumber = cocos2d::LabelTTF::create(__String::createWithFormat("%i", number)->getCString(), "HirakakuProN-W6", 100);
// 显示卡片数字的位置,这里显示在背景的中间
labTTFCardNumber->setPosition(Point(layerColorBG->getContentSize().width/2, layerColorBG->getContentSize().height/2));
// 增加卡片数字到背景中
layerColorBG->addChild(labTTFCardNumber);
} else {
// 增加中间字体
labTTFCardNumber = cocos2d::LabelTTF::create("", "HirakakuProN-w6", 80);
labTTFCardNumber->setPosition(Point(layerColorBG->getContentSize().width/2, layerColorBG->getContentSize().height/2));
layerColorBG->addChild(labTTFCardNumber);
}
// 将卡片增加到层
this->addChild(layerColorBG);
}
每张卡片都有同样的宽和高,但数字和位置不同,数字是显示在背景中间的,所以我们须要5个參数来初始化卡片的位置。
增加卡片到游戏中
// 创建卡片
void createCardSprite(cocos2d::Size size);
在HelloWorldScene.cpp中实现该方法:
// 创建卡片,size为屏幕大小
void HelloWorld::createCardSprite(cocos2d::Size size) {
// 求出单元格的宽度和高度,28为左右距离
int lon = (size.width - 28) / 4;
// 4*4的单元格
for (int j = 0; j < 4; j++) {
for (int i = 0; i < 4; i++) {
// 数字0,宽高同样为lon,lon+j+20为卡片X轴位置,如lon+0+20为第一个卡片的位置。20是每张卡片的间隙,lon+i+20+size.height/6代表的意思是屏幕大小竖方向分了六份。我们这里仅仅放4个位置
CardSprite *card = CardSprite::createCardSprite(0, lon, lon, lon * j + 10, lon * i + 10 + size.height / 6);
addChild(card);
// 增加卡片到二维数组中
cardArr[j][i] = card;
}
}
}
笔者对每张卡片显示的位置在代码中进行了说明,读者也能够思考一下为什么要这么做。
游戏中的逻辑实现
// 向左
bool HelloWorld::doLeft(){
log("doLeft");
bool isdo = false;
// 最外层循环为4*4迭代
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4; x++) {
// 这一层循环为推断卡片是合并还是清空
for (int x1 = x + 1; x1 < 4; x1++) {
if (cardArr[x1][y]->getNumber() > 0) {// 有数字
if (cardArr[x][y]->getNumber() <= 0) { // 为空
// 设置为右边卡片的数值
cardArr[x][y]->setNumber(cardArr[x1][y]->getNumber());
cardArr[x1][y]->setNumber(0);
x--;
isdo = true;
} else if(cardArr[x][y]->getNumber() == cardArr[x1][y]->getNumber()) {
// 当前卡片的值与其比較卡片的值相等,设置为其的2倍
cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2);
cardArr[x1][y]->setNumber(0);
// 设置分数
score += cardArr[x][y]->getNumber();
labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());
isdo = true;
}
break;// 跳出
}
}
}
}
return isdo;
}
// 向右
bool HelloWorld::doRight(){
log("doRight");
bool isdo = false;
// 最外层循环为4*4迭代
for (int y = 0; y < 4; y++) {
for (int x = 3; x >= 0; x--) {
// 循环推断左边卡片往右是合并还是清空
for (int x1 = x - 1; x1 >= 0; x1-- ) {
if (cardArr[x1][y]->getNumber() > 0) {
if (cardArr[x][y]->getNumber() <= 0) {
cardArr[x][y]->setNumber(cardArr[x1][y]->getNumber());
x++;
isdo = true;
}
else if (cardArr[x][y]->getNumber() == cardArr[x1][y]->getNumber()) {
cardArr[x][y]->setNumber(cardArr[x][y]->getNumber() * 2);
cardArr[x1][y]->setNumber(0);
// 设置分数
score += cardArr[x][y]->getNumber();
labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());
isdo = true;
}
break;
}
}
}
}
return isdo;
}
// 向上
bool HelloWorld::doUp(){
log("doUp");
bool isdo = false;
// 最外层循环为4*4迭代
for (int x = 0; x < 4; x++) {
for (int y = 3; y >= 0; y--) {
// 这一层循环为推断卡片是合并还是清空
for (int y1 = y - 1; y1 >= 0; y1--) {
if (cardArr[x][y1]->getNumber() > 0) {// 有数字
if (cardArr[x][y]->getNumber() <= 0) { // 为空
// 设置为右边卡片的数值
cardArr[x][y]->setNumber(cardArr[x][y1]->getNumber());
cardArr[x][y1]->setNumber(0);
y++;
isdo = true;
} else if(cardArr[x][y]->getNumber() == cardArr[x][y1]->getNumber()) {
// 当前卡片的值与其比較卡片的值相等。设置为其的2倍
cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2);
cardArr[x][y1]->setNumber(0);
// 设置分数
score += cardArr[x][y]->getNumber();
labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());
isdo = true;
}
break;// 跳出
}
}
}
}
return isdo;
}
// 向下
bool HelloWorld::doDown(){
log("doDown");
bool isdo = false;
// 最外层循环为4*4迭代
for (int x = 0; x < 4; x++) {
for (int y = 0; y < 4; y++) {
// 这一层循环为推断卡片是合并还是清空
for (int y1 = y + 1; y1 < 4; y1++) {
if (cardArr[x][y1]->getNumber() > 0) {// 有数字
if (cardArr[x][y]->getNumber() <= 0) { // 为空
// 设置为右边卡片的数值
cardArr[x][y]->setNumber(cardArr[x][y1]->getNumber());
cardArr[x][y1]->setNumber(0);
y--;
isdo = true;
} else if(cardArr[x][y]->getNumber() == cardArr[x][y1]->getNumber()) {
// 当前卡片的值与其比較卡片的值相等。设置为其的2倍
cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2);
cardArr[x][y1]->setNumber(0);
// 设置分数
score += cardArr[x][y]->getNumber();
labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());
isdo = true;
}
break;// 跳出
}
}
}
}
return isdo;
}
游戏中随机卡片的生成
// 自己主动卡片生成
void autoCreateCardNumber();
在HelloWorldScene.cpp实现该方法:
// 自己主动生成卡片
void HelloWorld::autoCreateCardNumber() {
int i = CCRANDOM_0_1() * 4;
int j = CCRANDOM_0_1() * 4;
// 推断是否已经存在的位置
if (cardArr[i][j]->getNumber() > 0) {
// 已存在,递归创建
autoCreateCardNumber();
} else {
// 生成2和4的比例是1:9的概率
cardArr[i][j]->setNumber(CCRANDOM_0_1() * 10 < 1 ? 4:2);
}
}
游戏结束推断
// 推断游戏是否还能继续执行下去
void doCheckGameOver();
在HelloWorldScene.cpp中实现该方法:
// 游戏是否还能继续执行下去
void HelloWorld::doCheckGameOver() {
bool isGameOver = true;
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4; x++) {
if (cardArr[x][y]->getNumber() == 0
|| (x>0 && (cardArr[x][y]->getNumber() == cardArr[x-1][y]->getNumber() ))
|| (x<3 && (cardArr[x][y]->getNumber() == cardArr[x+1][y]->getNumber()))
|| (y<0 && (cardArr[x][y]->getNumber() == cardArr[x][y-1]->getNumber()))
|| (x<3 && (cardArr[x][y]->getNumber() == cardArr[x][y+1]->getNumber()))) {
isGameOver = false;
}
}
}
if (isGameOver) {
// 结束游戏
Director::getInstance()->replaceScene(TransitionFade::create(1, HelloWorld::createScene()));
}
}
游戏分数的增加
// 总体游戏的分数
int score;
// 定义显示数据的控件
cocos2d::LabelTTF *labelTTFCardNumber;
在HelloWorldScene.cpp中对分数初始化为0,并显示“分数”的文本:
score = 0;
// 获得屏幕可视大小
Size visibleSize = Director::getInstance()->getVisibleSize();
// 增加游戏的背景
auto layerColorBG = cocos2d::LayerColor::create(cocos2d::Color4B(180,170,160, 255));
this->addChild(layerColorBG);
// 在上方增加游戏的分数
auto labelTTFCardNumberName = LabelTTF::create("分数:","HirakakuProN-W6", 80);
labelTTFCardNumberName->setPosition(Point(visibleSize.width/5, visibleSize.height-100));
addChild(labelTTFCardNumberName);
labelTTFCardNumber = LabelTTF::create("0", "HirakakuProN-W6", 80);
labelTTFCardNumber->setPosition(visibleSize.width/2+100, visibleSize.height - 100);
addChild(labelTTFCardNumber
);
游戏美化
// 设置数字
void CardSprite::setNumber(int num) {
number = num;
// 推断数字的大小来调整字体的大小
if (number >= 0) {
labTTFCardNumber->setFontSize(80);
}
if (number >= 16) {
labTTFCardNumber->setFontSize(60);
}
if (number >= 128) {
labTTFCardNumber->setFontSize(40);
}
if (number >= 1024) {
labTTFCardNumber->setFontSize(20);
}
// 推断数组的大小调整颜色
if (number == 0) {
layerColorBG->setColor(cocos2d::Color3B(200, 190, 180));
}
if (number == 2) {
layerColorBG->setColor(cocos2d::Color3B(240, 230, 220));
}
if (number == 4) {
layerColorBG->setColor(cocos2d::Color3B(240, 220, 200));
}
if (number == 8) {
layerColorBG->setColor(cocos2d::Color3B(240, 180, 120));
}
if (number == 16) {
layerColorBG->setColor(cocos2d::Color3B(240, 140, 90));
}
if (number == 32) {
layerColorBG->setColor(cocos2d::Color3B(240, 120, 90));
}
if (number == 64) {
layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));
}
if (number == 128) {
layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));
}
if (number == 256) {
layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));
}
if (number == 512) {
layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));
}
if (number == 1024) {
layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));
}
if (number == 2048) {
layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));
}
// 更新显示的数字
if (number > 0) {
labTTFCardNumber->setString(__String::createWithFormat("%i", num)->getCString() );
} else {
labTTFCardNumber->setString("");
}
}
#ifndef _APP_DELEGATE_H_
#define _APP_DELEGATE_H_
#include "cocos2d.h"
/**
@brief The cocos2d Application.
The reason for implement as private inheritance is to hide some interface call by Director.
*/
class AppDelegate : private cocos2d::Application
{
public:
AppDelegate();
virtual ~AppDelegate();
/**
@brief Implement Director and Scene init code here.
@return true Initialize success, app continue.
@return false Initialize failed, app terminate.
*/
virtual bool applicationDidFinishLaunching();
/**
@brief The function be called when the application enter background
@param the pointer of the application
*/
virtual void applicationDidEnterBackground();
/**
@brief The function be called when the application enter foreground
@param the pointer of the application
*/
virtual void applicationWillEnterForeground();
};
#endif // _APP_DELEGATE_H_
>>>AppDelegate.cpp
#include "AppDelegate.h"
#include "HelloWorldScene.h"
USING_NS_CC;
AppDelegate::AppDelegate() {
}
AppDelegate::~AppDelegate()
{
}
bool AppDelegate::applicationDidFinishLaunching() {
// initialize director
auto director = Director::getInstance();
auto glview = director->getOpenGLView();
if(!glview) {
glview = GLView::create("My Game");
director->setOpenGLView(glview);
}
glview->setDesignResolutionSize(480, 800, ResolutionPolicy::SHOW_ALL);
// turn on display FPS
director->setDisplayStats(false);
// set FPS. the default value is 1.0/60 if you don't call this
director->setAnimationInterval(1.0 / 60);
// create a scene. it's an autorelease object
auto scene = HelloWorld::createScene();
// run
director->runWithScene(scene);
return true;
}
// This function will be called when the app is inactive. When comes a phone call,it's be invoked too
void AppDelegate::applicationDidEnterBackground() {
Director::getInstance()->stopAnimation();
// if you use SimpleAudioEngine, it must be pause
// SimpleAudioEngine::getInstance()->pauseBackgroundMusic();
}
// this function will be called when the app is active again
void AppDelegate::applicationWillEnterForeground() {
Director::getInstance()->startAnimation();
// if you use SimpleAudioEngine, it must resume here
// SimpleAudioEngine::getInstance()->resumeBackgroundMusic();
}
>>>HelloWorldScene.h
#ifndef __HELLOWORLD_SCENE_H__
#define __HELLOWORLD_SCENE_H__
#include "cocos2d.h"
#include "CardSprite.h"
class HelloWorld : public cocos2d::Layer
{
public:
static cocos2d::Scene* createScene();
virtual bool init();
void menuCloseCallback(cocos2d::Ref* pSender);
CREATE_FUNC(HelloWorld);
// 增加手势识别的事件
virtual bool onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event);
virtual void onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *unused_event);
// 上下左右的方法
bool doLeft();
bool doRight();
bool doUp();
bool doDown();
// 自己主动卡片生成
void autoCreateCardNumber();
// 推断游戏是否还能继续执行下去
void doCheckGameOver();
private:
// 点击的元素位置
int firstX, firstY, endX, endY;
// 定义一个二维数组
CardSprite *cardArr[4][4];
// 创建卡片
void createCardSprite(cocos2d::Size size);
// 总体游戏的分数
int score;
// 定义显示数据的控件
cocos2d::LabelTTF *labelTTFCardNumber;
};
#endif // __HELLOWORLD_SCENE_H__
>>>HelloWorldScene.cpp
#include "HelloWorldScene.h"
#include "CardSprite.h"
USING_NS_CC;
Scene* HelloWorld::createScene()
{
// 'scene' is an autorelease object
auto scene = Scene::create();
// 'layer' is an autorelease object
auto layer = HelloWorld::create();
// add layer as a child to scene
scene->addChild(layer);
// return the scene
return scene;
}
// on "init" you need to initialize your instance
bool HelloWorld::init()
{
//
// 1. super init first
if ( !Layer::init() )
{
return false;
}
score = 0;
// 获得屏幕可视大小
Size visibleSize = Director::getInstance()->getVisibleSize();
// 增加游戏的背景
auto layerColorBG = cocos2d::LayerColor::create(cocos2d::Color4B(180,170,160, 255));
this->addChild(layerColorBG);
// 在上方增加游戏的分数
auto labelTTFCardNumberName = LabelTTF::create("分数:","HirakakuProN-W6", 80);
labelTTFCardNumberName->setPosition(Point(visibleSize.width/5, visibleSize.height-100));
addChild(labelTTFCardNumberName);
labelTTFCardNumber = LabelTTF::create("0", "HirakakuProN-W6", 80);
labelTTFCardNumber->setPosition(visibleSize.width/2+100, visibleSize.height - 100);
addChild(labelTTFCardNumber
);
// 创建手势识别的事件监听器
auto touchListener = EventListenerTouchOneByOne::create();
touchListener->onTouchBegan = CC_CALLBACK_2(HelloWorld::onTouchBegan, this);
touchListener->onTouchEnded = CC_CALLBACK_2(HelloWorld::onTouchEnded, this);
// 增加事件监听
_eventDispatcher->addEventListenerWithSceneGraphPriority(touchListener, this);
// 调用生成卡片的方法
createCardSprite(visibleSize);
// 调用生成随机数
autoCreateCardNumber();
autoCreateCardNumber();
return true;
}
// 游戏是否还能继续执行下去
void HelloWorld::doCheckGameOver() {
bool isGameOver = true;
for (int y = 0; y < 4; y++) {
for (int x = 0; x < 4; x++) {
if (cardArr[x][y]->getNumber() == 0
|| (x>0 && (cardArr[x][y]->getNumber() == cardArr[x-1][y]->getNumber() ))
|| (x<3 && (cardArr[x][y]->getNumber() == cardArr[x+1][y]->getNumber()))
|| (y<0 && (cardArr[x][y]->getNumber() == cardArr[x][y-1]->getNumber()))
|| (x<3 && (cardArr[x][y]->getNumber() == cardArr[x][y+1]->getNumber()))) {
isGameOver = false;
}
}
}
if (isGameOver) {
// 结束游戏
Director::getInstance()->replaceScene(TransitionFade::create(1, HelloWorld::createScene()));
}
}
// 自己主动生成卡片
void HelloWorld::autoCreateCardNumber() {
int i = CCRANDOM_0_1() * 4;
int j = CCRANDOM_0_1() * 4;
// 推断是否已经存在的位置
if (cardArr[i][j]->getNumber() > 0) {
// 已存在,递归创建
autoCreateCardNumber();
} else {
// 生成2和4的比例是1:9的概率
cardArr[i][j]->setNumber(CCRANDOM_0_1() * 10 < 1 ?
4:2); } } // 创建卡片,size为屏幕大小 void HelloWorld::createCardSprite(cocos2d::Size size) { // 求出单元格的宽度和高度。28为左右距离 int lon = (size.width - 28) / 4; // 4*4的单元格 for (int j = 0; j < 4; j++) { for (int i = 0; i < 4; i++) { // 数字0。宽高同样为lon,lon+j+20为卡片X轴位置,如lon+0+20为第一个卡片的位置。20是每张卡片的间隙,lon+i+20+size.height/6代表的意思是屏幕大小竖方向分了六份。我们这里仅仅放4个位置 CardSprite *card = CardSprite::createCardSprite(0, lon, lon, lon * j + 10, lon * i + 10 + size.height / 6); addChild(card); // 增加卡片到二维数组中 cardArr[j][i] = card; } } } // 增加手势识别的事件 bool HelloWorld::onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event){ // 触摸点 Point touchP0 = touch->getLocation(); firstX = touchP0.x; firstY = touchP0.y; return true; } // 触摸结束触发 void HelloWorld::onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *unused_event){ // 获取触摸点位置 Point touchP0 = touch->getLocation(); // 获取X轴和Y轴的移动距离 endX = firstX - touchP0.x; endY = firstY - touchP0.y; // 推断X轴和Y轴的移动距离,假设X轴的绝对值大于Y轴的绝对值就是左右否则是上下 if (abs(endX) > abs(endY)){ // 左右 if (endX + 5 > 0) { // 左边 if(doLeft()) { autoCreateCardNumber(); doCheckGameOver(); } } else { // 右边 if(doRight()){ autoCreateCardNumber(); doCheckGameOver(); } } } else { // 上下 if (endY + 5 > 0) { // 下边 if(doDown()) { autoCreateCardNumber(); doCheckGameOver(); } } else { // 上边 if(doUp()) { autoCreateCardNumber(); doCheckGameOver(); }; } } } // 向左 bool HelloWorld::doLeft(){ log("doLeft"); bool isdo = false; // 最外层循环为4*4迭代 for (int y = 0; y < 4; y++) { for (int x = 0; x < 4; x++) { // 这一层循环为推断卡片是合并还是清空 for (int x1 = x + 1; x1 < 4; x1++) { if (cardArr[x1][y]->getNumber() > 0) {// 有数字 if (cardArr[x][y]->getNumber() <= 0) { // 为空 // 设置为右边卡片的数值 cardArr[x][y]->setNumber(cardArr[x1][y]->getNumber()); cardArr[x1][y]->setNumber(0); x--; isdo = true; } else if(cardArr[x][y]->getNumber() == cardArr[x1][y]->getNumber()) { // 当前卡片的值与其比較卡片的值相等,设置为其的2倍 cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2); cardArr[x1][y]->setNumber(0); // 设置分数 score += cardArr[x][y]->getNumber(); labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString()); isdo = true; } break;// 跳出 } } } } return isdo; } // 向右 bool HelloWorld::doRight(){ log("doRight"); bool isdo = false; // 最外层循环为4*4迭代 for (int y = 0; y < 4; y++) { for (int x = 3; x >= 0; x--) { // 循环推断左边卡片往右是合并还是清空 for (int x1 = x - 1; x1 >= 0; x1-- ) { if (cardArr[x1][y]->getNumber() > 0) { if (cardArr[x][y]->getNumber() <= 0) { cardArr[x][y]->setNumber(cardArr[x1][y]->getNumber()); x++; isdo = true; } else if (cardArr[x][y]->getNumber() == cardArr[x1][y]->getNumber()) { cardArr[x][y]->setNumber(cardArr[x][y]->getNumber() * 2); cardArr[x1][y]->setNumber(0); // 设置分数 score += cardArr[x][y]->getNumber(); labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString()); isdo = true; } break; } } } } return isdo; } // 向上 bool HelloWorld::doUp(){ log("doUp"); bool isdo = false; // 最外层循环为4*4迭代 for (int x = 0; x < 4; x++) { for (int y = 3; y >= 0; y--) { // 这一层循环为推断卡片是合并还是清空 for (int y1 = y - 1; y1 >= 0; y1--) { if (cardArr[x][y1]->getNumber() > 0) {// 有数字 if (cardArr[x][y]->getNumber() <= 0) { // 为空 // 设置为右边卡片的数值 cardArr[x][y]->setNumber(cardArr[x][y1]->getNumber()); cardArr[x][y1]->setNumber(0); y++; isdo = true; } else if(cardArr[x][y]->getNumber() == cardArr[x][y1]->getNumber()) { // 当前卡片的值与其比較卡片的值相等,设置为其的2倍 cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2); cardArr[x][y1]->setNumber(0); // 设置分数 score += cardArr[x][y]->getNumber(); labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString()); isdo = true; } break;// 跳出 } } } } return isdo; } // 向下 bool HelloWorld::doDown(){ log("doDown"); bool isdo = false; // 最外层循环为4*4迭代 for (int x = 0; x < 4; x++) { for (int y = 0; y < 4; y++) { // 这一层循环为推断卡片是合并还是清空 for (int y1 = y + 1; y1 < 4; y1++) { if (cardArr[x][y1]->getNumber() > 0) {// 有数字 if (cardArr[x][y]->getNumber() <= 0) { // 为空 // 设置为右边卡片的数值 cardArr[x][y]->setNumber(cardArr[x][y1]->getNumber()); cardArr[x][y1]->setNumber(0); y--; isdo = true; } else if(cardArr[x][y]->getNumber() == cardArr[x][y1]->getNumber()) { // 当前卡片的值与其比較卡片的值相等。设置为其的2倍 cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2); cardArr[x][y1]->setNumber(0); // 设置分数 score += cardArr[x][y]->getNumber(); labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString()); isdo = true; } break;// 跳出 } } } } return isdo; } void HelloWorld::menuCloseCallback(Ref* pSender) { #if (CC_TARGET_PLATFORM == CC_PLATFORM_WP8) || (CC_TARGET_PLATFORM == CC_PLATFORM_WINRT) MessageBox("You pressed the close button. Windows Store Apps do not implement a close button.","Alert"); return; #endif Director::getInstance()->end(); #if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS) exit(0); #endif }
>>>CardSprite.h
//
// CardSprite.h
// 2048Game
//
// Created by mac on 14-7-16.
//
//
#ifndef ___048Game__CardSprite__
#define ___048Game__CardSprite__
#include "cocos2d.h"
class CardSprite:public cocos2d::Sprite {
public:
// 初始化游戏卡片的方法
static CardSprite *createCardSprite(int numbers, int width, int height, float CardSpriteX, float CardSpriteY);
virtual bool init();
CREATE_FUNC(CardSprite);
// 设置数字
void setNumber(int num);
// 获取数字
int getNumber();
private:
// 显示在界面的数字
int number;
void enemyInit(int numbers, int width, int height, float CardSpriteX, float CardSpriteY);
// 定义显示数字的控件
cocos2d::LabelTTF *labTTFCardNumber;
// 显示的背景
cocos2d::LayerColor *layerColorBG;
};
#endif /* defined(___048Game__CardSprite__) */
>>>CardSprite.cpp
//
// CardSprite.cpp
// 2048Game
//
// Created by wwj on 14-7-16.
//
//
#include "CardSprite.h"
USING_NS_CC;
// 初始化游戏卡片的方法
CardSprite* CardSprite::createCardSprite(int numbers, int width, int height, float CardSpriteX, float CardSpriteY) {
// new一个卡片精灵
CardSprite *enemy = new CardSprite();
if (enemy && enemy->init()) {
enemy->autorelease();
enemy->enemyInit(numbers, width, height, CardSpriteX, CardSpriteY);
return enemy;
}
CC_SAFE_DELETE(enemy);
return NULL;
}
// 卡片初始化方法
bool CardSprite::init() {
if (!Sprite::init()) {
return false;
}
return true;
}
// 设置数字
void CardSprite::setNumber(int num) {
number = num;
// 推断数字的大小来调整字体的大小
if (number >= 0) {
labTTFCardNumber->setFontSize(80);
}
if (number >= 16) {
labTTFCardNumber->setFontSize(60);
}
if (number >= 128) {
labTTFCardNumber->setFontSize(40);
}
if (number >= 1024) {
labTTFCardNumber->setFontSize(20);
}
// 推断数组的大小调整颜色
if (number == 0) {
layerColorBG->setColor(cocos2d::Color3B(200, 190, 180));
}
if (number == 2) {
layerColorBG->setColor(cocos2d::Color3B(240, 230, 220));
}
if (number == 4) {
layerColorBG->setColor(cocos2d::Color3B(240, 220, 200));
}
if (number == 8) {
layerColorBG->setColor(cocos2d::Color3B(240, 180, 120));
}
if (number == 16) {
layerColorBG->setColor(cocos2d::Color3B(240, 140, 90));
}
if (number == 32) {
layerColorBG->setColor(cocos2d::Color3B(240, 120, 90));
}
if (number == 64) {
layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));
}
if (number == 128) {
layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));
}
if (number == 256) {
layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));
}
if (number == 512) {
layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));
}
if (number == 1024) {
layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));
}
if (number == 2048) {
layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));
}
// 更新显示的数字
if (number > 0) {
labTTFCardNumber->setString(__String::createWithFormat("%i", num)->getCString() );
} else {
labTTFCardNumber->setString("");
}
}
// 获取数字
int CardSprite::getNumber() {
return number;
}
//第1个參数为数字,第2、3个參数为卡片的宽高,第4、5个參数为卡片的位置
void CardSprite::enemyInit(int numbers, int width, int height, float CardSpriteX, float CardSpriteY) {
// 初始化数字
number = numbers;
// 增加游戏卡片的背景颜色
layerColorBG = cocos2d::LayerColor::create(cocos2d::Color4B(200, 190, 180, 255), width - 15, height - 15);
layerColorBG->setPosition(Point(CardSpriteX, CardSpriteY));
// 推断假设不等于0就显示,否则为空
if (number > 0) {
// 增加中间字体
labTTFCardNumber = cocos2d::LabelTTF::create(__String::createWithFormat("%i", number)->getCString(), "HirakakuProN-W6", 100);
// 显示卡片数字的位置。这里显示在背景的中间
labTTFCardNumber->setPosition(Point(layerColorBG->getContentSize().width/2, layerColorBG->getContentSize().height/2));
// 增加卡片数字到背景中
layerColorBG->addChild(labTTFCardNumber);
} else {
// 增加中间字体
labTTFCardNumber = cocos2d::LabelTTF::create("", "HirakakuProN-w6", 80);
labTTFCardNumber->setPosition(Point(layerColorBG->getContentSize().width/2, layerColorBG->getContentSize().height/2));
layerColorBG->addChild(labTTFCardNumber);
}
// 将卡片增加到层
this->addChild(layerColorBG);
}
最后。骚年们就不要向我要源代码了,全部的代码在这里均有实现,仅仅要把这些代码集成到你的项目中去就能够实现跟笔者一样的效果。希望各位能好好体会2048开发的流程。