Wiki en 11:34 18 may 2020

2020-05-18T11:34:50Z

Wiki en 11:34 18 may 2020

2020-05-18T11:34:28Z

Wiki en 15:19 19 abr 2020

2020-04-19T15:19:15Z

Wiki en 10:54 29 ago 2019

2019-08-29T10:54:55Z

Wiki: Página creada con «=Paso de coordenadas desde ScreenSpace a WorldSpace= * Imaginemos que queremos obtener la posición de pulsar el botón izquierdo del ratón en nuestro mundo 3D. : Para el…»

2019-08-29T10:52:17Z

Página creada con «=Paso de coordenadas desde ScreenSpace a WorldSpace= * Imaginemos que queremos obtener la posición de pulsar el botón izquierdo del ratón en nuestro mundo 3D. : Para el…»

Página nueva

=Paso de coordenadas desde ScreenSpace a WorldSpace=

* Imaginemos que queremos obtener la posición de pulsar el botón izquierdo del ratón en nuestro mundo 3D.
: Para ello es necesario 'trasladar' nuestro punto (x,y) de la pantalla nuestro mundo 3D, pero necesitaremos indicar el plano sobre el que se va a proyectar.
: Recordemos que nuestra cámara tiene dos planos definidos (near - far) pero podríamos proyector el punto sobre cualquier plano entre esos dos puntos (imaginar un cubo al que lo cortáis para para hacer sándwiches, cada corte es un plano al que podéis llevar el punto).

