Detects Nodes touched when touching and dragging

Cocos Creator
2

Hello, on how to listen for node click events and get click node information, you can check this article:
https://docs.cocos.com/creator/manual/en/getting-started/first-game-2d/touch.html?h=touch

In addition, to achieve dragging objects through the mouse, you can refer to the following code:

import { _decorator, Component, EventTouch, Node, UITransform, Vec3 } from 'cc';
const { ccclass, property } = _decorator;

@ccclass('DragMove')
export class DragMove extends Component {

    @property(Node)
    touchNode: Node = null;

    start() {
        this.node.on(Node.EventType.TOUCH_MOVE, this.dragMoveNode.bind(this), this);
    }

    dragMoveNode (e: EventTouch) {
        var touchLocation = e.getUILocation();

        var nodeWorldPos = new Vec3(touchLocation.x, touchLocation.y, 0);
        var nodePos = this.touchNode.parent.getComponent(UITransform).convertToNodeSpaceAR(nodeWorldPos);
        
        this.touchNode.setPosition(nodePos);
    }

    update(deltaTime: number) {
        
    }
}

59459.zip (598.8 KB)

2 Likes