cocos2d-js 遮挡层（禁止触摸事件传递层）

【cocos2d-js 遮挡层（禁止触摸事件传递层）】的更多相关文章

cocos2d-js 遮挡层（禁止触摸事件传递层）

在游戏中,我们经常会碰到一些弹窗,这些弹窗禁止点透,也就是禁止触摸事件传递到底层,我们称之为遮挡层,这些遮挡层,需要开发遮挡层,我们首先得了解cocos2d-js的触摸传递机制,本文主要针对cocos2d-js v3.0 final版本. 根据官方文档,我们可以得知,触摸方式有五种,但是根据需求,我们需要做的是拦截触摸监听. 所以我们简单封装了这么一个类,如下所示: cc.ModelLayerColor = cc.LayerColor.extend({ m_touchListener:null,…

【cocos2d-js教程】cocos2d-js 遮挡层（禁止触摸事件传递层）

在游戏中,我们经常会碰到一些弹窗,这些弹窗禁止点透,也就是禁止触摸事件传递到底层,我们称之为遮挡层,这些遮挡层,需要开发遮挡层,我们首先得了解cocos2d-js的触摸传递机制,本文主要针对cocos2d-js v3.0 final版本. 根据官方文档,我们可以得知,触摸方式有五种,但是根据需求,我们需要做的是拦截触摸监听. 所以我们简单封装了这么一个类,如下所示: cc.ModelLayerColor = cc.LayerColor.extend({ m_touchListener:null,…

cocos2dx lua 吞噬层的触摸事件

首先要创建一个layer,设置该层为可触摸 layer:setTouchEnabled(true) 注册触摸事件 local listener = cc.EventListenerTouchOneByOne:create() listener:setSwallowTouches(true) listener:registerScriptHandler(function(touch, event) --做触摸处理... return true--返回true时,该层下面的层的触摸事件都会屏蔽掉 e…

js 处理移动端触摸事件

在处理移动端的touch事件时,我们可以选择一些插件来处理,比如jquery ui touch punch.js 提供丰富的触摸效果,可以满足移动端的开发, 但是,有些移动端开发中,并不需要如此复杂的效果,例如我们只需知道滑动的距离,向左还是向右,我们可以自己写一些代码来处理touch事件: 以下代码,只在触摸情况下支持,电脑需要chrome模拟手机: 可以改造成自己需要的效果: <!doctype html> <html> <head> <meta charse…

cocos2d JS touch屏幕点击事件监听 cc.EventListener.TOUCH

var self = this; this.touchListener = cc.EventListener.create({ event: cc.EventListener.TOUCH_ONE_BY_ONE, /* 可选event类型列表: cc.EventListener.TOUCH_ONE_BY_ONE (单点触摸) cc.EventListener.TOUCH_ALL_AT_ONCE (多点触摸) cc.EventListener.KEYBOARD (键盘) cc.EventListen…

cocos2d-x JS 弹出对话框触摸监听（吞噬点击事件遮挡层）

在游戏中,我们经常会碰到一些弹窗,这些弹窗禁止点透,也就是禁止触摸事件传递到底层,我们称之为遮挡层,这些遮挡层,需要开发遮挡层,我们首先得了解cocos2d-js的触摸传递机制. 根据官方文档,我们可以得知,触摸方式有五种,但是根据需求,我们需要做的是拦截触摸监听. 所以我们简单封装了这么一个类,如下所示: cc.ModelLayerColor = cc.LayerColor.extend({ m_touchListener:null, ctor:function(){ this._super(…

关于js-binding中Layer触摸事件的优化

关于js-binding中Layer触摸事件的优化 cocos2d-x 3.7 1. 目前js中监听触摸事件带来的不便(特别是cocosbuilder) 在目前的js-binding中,如果要监听layer的触摸事件,需要自己监听touch事件,如: var touchLayer = cc.Layer.creat(); cc.eventManager.addListener({ event: cc.EventListener.TOUCH_ONE_BY_ONE, onTouchBegan: fun…

cocos2d-x ios游戏开发初认识(八) 触摸事件与碰撞检測

玩过植物大战僵尸都知道,要在草坪里放一朵向日葵或者其他的植物仅仅需触摸那个植物将其拖入到想要摆放的位置,这事实上就是这节要写的触摸事件.还能够发现当我们的僵尸出来的时候,我们的小豌豆会发子弹攻击僵尸,当子弹与僵尸碰撞的时候子弹自己主动消失,这就这节要说的碰撞检測. 以下详细看代码的实现: 做ios开发有触摸事件cocos2d相同也有一.先覆写touch事件 .h文件 using namespace cocos2d; class MainScene:public CCLayer { privat…

cocos2d-x3.x屏蔽遮罩层屏蔽触摸button

cocos2d-x3.x触摸方法改变后,.屏蔽掉的层实际上触摸事件的非常easy,首先touchbegan一定要回true,第二,该事件被设定为听吞没触摸true.最近登录触摸水平必须低于0,现在,我们不能设置为水平0该.记转载请注明地址:白白http://blog.csdn.net/u010229677 <span style="font-size:18px;">auto touchListener=EventListenerTouchOneByOne::create(…

cocos2d-x游戏引擎核心之五——触摸事件和触摸分发器机制

一.触摸事件为了处理屏幕触摸事件,Cocos2d-x 提供了非常方便.灵活的支持.在深入研究 Cocos2d-x 的触摸事件分发机制之前,我们利用 CCLayer 已经封装好的触摸接口来实现对简单的触摸事件的响应. (1).使用 CCLayer 响应触摸事件为了处理屏幕输入事件,最简单的解决方案是利用 CCLayer 开启内建的触摸输入支持.在介绍 CCLayer 的时候提到过,它的一个十分重要的作用就是接收输入事件,因此层封装了触摸输入的处理接口.一般情况下,我们可以通过 TouchEna…

JS事件监听手机屏幕触摸事件 Touch

JS移动客户端--触屏滑动事件移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件能跟踪到屏幕滑动的每根手指. 以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取…

移动web开发，12个触摸及多点触摸事件常用Js插件

如今移动互联网已经占据了主流地位,越来越多的开发者开始从桌面转向移动平台.与桌面开发不同的是,在移动领域中,不同的操作系统.大量不同屏幕尺寸的移动设备.触摸手势操作等,这都给开发者带来了一定的难度和挑战. 虽然一些触摸事件,自己写起来也比较简单,但为了尽量不重复的造轮子,提高开发效率.这里收集整理了一些常用的手势事件脚本插件来供你参考. QUO JS 支持事件:Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right,…

移动端-js触摸事件

开发者工具在移动开发中,一种较为容易的做法是,先在桌面上开始原型设计,然后再在打算要支持的设备上处理移动特有的部分.多点触摸正是难以在PC上进行测试的那些功能之一,因为大部分的PC都没有触摸输入. 不得不在移动设备上进行的测试有可能会拉长你的开发周期,因为你所做的每项改变都需要提交代码到服务器上,接着再加载到设备上.然后,一旦运行后,对应用也就没有太多的调试了,因为平板电脑和智能手机都很缺乏web开发者所用的工具. 这个问题的一个解决方案是在开发机器上模拟触发事件.对于单点触摸,触摸事件可以基…

【Cocos2d入门教程六】Cocos2d-x事件篇之触摸

Cocos游戏当中产生一个事件时,可以有多个对象在监听该事件,所以有优先级(Priority).优先级越高(Priority值越小),事件响应越靠前. 关系图: 新事件分发机制:在2.x 版本事件处理时,将要触发的事件交给代理(delegate)处理,再通过实现代理里面的onTouchBegan等方法接收事件,最后完成事件的响应. 而在新的事件分发机制(3.x)中,只需通过创建一个事件监听器-用来实现各种触发后的逻辑,然后添加到事件分发器_eventDispatcher,所有事件监听器由这个…

<WEB>平板_手机开发_13 个处理触摸事件和多点触摸的JS 库

触摸屏是现在所有智能手机的标配,还包括各种平板设备,而且很多桌面也慢慢在开始支持触摸操作.要开发支持触摸屏设备的 Web 应用,我们需要借助浏览器的触摸事件来实线. 下图是各种触摸事件说明: 本文我们介绍 11 个用来处理触摸事件以及支持多点触摸的 JS 库: QUO JS Events: Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, DragOther f…

js 触摸事件

js触摸事件应用在移动端 webkit内核都支持. 触摸事件api https://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html 事件: 1.touchstart: // 手指放到屏幕上的时候触发 2.touchmove: // 手指在屏幕上移动的时候触发 3.touchend: // 手指从屏幕上拿起的时候触发 4touchcancel: // 没测试过 .系统取消touch事件的时候…

JS事件——禁止事件冒泡和禁止默认事件

Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与函数结合使用,函数不会在事件发生前被执行! 一.什么是事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,即事件由子元素向祖先元素传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它…

ios实例开发精品文章推荐（8.12）11个处理触摸事件和多点触摸的JS库

11个处理触摸事件和多点触摸的JS库触摸屏是现在所有智能手机的标配,还包括各种平板设备,而且很多桌面也慢慢在开始支持触摸操作.要开发支持触摸屏设备的Web应用,我们需要借助浏览器的触摸事件来实现. 下图是各种触摸事件说明: <ignore_js_op> 本文我们介绍11个用来处理触摸事件以及支持多点触摸的JS库: 1.QUO JS QuoJS是一个小型.模块化.面向对象的JavaScript库,用于移动Web开发中简化HTML文档遍历.事件处理和Ajax交互等功能. Events: Touc…

移动端JS 触摸事件基础

一.手机上的触摸事件基本事件: touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发下面这个比较少用: touchcancel //触摸过程被系统取消时触发每个事件都有以下列表,比如touchend的targetTouches当然是 0 咯: touches //位于屏幕上的所有手指的列表 targetTouches //位于该元素上的所有手指的列…

移动端js触摸事件大全

一.手机上的触摸事件基本事件: touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发下面这个比较少用: touchcancel //触摸过程被系统取消时触发每个事件都有以下列表,比如touchend的targetTouches当然是 0 咯: touches //位于屏幕上的所有手指的列表 targetTouches //位于该元素上的所有手指的列表 change…

cocos2d JS 鼠标响应事件

对于PC和超级本,添加鼠标事件的的处理,可以加强用户的体验,其处理逻辑与触摸事件基本一样,多了一些鼠标特有的事件响应如滚轮事件(onMouseScroll) cc.eventManager.addListener({ event: cc.EventListener.MOUSE, onMouseMove: function(event){ var str = "MousePosition X: " + event.getLocationX() + " Y:" + e…

js触摸事件

touch事件的绑定电脑端的mouseDown,mouseUp,mouseMove分别对应移动端的touchstart,touchend,touchmove 下面的代码判断浏览器是电脑端还是移动端,如果是电脑端,就绑定鼠标事件:如果是移动端,就绑定触摸事件. 需要注意的是,绑定触摸事件的时候需要通过addEventListener方式 function bindEventListenerAccordingPlatform() { if (/Android|webOS|iPhone|iPod|B…

JS移动客户端--触屏滑动事件

移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件能跟踪到屏幕滑动的每根手指. 以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取消touch事件的时候触发,这个…

一个demo让你彻底理解Android触摸事件的并发

注:本文涉及的demo的地址:https://github.com/absfree/TouchDispatch 1. 触摸动作及事件序列 (1)触摸事件的动作触摸动作一共有三种:ACTION_DOWN.ACTION_MOVE.ACTION_UP.当用户手指接触屏幕时,便产生一个动作为ACTION_DOWN的触摸事件,此时若用户的手指立即离开屏幕,会产生一个动作为ACTION_UP的触摸事件:若用户手指接触屏幕后继续滑动,当滑动距离超过了系统中预定义的距离常数,则产生一个动作为ACTION_MO…

JS移动客户端--触屏滑动事件 banner图效果

JS移动客户端--触屏滑动事件移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件能跟踪到屏幕滑动的每根手指. 以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取…

cocos2d-x触摸事件优先级的探究与实践

如何让自定义Layer触发触摸事件? bool LayerXXX::init() { this->setTouchEnabled(true); CCTouchDispatcher* td = CCDirector::sharedDirector()->getTouchDispatcher(); td->addTargetedDelegate(, true); //kCCMenuHandlerPriority - 10 // ... } CCTouchDispatcher是管理cocos2…

cocos2d-x jsb 防止触摸事件传递

在游戏中要实现消息弹窗,让用户点击确认,其他区域产生遮罩,阻挡下层的事件被点击到,这是个很常用的功能,在cocos2d-x中,可以通过为layer添加事件代理来实现: pDirector->getTouchDispatcher()->addTargetedDelegate(this, priority, swallowsTouches); 三个参数分别是要添加触摸事件的node, 事件优先级(默认的-128, 是最小的数字, 具有最高优先级),是否吞噬触摸事件(true为停止事件传递) 这里简…

Cocos2d-x示例：单点触摸事件

为了让大家掌握Cocos2d-x中的事件机制,以下我们以触摸事件为例.使用事件触发器实现单点触摸事件.该实比如图8-3所看到的,场景中有三个方块精灵,显示顺序如图8-3所看到的,拖拽它们能够移动它们.事件响应优先级是依照它们的显示顺序. 以下我们再看看详细的程序代码,首先看一下HelloWorldScene.h文件,它的代码例如以下: #ifndef __HELLOWORLD_SCENE_H__ #define __HELLOWORLD_SCENE_H__ #include "cocos2d.h…

【转】iOS学习之iOS禁止Touch事件

iOS程序中有时会有需要禁止应用接收Touch的要求(比如动画进行时,防止触摸事件触发新方法). 一.一般有两种: 1.弄个遮罩层,禁止交互: 2.使用UIApplication中的方法进行相关的交互设置,方法如下: // 开始禁止交互 - (void)beginIgnoringInteractionEvents NS_EXTENSION_UNAVAILABLE_IOS(""); // nested. set should be set during animations &…

cocos2dx 3.x 触摸事件

单点触摸: bool onTouchBegan(cocos2d::Touch *pTouch, cocos2d::Event *pEvent); void onTouchMoved(cocos2d::Touch *pTouch, cocos2d::Event *pEvent); void onTouchEnded(cocos2d::Touch *pTouch, cocos2d::Event *pEvent); 多点触摸: void onTouchesBegan(const std::vector…