quick-cocos2d-x实例之挑战记忆极限设计文档

1.  来源

 

QuickV3 sample项目中的2048样例游戏,以及最近《最强大脑》娱乐节目。将2048改造成一款挑战玩家对数字记忆的小游戏。

邮箱:appdevzw@163.com

微信公众号:HopToad

APK下载地址:http://download.csdn.net/detail/notbaron/8446223

源码下载地址:http://download.csdn.net/detail/notbaron/8446213

 

 

2.  逻辑

可选择简单,中等,困难三种难度游戏。

开局UI

 

 

每种难度进入后有多个选项如下:

 

 

 

2.1         gridshow

每一块数字是报错在全局变量gridshow 数字中,其中元素是一个cell的table类型。

Cell表类型中有一个块大小,一个背景,一个数字,另加一个layer(用于实现触摸输入),一个index(用于调试,显示块),一个输入控件(用于输入)

全局变量grid中保存所有显示的数字。通过调用initGrid函数返回得到。

 

 

 

 

3.  游戏开始

点击begin后,显示如下

 

 

 

3秒后显示如下

 

 

 

3.1         3秒倒计时到后

取消定时器。

self:removeChild(timelabel)

            self:createTipLabel("请填入看到的9个数字")

            self:createGridHide();

            grid=initGrid(3,3,"点击\n输入")

            self:createGridShowSize(20)

            self:createInput()

           print("unschedule")

其中createInput函数调用addCellTouch函数,该函数实现增加触摸及输入控件添加。

 

 

4.  填入数字

4.1      创建输入控件

通过cc.ui.UIInput.new(options)新建一个输入控件。其中参数 options 是 table 类型,可选值如下:

·        image: 输入框的图像,可以是图像名或是 display.newScale9Sprite() 创建的Sprite9Scale 对象。

·        imagePressed: 输入状态时输入框显示的图像(可选)

·        imageDisabled: 禁止状态时输入框显示的图像(可选)

·        listener: 回调函数,监听输入事件(可选)

·        size: 输入框的尺寸,用 cc.size(宽度, 高度) 创建

·        x, y: 坐标(可选)

我们来看看如何简单的创建一个输入控件,在MainScene的ctor中加入下面代码

1

2

3

4

5

6

7

local editbox = cc.ui.UIInput.new({

    image = "editbox.png", -- 输入控件的背景

    x = 200,

    y = 300,

    size = cc.size(200, 40)

})

self:addChild(editbox)

4.2     获取文本

可以使用getText()方法获取输入控件的文本内容。

1

local text = editbox:getText()

4.3     设置提示信息

你可以设置输入字段预期值的提示信息,该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

假如输入框期望输入的是密码:

1

editbox:setPlaceHolder("请输入密码")

4.4     设置显示文本

你也可以给输入控件设置默认值。比如你想让玩家给游戏角色起名称,在输入框框中可以预留一个默认名字,用户可以偷懒不输入新名字,直接点击确认开始游戏。

1

editbox:setText("路人甲")

4.5     监听输入事件

在新建输入控件的时候,我们可以通过参数传递一个输入事件监听器给该控件,监听系统输入法在整个输入过程中的状态变化情况。

示例代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

-- 输入事件监听方法

local function onEdit(event, editbox)

    if event == "began" then

    -- 开始输入

        print("开始输入")

    elseif event == "changed" then

    -- 输入框内容发生变化

        print("输入框内容发生变化")

        local text = editbox:getText()

        print(text)

    elseif event == "ended" then

    -- 输入结束

        print("输入结束")

    elseif event == "return" then

    -- 从输入框返回

        print("从输入框返回")

    end

end

 

local editbox = cc.ui.UIInput.new({

    image = "editbox.png", -- 输入控件的背景

    listener = onEdit, -- 绑定输入监听事件处理方法

    x = 200,

    y = 300,

    size = cc.size(200, 40)

})

editbox:addTo(self)

监听回调函数有两个参数

·        event,事件类型。它有4个参数:

·        began,开始输入,并不是所有系统都产生这个事件。 Player模拟器上,不会有这个事件,只有changed事件。 iOS上,点击输入框,会弹出系统输入法界面,began事件产生。

·        changed,输入框内容发生变化。通常用来检测输入字符串长度以及合法性。

·        ended,输入结束。

·        return,从输入框返回。return 事件通常紧跟 ended 事件之后。我们点击手机键盘上的 return 按钮,或点击输入控件之外的地方,都会关闭输入框,触发这两个事件。一般地,我们可以在 return 事件中获取最终的字符串,并作界面切换。

