当前位置：首页 > news >正文

Cocos Creator3.8.6拖拽物体的几种方式

news 来源：原创 2025/6/25 10:23:06

文章目录

前言
一、第一种通过UILocation
二、第二种通过UIDelta实现
总结

前言

在游戏开发中，拖拽物体是一个非常常见的交互功能，无论是用于UI元素的拖动，还是场景中物体的移动，拖拽操作都能极大地提升用户体验。Cocos Creator 3.8.6 作为一款强大的游戏开发引擎，提供了多种实现拖拽功能的方式，开发者可以根据具体需求选择最适合的方案。本文将详细介绍在Cocos Creator 3.8.6中实现物体拖拽的几种常见方法，帮助开发者快速掌握这一核心技能。

提示：以下是本篇文章正文内容，下面案例可供参考

一、第一种通过UILocation

    private onTouchMove(event: EventTouch) {
         this.node.setWorldPosition(event.getUILocation().x,event.getUILocation().y,0);
    }

PS：当手指按下时，如果点击的位置不在 Node 的中心点，物体在移动前会强制以中心点开始移动。如果想要的效果是从手指按下的位置开始移动就做不到。

二、第二种通过UIDelta实现

    private onTouchMove(event: EventTouch) {
        const delta = event.getUIDelta();
        const newPos = this.node.position.add(delta.toVec3());
        this.node.setPosition(newPos);
    }

PS：这种方式可以实现从手指按下位置开始移动，另外注意getUIDelta和getDelta有区别，至于什么效果，试试就知道了。

总结

通过本文的介绍，我们了解了在Cocos Creator 3.8.6中实现物体拖拽的几种常见方式，包括使用触摸事件、鼠标事件、物理引擎以及UI组件的拖拽功能。每种方式都有其适用的场景和优缺点，开发者可以根据具体需求选择最合适的方案。无论是简单的UI拖拽，还是复杂的物理交互，Cocos Creator 3.8.6 都提供了强大的工具和灵活的API，帮助开发者轻松实现各种拖拽功能。希望本文能为您的开发工作提供有价值的参考。