CocosCreator让一个物体跟随鼠标移动

CocosCreator让一个物体跟随鼠标移动

首先新建一个脚本，名字随便取

const {ccclass, property} = cc._decorator;

@ccclass
export default class NewClass extends cc.Component {

    @property(cc.Node)
    test:cc.Node=null;

    onLoad(){
        //绑定事件
        this.node.on(cc.Node.EventType.TOUCH_MOVE,this.mouseFun,this);
        //给canvas绑定事件
    }
      
    mouseFun(event:cc.Event.EventTouch){
        console.log('手指在屏幕上移动了');
        //触摸点的世界坐标
        var pos = new cc.Vec2(event.getLocationX(),event.getLocationY());
        //转换为节点(局部)空间坐标系
        pos = this.node.convertToNodeSpaceAR(pos);//将一个点转换到节点 (局部) 空间坐标系，这个坐标系以锚点为原点。
        //给要移动的物体赋值
        this.test.position = pos;
    }

}

这是脚本中的代码，test节点为跟随鼠标移动的节点

然后把脚本挂在canvas上面（必须挂在canvas上）
然后绑定节点就可以了

最终效果

Cocos技术交流Q群：1130122408
欢迎进群闲聊、技术交流都可以