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

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

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

1const {ccclass, property} = cc._decorator;
2
3@ccclass
4export default class NewClass extends cc.Component {
5
6    @property(cc.Node)
7    test:cc.Node=null;
8
9    onLoad(){
10        //绑定事件
11        this.node.on(cc.Node.EventType.TOUCH_MOVE,this.mouseFun,this);
12        //给canvas绑定事件
13    }
14      
15    mouseFun(event:cc.Event.EventTouch){
16        console.log('手指在屏幕上移动了');
17        //触摸点的世界坐标
18        var pos = new cc.Vec2(event.getLocationX(),event.getLocationY());
19        //转换为节点(局部)空间坐标系
20        pos = this.node.convertToNodeSpaceAR(pos);//将一个点转换到节点 (局部) 空间坐标系，这个坐标系以锚点为原点。
21        //给要移动的物体赋值
22        this.test.position = pos;
23    }
24
25}

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

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

最终效果

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