cocos creator 节点移动
2020-11-26 本文已影响0人
美雨知春
前面说了显示图片,艺术字和场景切换,现在说说节点移动吧
下面这个图,怎么把图片1移动到问号的地方呢
image.png
1)首先新建一个move的脚本
cc.Class({
extends: cc.Component,
properties: {
},
// LIFE-CYCLE CALLBACKS:
onLoad () {
let moveNode = this.node;
let mouseDown = false;
this._oldPosition = this.node.position;
moveNode.on(cc.Node.EventType.MOUSE_DOWN, (event)=>{
mouseDown = true;
});
moveNode.on(cc.Node.EventType.MOUSE_MOVE, (event)=>{
if(!mouseDown) return;
//获取鼠标距离上一次点的信息
let delta = event.getDelta();
//移动节点
moveNode.x = moveNode.x + delta.x;
moveNode.y = moveNode.y + delta.y;
})
moveNode.on(cc.Node.EventType.MOUSE_UP, (event)=>{
mouseDown = false;
});
},
start () {
},
// update (dt) {},
});
-
把这个脚本挂在到1这个图片上就ok了
image.png
3) 拖动一下试试吧
完全实现功能,还要记录起点位置,终点矩形范围,如果没有拖入范围,图片要返回原点,然后同时伴随音频,动画等等
image.png