* Para pasar un punto 2D de nuestra pantalla a un punto 3D de nuestro mundo debemos hacer uso del [https://docs.unity3d.com/ScriptReference/Camera.ScreenToWorldPoint.html método ScreenToWorldPoint de la clase Camera].
: Veamos un ejemplo:

: Crear un script de nombre 'UD_CamaraPerspectiva_1' y asociarlo a un cubo en la posición (0,0,0). Situar a la cámara en la posición (0,0,-8) y que se vea el cubo.
[[Imagen:Unity3d_camPers_1.JPG|500px|center]]

: Escribir este código en el script:
<syntaxhighlight lang="java" line highlight="16">
public class UD_CamaraPerspectiva_1 : MonoBehaviour {

private Camera cam;
private Vector3 posWorld;

// Use this for initialization
void Start () {
cam = Camera.main;
posWorld = transform.position;
}

// Update is called once per frame
void Update () {

if (Input.GetMouseButtonDown(0)) { // Pulsamos el botón izquierdo del ratón
posWorld = cam.ScreenToWorldPoint(new Vector3(Input.mousePosition.x, Input.mousePosition.y, 8));
Debug.Log("Posición en el mundo:" + posWorld);
}
transform.position = posWorld;
}
}
</syntaxhighlight>

: Si ahora pulsáis en la pantalla podéis ver como el cubo se mueve al punto pulsado.
:Nota: transform.position es la posición del cubo. Lo veremos en el siguiente punto.

: '''Fijarse que en el código tenemos puesto 8 como valor z al llamar al método ScreenToWorldPoint'''. Esto es así ya que la distancia desde la cámara al cubo es de 8 unidades hacia adelante de la cámara (la cámara está situada en la posición -8):

[[Imagen:Unity3d_camPers_2.JPG|500px|center]]

: Podemos observar en la pestaña de consola cuales son las coordenadas (x,y,z) de nuestro punto en el mundo en el plano z=8 unidades:
[[Imagen:Unity3d_camPers_3.JPG|500px|center]]

* Veremos más adelante que Unity (y todos los motores/frameworks) tienen mecanismos para implementar rayos de colisión. Un rayo es un punto con una dirección que atraviesa nuestro mundo 3D. Es como si dispararas una flecha en línea recta desde donde tocas la pantalla hacia el interior de nuestro mundo 3D. Parte del punto de la pantalla donde pulsamos y 'atraviesa' todos los planos de nuestro mundo 3D hasta un plano determinado (normalmente empieza en el plano near de la cámara y acabaría en el plano far de la misma, ya que es el área de visualización) siguiendo una dirección. Más información [https://docs.unity3d.com/ScriptReference/Physics.Raycast.html en este punto].

* Disponemos de las propiedades [https://docs.unity3d.com/ScriptReference/Camera-nearClipPlane.html nearClipPlane] y [https://docs.unity3d.com/ScriptReference/Camera-farClipPlane.html farClipPlane] para obtener el valor de los planos far y near de la cámara.

 

=Paso de coordenadas desde WorldSpace a ScreenSpace=

* En el caso contrario a lo visto anteriormente. Pasamos de coordenados en nuestro mundo 3D a coordenadas del monitor en pixeles.
: Debemos de tener en cuenta que para la cámara, la coordenada (0,0) se encuentra abajo-izquierda mientras que las coordenadas en la pantalla, la coordenada (0,0) está arriba a la izquierda. Por tanto, cuando obtengamos la coordenada de pantalla a partir de la coordenada 3D debemos de hacer la operación: Screen_Height-Y.

* Para obtener la coordenada de pantalla debemos de llamar al [https://docs.unity3d.com/ScriptReference/Camera.WorldToScreenPoint.html método WorldToScreenPoint de la clase Camera].

* Modificar el código anterior:
<syntaxhighlight lang="java" line highlight="13-26">
public class UD_CamaraPerspectiva_1 : MonoBehaviour {

private Camera cam;
private Vector3 posWorld;

// Use this for initialization
void Start () {
cam = Camera.main;
posWorld = transform.position;

}

private void OnGUI()
{
Vector2 posPantalla = cam.WorldToScreenPoint(transform.position);
posPantalla.y = Screen.height - posPantalla.y;
Rect areaVisual = new Rect(posPantalla, new Vector2(50, 20));

Debug.Log("Posición en pantalla:" + posPantalla);

GUILayout.BeginArea(areaVisual);
GUI.color = Color.yellow;
GUILayout.Label("CUBO");
GUILayout.EndArea();

}

// Update is called once per frame
void Update () {

if (Input.GetMouseButtonDown(0)) { // Pulsamos el botón izquierdo del ratón
posWorld = cam.ScreenToWorldPoint(new Vector3(Input.mousePosition.x, Input.mousePosition.y, 8));

}
transform.position = posWorld;
}
}

</syntaxhighlight>

:* Línea 15: Pasamos de coordenadas 3D a coordenadas de pantalla (pixeles)
:* Línea 16: Debido a que el punto (0,0) de la cámara es diferente al de la pantalla debemos de restar el alto de la misma.
:* El resto del código ya lo iremos viendo, pero básicamente crea un rectángulo donde dibuja un Label de color amarillo con la palabra 'Cubo'.

: Si ejecutáis el código anterior, al pulsar sobre la pantalla podéis ver como el cubo se traslada al punto y aparece la palabra 'Cubo' siempre sobre él:
[[Imagen:Unity3d_camPers_4.JPG|500px|center]]

 

====Rayos de detección de choques====

* Crea una nueva escena de nombre Escena_UD2_CamaraPerspectiva_Rayos.
: Carga dicha escena pulsando dos veces sobre la misma.
: Recuerda moverla (o crearla directamente) sobre la carpeta 'Assets/Scenes' de la ventana 'Project Window'.

: Agrega a dicha escena un objeto 3D Plane y cambia la escala a 10x10x10.
: Sitúa la cámara en una posición en la que se vea todo el plano.

* Veremos en otras secciones la forma que tiene Unity (y otros motores) de detectar 'colisiones' entre diferentes GameObjects.
: En esta sección veremos como hacer uso de los '''rayos'''.
: Un rayo es una línea recta que se desplaza desde una posición inicial siguiendo una dirección.
: Al desplazarse por el espacio 3D va atravesando diferentes GameObjects.

* Un ejemplo de uso es cuando queremos disparar hacia un enemigo y 'presionamos' con el ratón sobre el mismo.
: Para comprobar si le hemos dado, el programador debe de crear un rayo que vaya desde la posición inicial (en este caso sería desde la cámara) hacia el punto indicado por el ratón.
:Nota: Indicar que podríamos hacer uso del método anterior para 'pasar' del punto x-y del ratón al espacio 3D, pero necesitaríamos saber la distancia Z para llevar el punto al plano exacto donde se encuentra la posición del ratón, por lo que es mucho más complicado.

[[Imagen:Unity3d_camara_ray_1.jpg|500px|center]]
: En la imagen anterior podemos ver como al presionar sobre el plano, queremos 'lanzar' un rayo desde la perspectiva de la cámara y ver en que posición choca con el suelo.

* '''Nota Importante:'''
: Ya hablaremos en otra sección de los 'collider'. Para adelantar digamos que son figuras 3D que rodean a los GameObjects y que nos van a permitir gestionar los choques entre diferentes gameobjects.
: Para que funcione el registro de la 'colisión' entre un rayo y un objeto 3D, es necesario que este tenga algún tipo de collider asociado (existen varios tipos, ya los veremos).
: Por defecto, cando agregamos un plano, ya crea un collider asociado:
[[Imagen:Unity3d_camara_ray_1B.jpg|500px|center]]

* Previamente a ver el código que nos permite detectar el choque, vamos a realizar una optimización que va a consistir en lo siguiente: Cuando lanzamos un rayo este puede atravesar múltiples 'gameobjects' de nuestro juego, pero seguramente a nosotros solo nos interesa detectar los choques 'contra ciertos gameobjects' en concreto. Por ejemplo, en nuestro ejemplo, solo nos interesa detectar el punto de choque con el suelo.
: Para ello podemos hacer uso de '''Layers'''.
: Los Layers son capas que están identificadas con un nombre y que asociamos a diferentes GameObjects.
: Vamos a crear una nueva capa (layer) y la asociaremos con el suelo (es un Plane, escalado a 10x10x10) del ejemplo.

<gallery caption="Creando una nueva capa (Layer)" widths="350" heights="300px" perrow="2">
Image:Unity3d_camara_ray_2.jpg| Con el suelo seleccionado, nos vamos a la ventana Inspector y seleccionamos la opción '''Add Layer'''.
Image:Unity3d_camara_ray_3.jpg| A partir del número 7, podemos crear nuestras propias Layers. Escribimos en la primera libre '''Suelo''' (el número en el que lo hagamos no importa)
Image:Unity3d_camara_ray_4.jpg| Con el suelo seleccionado volvemos a la ventana inspector y en la sección Layer escogemos la nueva Layer creada.
</gallery>

* Ahora vamos a crear un nuevo script de nombre '''UD2_CamaraPerspectiva_Rayos'''
[[Imagen:Unity3d_camara_ray_5.jpg |300px|center]]

* El código del script sería el siguiente:

<syntaxhighlight lang="java" line enclose="div" highlight="8,10,12,17-18,23,25,26,28,29">
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class UD2_CamaraPerspectiva_Rayos : MonoBehaviour {

// Identificador de la capa (Layer) creada previamente sobre la que queremos detectar el choque
private int idCapa;
// Objecto que nos va a servir para obtener información sobre el choque del rayo con el suelo
private RaycastHit raycastHit;
// Distancia del rayo
private float distanciaRayo;

// Use this for initialization
void Start () {

idCapa = LayerMask.GetMask("Suelo"); // Podríamos poner varias separadas por coma...
distanciaRayo = 100;
}

// Update is called once per frame
void Update () {
if (Input.GetMouseButtonDown(0))
{
Ray camRay = Camera.main.ScreenPointToRay(Input.mousePosition); // Crea un rayo desde la posición del ratón en la dirección de la cámara
if (Physics.Raycast(camRay, out raycastHit, distanciaRayo,idCapa))
{
Debug.Log("Posición choque:" + raycastHit.point);
Debug.DrawRay(Camera.main.transform.position, camRay.direction*50, Color.red,10,false);
}
}

}

}

</syntaxhighlight>

:* Líneas 8,10,12: Definimos una serie de variable que vamos a necesitar.
::* El id del layer 'Suelo' creado previamente y asignado al plano.
::* Un objeto de la clase RaycastHit que nos va a servir para obtener el punto de 'choque' del rayo con el suelo.
::* Especificamos la distancia del rayo, ya que si no, este se desplazaría a lo largo del view frustrum y no es necesario.
:* Línea 17: Obtenemos el identificador de la capa (Layer) Suelo.
:* Línea 18: Establecemos una distancia máxima para el rayo de 100 unidades.

:* Línea 23: Comprobamos si pulsamos el botón izquierdo del ratón.
:* Línea 25: Creamos un rayo que vaya desde la cámara hasta la posición del ratón.
:* Línea 26: Hacemos uso de la clase Phisics para llamar al [https://docs.unity3d.com/ScriptReference/Physics.Raycast.html método de clase Raycast] el cual recibe como parámetros: el rayo, un objeto de la clase RayCastHit '''de tipo output''', esto quiere decir que se van a guardar datos en dicho objeto, la distancia del rayo y el id del Layer que queremos que se tenga en cuenta. Este método va a devolver un boolean indicando si hubo o no choque.
:* Línea 28: En caso de choque, podemos saber el punto 3D del mismo con la propiedad 'point' del objeto raycastHit.
:* Línea 29: Dibuja el rayo saliendo de la cámara. '''Esto solo se debe de hacer mientras estamos en la fase de desarrollo'''. Dibuja una línea '''solo visible en la ventana Scene'''. El rayo tendrá un tamaño de 50 unidades (camRay.direction*50), tardará 10 segundos en desaparecer, será de color Rojo y saldrá de la cámara. El último parámetro indica que el rayo no se vea afectado por otros GameObjects que haya cerca.

* Si asociamos el script creado al GameObject 'Suelo' (solo hay que arrastrarlo gráficamente), al pulsar sobre el plano en ejecución podemos ver el punto de choque en la ventana Console:
[[Imagen:Unity3d_camara_ray_6.jpg|600px|center]]

← Revisión anterior		Revisión del 11:34 18 may 2020
Línea 234:		Línea 234:


−	~~=PRueba=~~

−	~~=PRueba=~~

	<br />		<br />

← Revisión anterior		Revisión del 11:34 18 may 2020
Línea 234:		Línea 234:


		+	=PRueba=

		+	=PRueba=

	<br />		<br />

← Revisión anterior		Revisión del 15:19 19 abr 2020
Línea 232:		Línea 232:
	[[Imagen:Unity3d_camara_ray_6.jpg\|600px\|center]]		[[Imagen:Unity3d_camara_ray_6.jpg\|600px\|center]]

		+
		+
		+
		+
		+	<br />
		+	'''[https://wiki.cifprodolfoucha.es/index.php?title=Programacion_de_videojuegos_con_UNITY3D#UNIDAD_4:_Scripts Enlace a la página principal del curso]'''
		+	<br />



	<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2018).		<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2018).

← Revisión anterior		Revisión del 10:54 29 ago 2019
Línea 231:		Línea 231:
	* Si asociamos el script creado al GameObject 'Suelo' (solo hay que arrastrarlo gráficamente), al pulsar sobre el plano en ejecución podemos ver el punto de choque en la ventana Console:		* Si asociamos el script creado al GameObject 'Suelo' (solo hay que arrastrarlo gráficamente), al pulsar sobre el plano en ejecución podemos ver el punto de choque en la ventana Console:
	[[Imagen:Unity3d_camara_ray_6.jpg\|600px\|center]]		[[Imagen:Unity3d_camara_ray_6.jpg\|600px\|center]]
		+
		+
		+
		+
		+	<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2018).

UNITY Paso de coordenadas 3D - Screen - Historial de revisiones

Wiki en 11:34 18 may 2020

Wiki en 11:34 18 may 2020

Wiki en 15:19 19 abr 2020

Wiki en 10:54 29 ago 2019

Wiki: Página creada con «=Paso de coordenadas desde ScreenSpace a WorldSpace= * Imaginemos que queremos obtener la posición de pulsar el botón izquierdo del ratón en nuestro mundo 3D. : Para el…»