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
欢迎进群闲聊、技术交流都可以