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. 把这个脚本挂在到1这个图片上就ok了


    image.png

3) 拖动一下试试吧
完全实现功能,还要记录起点位置,终点矩形范围,如果没有拖入范围,图片要返回原点,然后同时伴随音频,动画等等


image.png
上一篇下一篇

猜你喜欢

热点阅读