2018年2月13日

cocos Creator论拖拽的三种方式

作者 admin

日常镇楼图片

第一种-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); //移动结束

cocos Creator论拖拽的三种方式

10 条评论在 “cocos Creator论拖拽的三种方式”

发表评论取消回复

cocos Creator论拖拽的三种方式

10 条评论在 “cocos Creator论拖拽的三种方式”

发表评论 取消回复

发表评论取消回复