美文网首页
cocos creator 节点移动

cocos creator 节点移动

作者: 美雨知春 | 来源:发表于2020-11-26 18:29 被阅读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

    相关文章

      网友评论

          本文标题:cocos creator 节点移动

          本文链接:https://www.haomeiwen.com/subject/ubjziktx.html