cocos-creator使用记录8_触摸控制

最新推荐文章于 2024-07-10 20:38:56 发布

爱睡觉的猫L

最新推荐文章于 2024-07-10 20:38:56 发布

阅读量2.5k

点赞数

分类专栏： cocos creator

本文链接：https://blog.csdn.net/haibo19981/article/details/80435645

版权

本文介绍了Cocos Creator中如何处理触摸事件，包括TOUCH_START、TOUCH_MOVE、TOUCH_END和TOUCH_CANCEL，提供了触摸滑动控制的实现方式，用于数字块的移动，并强调了触摸节点选择的重要性。

摘要由CSDN通过智能技术生成

1.cocos creator 触摸捕捉事件
node对于触摸事件的捕捉是基于它本身的size范围的，如果这个node本身大小为0，则无法响应捕捉事件。
触摸事件：
cc.Node.EventType.TOUCH_START:当手指触点露在目标节点区域时
cc.Node.EventType.TOUCH_MOVE:当手指在屏幕上目标点区域内移动时
cc.Node.EventType.TOUCH_END:当手指在目标节点区域内离开屏幕时
cc.Node.EventType.TOUCH_CANCEL:当手指在目标节点区域外离开屏幕时

2.实例
2.1.触摸滑动控制-从TOUCH_START就开始操作
init: function(){
this.touchState = 0; //触摸控制开关(完成一次数字块移动后才可以再次触摸)
this.startPos = cc.p(0, 0); //触摸起始点
this.endPos = cc.p(0, 0); //触摸终点
this.isMoving = false; //是否触摸中
},

onLoad: function () {
//触屏控制放到遮在数字格子上的透明面板上
this.touchControl();
},

touchControl: function(){ //触屏控制
var self = this;
self.touchNode.on(cc.Node.EventType.TOUCH_START, function (event) {
self.isMoving = true;
self.startPos = event.touch.getLocation(); //触屏起点
//console.log("触摸滑动Start:" + Math.floor(self.startPos.x) + "," + Math.floor(self.startPos.y) + ",touchState=" + self.touchState);