让玩家操作这个世界

鼠标事件

鼠标事件是指使用鼠标点击游戏画面的事件,cocos2d-js 游戏只有在PC上运行时才会有这个事件。
使用cc.eventManager.addListener监听鼠标事件.
在监听函数中有一个event参数,这个参数由cocos2d-js处理鼠标事件时传递给监听函数。event参数是一个对象,里面有几个常用的方法,我们有必要学习下。
event.getLocation:获取鼠标事件发生的坐标,这个坐标是全局坐标,也就是相对整个画面的左下角的坐标
event.getLocationX/getLocationY:跟getLocation类似,只不过这里是直接获取单个数值。
event.getCurrentTarget:获取当前处理鼠标事件的对象,也就是我们最初在cc.eventManager.addListener中传递的第二个参数。
event.getButton:获取当前鼠标单击的键值,可以判断是左键还是右键。
event.getDelta:在onMouseMove事件处理函数中这个方法才有效,可以获取本次移动的偏移值。
event.getDeltaX/getDeltaY:跟getDelta类似,只不过这里直接获取一个数值。

触摸事件

触摸事件只有在手机或平板终端上运行时才会触发,包括原声版本游戏和手机上的html版本。
触摸事件跟鼠标事件最大不同是,触摸事件还可以分为单点触摸和多点触摸。顾名思义,单点触摸就是同时只处理1个触摸点,而多点触摸就可以处理多个触摸点。

单点触摸

监听单点触摸事件,可以通过cc.eventManger.addListener来添加单点触摸信息,代码如下:

cc.eventManager.addListener({
event:cc.EventListener.TOUCH_ONE_BY_ONE,
onTouchBegan:function(touch,event){},
onTouchMoved:function(touch,event){},
onTouchCancelled:function(touch,event){}
});

形式上跟鼠标事件类似,event字段需要固定为cc.EventListener.TOUCH_ONE_BY_ONE,而监听函数也要修改,单点触摸事件可以监听触摸开始、触摸移动、触摸结束和触摸取消。其中,触摸取消一般不会触发,指的是触摸过程中遇到来电等其他程序的干扰,一般在开发中,我们可以把触摸取消和触摸结束等同处理。

多点触摸

多点触摸和单点触摸类似,区别是监听多点触摸,需要设置event字段为cc.Event-Listener.TOUCH_ALL_AT_ONCE,另外监听函数名字也从单个touch变成负数touches。具体用法如下:

cc.eventManager.addListener({
event:cc.EventListener.TOUCH_ALL_AT_ONCE,
onTouchesBegan:function(touches,event){},,
onTouchedMoved:function(touches,event){},
onTouchedEnded:function(touches,event){},
onTouchCancelled:function(touches,event){}
},this);

其中每个监听函数的参数touches是一个数组,每个数组元素就是一个touch对象,跟单点触摸的touch参数一样的,另外,onTouchBegan也不同于单点触控的onTouchBegan,onTouchesBegan不需要返回true/false,无法控制是否接受本次触摸过程。

键盘事件

在带键盘的设备上运行cocos2d-js游戏可以出发键盘事件,具体的监听方法如代码:

cc.eventManager.addLinstener({
event:cc.EventListener.KEYBOARD,
onKeyPressed:function(keyCode,event){

},
onKeyReleased:function(keyCode,event){}
},node);

keyCode 是一个数字,具体可以查看cc.KEY的源代码,如代码清单

cc.KEY:{
backspce:8,
tab:9,
enter:13,
ctrl:17,
alt:18
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值