2018年2月13日
cocos Creator论拖拽的三种方式
日常镇楼图片
第一种-touchmove
程序执行
this.touchPt.on(‘touchmove’, onTouchMove, this.touchPt);
this.touchPt指的是拖拽的物体，(事件监听方式，执行函数，回调函数)
function onTouchMove(touch,event) {
varpt=this.parent.convertTouchToNodeSpaceAR(touch); //转换坐标到局部坐标
this.x=pt.x;
this.y=pt.y;
}
第二种-cc.Node.EventType.TOUCH_MOVE，cc.Node.EventType.TOUCH_END采用节点的方式进行，检测移动，移动结束，代码如下，
varself=this;
letgetTouch=cc.find(‘Canvas/text-Label’);
getTouch.on(cc.Node.EventType.TOUCH_MOVE, function (event) {
this.opacity=100;
vardelta=event.touch.getDelta();
this.x+=delta.x;
this.y+=delta.y;
}, getTouch);
getTouch.on(cc.Node.EventType.TOUCH_END, function () {
this.opacity=255;
}
做了一个物体拖拽时透明的的变化，
第三种-比较随意，可以混搭，即
varself=this;
//拖拽生效代码
functiononTouchMove(touch,event) {
varpt=this.parent.convertTouchToNodeSpaceAR(touch);
this.x=pt.x;
this.y=pt.y;
}
//拖拽物体放置条件
functionendMove(){
this.reactWidthMax=654;this.reactWidthMin=578;this.reactHeightMin=-25;this.reactHeightMax=176;
if(this.y<this.reactHeightMax&&this.y>this.reactHeightMin&&this.x<this.reactWidthMax&&this.x>this.reactWidthMin){
self.jumpStop=cc.audioEngine.playMusic(self.backSound, true, 0.5);
}else{
this.x=this.y=40;
cc.audioEngine.stop(self.jumpStop);
}
}
//拖拽检测状态
this.touchPt.on(‘touchmove’, onTouchMove, this.touchPt); //移动
this.touchPt.on(‘touchend’, endMove, this.touchPt); //移动结束