·        editbox,生产事件的输入框实例。

4.6     密码输入

在输入密码的时候,通常希望用*来显示输入的文字。我们可以通过setInputFlag(0)方法,来启动密码输入模式。

1

2

editbox:setInputFlag(0)

editbox:setPlaceHolder("请输入密码")

 

 

 

 

 

 

5.  提交

是否和随机产生的相同,如果相同则胜利,否则失败。

5.2         origingrid

origingrid表中保存了随机产生的数组。

 

 

5.3         answergrid

玩家输入的数字保存在answergrid保存玩家返回的数字。

 

 

 

 

 

6.  音效设置

6.1         audio

播放音乐、音效

Functions

audio.getMusicVolume()

返回音乐的音量值

audio.setMusicVolume(volume)

设置音乐的音量

audio.getSoundsVolume()

返回音效的音量值

audio.setSoundsVolume(volume)

设置音效的音量

audio.preloadMusic(filename)

预载入一个音乐文件

audio.playMusic(filename, isLoop)

播放音乐

audio.stopMusic(isReleaseData)

停止播放音乐

audio.pauseMusic()

暂停音乐的播放

audio.resumeMusic()

恢复暂停的音乐

audio.rewindMusic()

从头开始重新播放当前音乐

audio.willPlayMusic()

检查是否可以开始播放音乐

audio.isMusicPlaying()

检查当前是否正在播放音乐

audio.playSound(filename, isLoop)

播放音效,并返回音效句柄

audio.pauseSound(handle)

暂停指定的音效

audio.pauseAllSounds()

暂停所有音效

audio.resumeSound(handle)

恢复暂停的音效

audio.resumeAllSounds()

恢复所有的音效

audio.stopSound(handle)

停止指定的音效

audio.stopAllSounds()

停止所有音效

audio.preloadSound(filename)

预载入一个音效文件

audio.unloadSound(filename)

从内存卸载一个音效

6.2         设置

根据全局变量设置按钮的开与关否,如下。其中localMusic是创建button的返回指针。

localMusic:setButtonLabelString("true")

 

 

在Quick-Cocos2d-x的v3.x版本中已经移除了菜单Menu,使用自己的封装Button实现菜单的功能。

按钮是一个项目中最基本的东西,因为你不论什么项目都缺少不了按钮。它是Quick中常见的UI控件。

6.3         UIButton

按钮Button是基于Node的封装,可以创建带图片的按钮或文本标签的按钮,添加到层Layer上显示。就像普通按钮一样,我们可以很方便的处理按钮事件,按钮的状态。设置背景和显示文字。

注:UIButton不直接使用

7.按钮的种类

Quick中有三种Button控件,分别是UIPushButton(按钮控件)、UICheckBoxButton(CheckButton控件)和UICheckBoxButtonGroup(CheckButton组控件)。它们是Quick封装的按钮控件,源码文件分别位于Quick目录的/framework/cc/ui/目录下UIPushButton.lua/UICheckBoxButton.lua/UICheckBoxButtonGroup.lua

6.3.1         事件

Quick-Cocos2d-x中的按钮控件支持如下的事件:

·        CLICKED 点击按钮使用UIButton:onButtonClicked(callback)方法监听按钮的点击事件

·        PRESSED 按下按钮使用UIButton:onButtonPressed(callback)方法监听按钮的按下事件

·        RELEASE 释放按钮使用UIButton:onButtonRelease(callback)方法监听按钮的释放事件

·        STATE_CHANGED 状态改变(enable <---> disable) 使用UIButton:onButtonStateChanged(callback)方法监听按钮的状态改变事件

Quick中的各种按钮控件都支持上面的事件。我们可以通过响应的方法监听并处理相应的事件。

 

 

 

 

7.  烧入真机注意事项

7.1         去掉print函数

蛤蟆这里反正不去掉就是黑屏一直。

7.2         真机竖屏问题

复制config.json 文件到 ECLIPSE项目中,修改其中的横宽比例即可。

7.3         分行语句注意

太长语句进行分行的,要合拼成一行。

 

7.4         无法加载文件

修改文件路径

直接修改文件路径

configFile =device.writablePath.."hxgame.config"

为如下:

configFile = "hxgame.config"

 

7.5         读写文件

8.4中可解决问题,但是写入时候无法写入,通过初始化后重新定义全局变量configFile=”test.config”,可实现写入。

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!http://www.captainbed.net

原文地址:https://www.cnblogs.com/swncz/p/10445872.html

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

相关推荐


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