Arrastrar objetos en Unity (Drag & Drop).

Saludos amigos.

Alguna vez me han preguntado como se haría para arrastrar un objeto en un juego(Drag & Drop), sobre todo para algún tipo de puzle o juego 2D. En este ejemplo trato de resolver alguna de esas dudas.

La escena consta de unas primitivas que utilizaremos como si de nuestras fichas se tratara y como podréis ver en el vídeo sería válido, tanto para juegos 2D como 3D. Tened en cuenta que se trata de un ejemplo básico que deberéis adaptar a vuestro tipo de juego.

Los scripts incluyen una variable con un numero entero para realizar un filtrado de objetos,
con la cual, permitir o no la colocación de la supuesta ficha en su lugar correspondiente.
Tiene la capacidad de colocar un icono en lugar de nuestra ficha cuando se esta arrastrando
y también realiza un Lerp entre dos colores en el momento del arrastre y cuando se sitúa el cursor sobre el objeto que admite el mismo.

Las variables estáticas que guardan la información de los objetos con los cuales estamos realizando dichas operaciones, se guardan en un script aparte en un objeto vacío. Teniendo la posibilidad de ser ampliado según nos haga falta.

Por ejemplo, si queremos realizar varias operaciones del mismo tipo y deseamos que se mantenga el valor de dichas variables, solo seria cuestión de duplicarlas con otro nombre y cambiar el nombre en los scripts de los objetos que arrastramos.

static var objetoArrastrado2 : GameObject;
static var objetoQuieto2 : GameObject;
static var tipo2 : int;



Espero que os sea útil.

Enjoy!!!

---

//DragTest.js


#pragma strict
var camara : Camera;
var tipo : int = 0;
private var pos : Vector3;
private var pos2 : Vector2;

private var clon : GameObject;
var iconoClon : GameObject;
private var posClon : Vector3;

private var bol : boolean = false;
private var distancia : float;
var distProfundidadIcono : float = 5;
private var rayo : Ray;

var color1 : Color = Color.red;
var color2 : Color = Color.yellow;
var materialClon : Material;
private var materialOriginal : Material;
var duration : float = 1.0;

var velocidad : float = 4;

function OnGUI() {
 var e : Event = Event.current;
 if (e.isMouse) {
  pos2 = e.mousePosition;
 }
}

function OnMouseUp () {
    
    Debug.Log("Drag ended!");
    renderer.material = materialOriginal;
    Destroy(clon);
    clon = null;
    bol = false;
    if(CNTdrag.objetoQuieto != null && CNTdrag.tipo == tipo){
     transform.position = CNTdrag.objetoQuieto.transform.position;
    }
    CNTdrag.objetoQuieto = null;
}

function OnMouseDrag () {
    
    Test ();
    actualizado = true;
}

function Start () {
 
 Inicializa ();
 pos = transform.position;
 posClon = transform.position;
 materialOriginal = renderer.material;
}

function Update() {
    
    pos = transform.position;
    if(clon){
     if(Rigidbody){
      Destroy(clon.rigidbody);
     }
     if(Collider){
      Destroy(clon.collider);
     }
     clon.transform.position = posClon;
     Colores ();
     
     vec = Vector3 (xClon,yClon,camara.nearClipPlane+(zClon));
     DibujaClon ();
     if(actualizado){
      Inicializa ();
     }
     xClon += Input.GetAxis("Mouse X")  * velocidad * 100 * Time.deltaTime;
     yClon += Input.GetAxis("Mouse Y")  * velocidad * 100 * Time.deltaTime;
    }
 Rayo ();
 w = Screen.width;
 h = Screen.height;

}

private var p : Vector3;
private var m : Matrix4x4;

function Test () {
 if(Input.GetButton ("Fire1") ){
  m = camara.cameraToWorldMatrix;
  p = m.MultiplyPoint (Vector3(0,0,distancia));
  posClon = camara.WorldToScreenPoint (p);
  if(!bol){
      if(iconoClon){
       clon = Instantiate (iconoClon, posClon, Quaternion.identity);
      }else{
       clon = Instantiate (gameObject, posClon, Quaternion.identity);
      }
      bol = true;
     }
 }
}

function Rayo () {
 
 rayo.origin = camara.transform.position;
    rayo.direction = transform.position;
    distancia = Vector3.Distance(rayo.origin, rayo.direction);
    
}

function Colores () {
 
 var lerp : float = Mathf.PingPong (Time.time, duration) / duration;
    if(!materialClon){
     clon.renderer.material = new Material(Shader.Find("Transparent/Diffuse"));
     clon.renderer.material.color = Color.Lerp (color1, color2, lerp);
    }else{
     clon.renderer.material = materialClon;
    }
    renderer.material = new Material(Shader.Find("Transparent/Diffuse"));
 color1.a = 0.5;
 color2.a = 0.5;
 renderer.material.color = Color.Lerp (color1, color2, lerp);
 
}

private var vec : Vector3;
private var xClon : float = pos2.x;
private var yClon : float = pos2.y;
private var zClon : float = distProfundidadIcono;
 
function DibujaClon () {
    var p1 : Vector3 = camara.ScreenToWorldPoint (vec);
    clon.transform.position = p1;

}

private var actualizado : boolean = false;
private var w = Screen.width;
private var h = Screen.height;
    
function Inicializa () {
 
 xClon = pos2.x;
 yClon = h-(pos2.y);
 zClon = distProfundidadIcono;
 actualizado = false;
}

---

//CNTdrag.js

#pragma strict

static var objetoArrastrado : GameObject;
static var objetoQuieto : GameObject;
static var tipo : int;


function Start () {
 
 
 
}

function Update () {
 
 
 
}

---

//AdmiteDrag.js

#pragma strict

var tipo : int = 0;
var color1 : Color = Color.red;
var color2 : Color = Color.yellow;
private var lerp : float;
var duration : float = 1.0;
private var materialOriginal : Material;

function OnMouseOver () {
 
 CNTdrag.tipo = tipo;
 CNTdrag.objetoQuieto = gameObject;
 renderer.material = new Material(Shader.Find("Transparent/Diffuse"));
 color1.a = 0.5;
 color2.a = 0.5;
 renderer.material.color = Color.Lerp (color1, color2, lerp);
 
}

function OnMouseExit () {
 
 CNTdrag.objetoQuieto = null;
 CNTdrag.tipo = -1;
 renderer.material = materialOriginal;
 
}

function Start () {
 
 materialOriginal = renderer.material;
 
}

function Update () {
 
 lerp = Mathf.PingPong (Time.time, duration) / duration;
 
}

---