使用cocos2d-js制作游戏新手引导-源码篇(三),cocos2d-js源码

  次阅读 作者:智能小宝 来源:互联网 2015-09-28 13:12 我要评论(0)

使用cocos2d-js制作游戏新手引导-源码篇(三),cocos2d-js源码

上一篇已经详解了关于定位器的实现细节,本篇主要是讲解实现引导的组成模块及整个引导流程,并给出整个引导的源码及演示代码。

在线演示:http://www.ixuexie.com/Guide/index.html

整个引导框架分为以下几个部分:

- 引导配置

- 定位器

- 引导任务处理器

引导配置

请下看图: 这里写图片描述

设计UI引导步骤:

UI操作的设计已经确定,控件名字对于引导至关重要,我们首先要把这些准备工作做好。

这里引入任务和步骤的概念:引导是由多个任务组成,我们称为tasks,其中一个任务称为task,一个任务中又包含多个引导步骤称为step。(这里与上一篇中所讲的任务组、任务是一至的,只是换了一个说法而以。在编写代码时,我觉得使用任务与步骤来表达,让代码更清楚)

引导细节需求:

对应的引导配置:

var guideConfig = {

tasks: {

1: [

{

log: "关闭第一盏灯",

command: sz.GuideCommand.GC_FINGER_HINT,

locator:"_fire1"

},

{

log: "关闭第二盏灯",

command: sz.GuideCommand.GC_FINGER_HINT,

locator:"_fire2"

},

{

log: "保存进度",

command: sz.GuideCommand.GC_SAVE_PROGRESS

},

{

log: "点亮第一盏灯",

command: sz.GuideCommand.GC_FINGER_HINT,

locator:"_fire1"

},

{

log: "点亮第二盏灯",

command: sz.GuideCommand.GC_FINGER_HINT,

locator:"_fire2"

},

],

2: [

{

log:'点击home',

command: sz.GuideCommand.GC_FINGER_HINT,

locator:"_btnHome"

}

],

3: [

{

log:'点击task',

command: sz.GuideCommand.GC_FINGER_HINT,

locator:"_btnTask"

}

]

},

locateNodeDurationTime: 0.1,

fingerImage: 'res/finger.png'

};

//引导命令

sz.GuideCommand = {

GC_SET_PROPERTY: 1, //设置属性

GC_FINGER_HINT: 2, //手型提示

GC_SAVE_PROGRESS: 3 //保存进度

};

目前sz.GuideCommand只内置了三个命令:设置属性、手型提示、保存进度

引导任务处理器

从上面的任务配置来看,任务步骤的处理是一个顺序执行过程,但UI操作却是一个异步过程,只有UI操作完成后才能进行下一个任务。 对于javascript来说,处理异步事件、回调函数是最拿手的,但为了代码可读性、维护性比较好,我们这里使用了大名顶顶的async库来处理任务和步骤,这样可以解决回调函数的深度。

async

这里只用到async两个函数:

async.eachSeries(tasks, iterator, callback)

我们使用async.eachSeries来遍历我们整个任务数组,iterator为迭代器函数,用于处理每一个任务,callback为任务全部处理完后,我们用来离开引导

async.series({}, [callback])

我们使用async.series处理一个步骤对象的几个主要动作:步骤开始、步骤处理、步骤完毕

这里核心的是步骤处理,步骤开始和结束我们可以用来扩展步骤对象,增加灵活性。

比如说,当一个步骤开始前,需要检查金币、等级这些,不满足的话可以不触发本步骤的进行。下一篇我会给大家做相关代码的演示。

处理所有任务

//获得任务数组

var tasks = [...]

//使用eachSeries函数,遍历所有任务对象

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...