展会信息港展会大全

使用Cocos2d-x开发2048游戏教程(Part1)
来源:互联网   发布日期:2015-09-28 10:48:39   浏览:873次  

导读: 一个根本停不下来的游戏。。。看看谁能玩到2048。2048 是一款数学游戏,通过上下左右滑动让两两相同的数字碰撞就会诞生一个翻倍的.最近2048游戏火的一塌糊涂! 2048游戏规则很简单: * ...

一个根本停不下来的游戏。。。看看谁能玩到2048。2048 是一款数学游戏,通过上下左右滑动让两两相同的数字碰撞就会诞生一个翻倍的.最近2048游戏火的一塌糊涂!

2048游戏规则很简单:

*开始时棋盘内随机出现两个数字,出现的数字仅可能为2或4

*玩家可以选择上下左右四个方向,若棋盘内的数字出现位移或合并,视为有效移动

*玩家选择的方向上若有相同的数字则合并,每次有效移动可以同时合并,但不可以连续合并

* 合并所得的所有新生成数字想加即为该步的有效得分

*玩家选择的方向行或列前方有空格则出现位移

* 每有效移动一步,棋盘的空位(无数字处)随机出现一个数字(依然可能为2或4)

* 棋盘被数字填满,无法进行有效移动,判负,游戏结束

* 棋盘上出现2048,判胜,游戏结束

下面我们就来利用Cocos2d-x动手创建一个2048游戏!运行在iOS和Android 上。

效果图:

游戏只粗略实现大概逻辑,基本可玩。画面简陋还需小伙伴继续完善。

1. 下载 Cocos2d-x 3.0

2. 解压cocos2d-x-3.0.zip,进入cocos2d-x-3.0,运行 setup.py

2. 运行 cocos 脚本创建工程

Example:

按照上面操作执行

我们创建了一个基于Cocos2d-x 3.0版本的2048空工程。

进入工程目录查看工程结构如图:

使用xcode打开刚创建的工程,proj.ios_mac/2048.xcodeproj,编译运行如下, cocos2d-x 默认为我们创建了一个模板工程。运行结果如图:

接下来,我们动手修改工程,加入自己的游戏场景。

Cocos2d-x 使用Scene表示游戏的场景,类似于电影中的场景。场景大致可以分为以下几类:展示类场景。播放视频或简单的在图像上输出文字,来实现游戏的开场介绍、胜利和失败提示、帮助介绍,选项类场景,主菜单、设置游戏参数等,游戏场景。这是游戏的主要内容。

游戏的内容是通过层Layer,叠加展示的。Layer是写游戏的重点,精灵Sprite、标签Label、菜单Menu等都是add到层上展示。

新建GameScene

新建GameScene类,创建游戏的主场景。GameScene 是Layer的子类,负责显示score、pause 菜单,以及 4*4 的数字卡片。管理游戏的交换逻辑和分数更新。

createScene静态方法的实现。

GameScene::createScene()方法,首先创建了一个场景,然后创建layer将自己add到该场景。并返回。

在bool GameScene::init()中加入bgLayer 和显示score label 和 pause菜单

替换HelloWorldScene,加入GameScene;

打开AppDelegate.cpp,加入头文件#include "GameScene.h", 在Cocos2d-x的入口bool AppDelegate::applicationDidFinishLaunching()作如下修改,

改为

Cocos2d-x用Director类管理场景,访问和改变场景。通过上面修改,将我的游戏场景运行起来。

运行查看效果:

游戏场景基本已经创建好,接下来我们来加入4*4的数字卡片。

新建CardSprite类来表示数字方块,CardSprite是Sprite的子类。由显示背景的LayerColor和显示数字的Label组合而成。 负责显示2、4、8...数字方块和不同的背景色。

数字卡片的创建

上面代码,通过指定位置和大小创建了一个显示背景的LayerColor对象,然后将创建显示数字的Label对象add到背景上,最后将其add到CardSprite上。

添加更新和获取数字方法

CardSprite的成员变量number保存卡片显示的数字,colorBackground 在不同number下显示不同的颜色。

数字卡片创建好后,就需要在游戏场景中加入。2048游戏中有4*4的数字卡片。加入卡片需要考虑卡片的布局,和屏幕的宽高,间隔。GameScene的成员变量二维指针cardArr保存对数字卡片的引用。根据屏幕显示区域的大小,计算好卡片的大小和布局位置。将创建好的卡片add到GameScene。

cocos2d-x中提供了CCRANDOM_0_1()宏

生成float范围是[0.f,1.f]。 我们需要在4*4的矩阵上,随机取数字卡片初始为2或4。使用如下方法

将float转为int,得到0~3的随机数

初始化2048游戏场景,就是将创建好的场景中加入4*4的数字卡片和2个显示数值的卡片。 在GameScene::init()方法加入

运行效果如图:

在这节我们已经完成了游戏的主场景和4*4的数字卡片。但是还缺少游戏上下左右滑动移动数字卡片,得分,游戏结束等逻辑。 在下一节我们将加入游戏的逻辑、数据存储和如何在android上运行。

你可以在获取游戏源码(点击下载源码)。

赞助本站

人工智能实验室
AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港