【Unity学习系列】（1）如何实现简单的物体拖拽与释放机制

最近在用Unity开发游戏，所以一直在恶补Unity的知识。发现网上教程很多，大都是在教基础知识，例如c#语法、功能介绍等。但是到了实战开发中，往往有种无从下手的感觉，因为没有实际开发经验，所以很多功能不知道怎么实现，或者说不知道实现这个功能的最佳方案。

这是需要大量的实践经验积累的，所以从今天开始，我想结合我开发和学习的过程，从实际应用场景出发，尝试着写一些实用教程。也许不那么成熟，但是我觉得很有意义。

实现简单的物体拖拽与释放机制拖拽和释放是休闲类游戏中常见的交互功能，特别是在拼图、消除类游戏中应用广泛。在本篇文章中，我们将通过一个简单的示例来实现拖拽与释放功能，帮助理解如何在Unity中实现这一机制。

1. 准备工作

首先，我们需要一个简单的2D游戏场景。在Unity中创建一个新的2D项目，并完成以下准备：

创建一个2D精灵命名为“DraggableObject”（例如，选择一个方块或圆形），并将其拖拽到场景中。

创建一个名为“DropArea”的UI区域（例如，使用一个空的Image组件表示放置区域）。

2. 拖拽功能实现

我们首先要实现物体的拖动功能。拖动通常涉及到捕捉鼠标或触摸输入，然后将物体移动到鼠标位置。

代码实现

创建一个C#脚本，命名为Draggable.cs，并将其附加到你想拖动的物体上。脚本内容如下：

using UnityEngine;
public class Draggable : MonoBehaviour{
    private Vector3 offset;
    private Camera cam;
    // 鼠标按下时记录物体的初始偏移
    private void OnMouseDown(){
        cam = Camera.main;
        offset = transform.position - cam.ScreenToWorldPoint(Input.mousePosition);
    }
    // 鼠标拖动时更新物体位置
    private void OnMouseDrag(){
        Vector3 currentMousePos = cam.ScreenToWorldPoint(Input.mousePosition) + offset;
        transform.position = new Vector3(currentMousePos.x, currentMousePos.y, 0);
    }
}

OnMouseDown：当鼠标按下时，记录物体与鼠标的偏移量，这样拖动时物体不会直接跳到鼠标位置，而是保持相对偏移。

OnMouseDrag：每一帧更新物体的位置，将物体的世界坐标设为当前鼠标位置加上偏移量。

将这个脚本挂载到你要拖动的物体上。注意，还要给物体添加一个Collider2D组件，否则OnMouseDown、OnMouseDrag不生效。然后，当你点击并拖动该物体时，它就会跟随鼠标移动。

3. 释放功能实现

接下来，我们实现物体的释放功能，确保拖动的物体可以被放置在指定的区域。

代码实现

为了判断物体是否被释放到指定区域，我们需要创建一个简单的检测区域。创建一个新的C#脚本，命名为DropArea.cs，用于检测拖动物体是否进入该区域：

using UnityEngine;
public class DropArea : MonoBehaviour{
    private void OnTriggerEnter2D(Collider2D other){
        if (other.CompareTag("Draggable")){
            // 当物体进入放置区域时，输出提示信息
            Debug.Log(other.name + " 已放入正确区域");
            // 可以在这里处理物体放置后的其他逻辑，比如更新得分、改变物体状态等
        }
    }
}

OnTriggerEnter2D：当带有Collider2D组件的物体进入带有Trigger模式的区域时，触发该方法

other.CompareTag(“Draggable”)：检查进入区域的物体是否是可拖拽物体，我们通过设置标签来区分拖拽物体。

现在，将这个脚本挂载到你创建的DropArea区域上，并确保该区域有一个带有Collider2D组件的UI元素，并且勾选Is Trigger。

此外，在DraggableObject上设置一个Tag为“Draggable”，以便脚本能够识别它。

4. 完善拖拽释放功能

为了更自然地实现拖拽和释放的交互效果，我们可以加入一些额外的功能，例如：拖动物体回到初始位置，或者成功放置时触发动画或特效。

回到初始位置

如果物体没有放入有效区域，我们可以让它回到原来的位置。修改Draggable.cs脚本如下：

using UnityEngine;
public class Draggable : MonoBehaviour
{
    private Vector3 initialPosition;
    private Vector3 offset;
    private Camera cam;
    private void Start(){
        // 记录物体的初始位置
        initialPosition = transform.position;
    }

    private void OnMouseDown(){
        cam = Camera.main;
        offset = transform.position - cam.ScreenToWorldPoint(Input.mousePosition);
    }

    private void OnMouseDrag(){
        Vector3 currentMousePos = cam.ScreenToWorldPoint(Input.mousePosition) + offset;
        transform.position = new Vector3(currentMousePos.x, currentMousePos.y, 0);
    }
    private void OnMouseUp(){
        // 当物体被放开时，回到初始位置
        transform.position = initialPosition;
    }
}

放置成功时更新状态

如果物体成功放置在目标区域，我们可以在DraggArea中加入一些动画或状态更新，例如改变物体的颜色。

private void OnTriggerEnter2D(Collider2D other){
    if (other.CompareTag("Draggable")){
        other.GetComponent<SpriteRenderer>().color = Color.green; // 成功放置，改变颜色
        Debug.Log(other.name + " 已放入正确区域");
        // 这里可以加入更多的成功逻辑，如更新分数或触发动画
    }
}

运行一下，发现可以拖动小球，但是拖到方块里面是没有变色。这是为什么呢？

嗷嗷，原来是忘了给小球加一个刚体了！🤣

为了让OnTriggerEnter2D正常工作，至少有一个物体需要添加Rigidbody2D组件。这是因为Unity的物理引擎需要通过Rigidbody来追踪和计算物体的物理行为和碰撞检测。所以，即使物体不需要真实的物理模拟（比如不需要重力），也至少需要一个Rigidbody2D来让触发器检测正常工作。如果是静态物体，可以将Rigidbody2D的Body Type设置为Static或Kinematic。好了，加上刚体以后再试试，完美实现了，收工！

5. 总结

通过以上的步骤，我们完成了一个简单的物体拖拽与释放机制。这个机制在很多类型的休闲游戏中都有广泛应用，特别是拼图和消除类游戏。实现过程中，我们不仅学习了如何通过鼠标输入控制物体的位置，还加入了物体回到初始位置和目标区域判断的功能，进一步完善了交互体验。

1. 准备工作

2. 拖拽功能实现

3. 释放功能实现

4. 完善拖拽释放功能

5. 总结

内容导航