【cocos2d-js官方文档】十七、事件分发机制,cocos2d-js分发

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

【cocos2d-js官方文档】十七、事件分发机制,cocos2d-js分发

简介

游戏开发中一个很重要的功能就是交互,如果没有与用户的交互,那么游戏将变成动画,而处理用户交互就需要使用事件监听器了。

总概:

事件监听器(cc.EventListener) 封装用户的事件处理逻辑

事件管理器(cc.eventManager) 管理用户注册的事件监听器,根据触发的事件类型分发给相应的事件监听器

事件对象(cc.Event) 包含事件相关信息的对象

如何使用呢? 首先需要创建一个事件监听器,事件监听器包含以下几种类型:

触摸事件监听器 (cc.EventListenerTouch)

键盘事件监听器 (cc.EventListenerKeyboard)

加速计事件监听器 (cc.EventListenerAcceleration)

鼠标事件监听器 (cc.EventListenerMouse)

自定义事件监听器 (cc.EventListenerCustom)

在监听器中实现各种事件的处理逻辑,然后将监听器加入到事件管理器中, 当事件触发时,事件管理器会根据事件类型分发给相应的事件监听器。下面以一个简单的示例来演示使用的方法。

使用方法

现在会在一个场景中添加三个按钮(cc.Sprite),三个按钮将会互相遮挡,并且都需要能够监听和处理触摸事件,以下是具体实现

首先创建三个精灵,作为三个按钮的显示图片

var sprite1 = new cc.Sprite("Images/CyanSquare.png");

sprite1.x = size.width/2 - 80;

sprite1.y = size.height/2 + 80;

this.addChild(sprite1, 10);

var sprite2 = new cc.Sprite("Images/MagentaSquare.png");

sprite2.x = size.width/2;

sprite2.y = size.height/2;

this.addChild(sprite2, 20);

var sprite3 = new cc.Sprite("Images/YellowSquare.png");

sprite3.x = 0;

sprite3.y = 0;

sprite2.addChild(sprite3, 1);

创建一个单点触摸事件监听器(事件类型:TOUCH_ONE_BY_ONE),并完成逻辑处理内容

// 创建一个事件监听器 OneByOne 为单点触摸

var listener1 = cc.EventListener.create({

event: cc.EventListener.TOUCH_ONE_BY_ONE,

swallowTouches: true,// 设置是否吞没事件,在 onTouchBegan 方法返回 true 时吞掉事件,不再向下传递。

onTouchBegan: function (touch, event) {//实现 onTouchBegan 事件处理回调函数

var target = event.getCurrentTarget();// 获取事件所绑定的 target, 通常是cc.Node及其子类

// 获取当前触摸点相对于按钮所在的坐标

var locationInNode = target.convertToNodeSpace(touch.getLocation());

var s = target.getContentSize();

var rect = cc.rect(0, 0, s.width, s.height);

if (cc.rectContainsPoint(rect, locationInNode)) {// 判断触摸点是否在按钮范围内

cc.log("sprite began... x = " + locationInNode.x + ", y = " + locationInNode.y);

target.opacity = 180;

return true;

}

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

人工智能实验室
相关文章相关文章
  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

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

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

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

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

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

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

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

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

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

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

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

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