All content in this course uses:

Aprende a implementar interactores directos y alternar entre ellos en un control para agarrar objetos o apuntar con un rayo en VR.

2.3: Interactores directos y de rayo

En esta lección, aprenderás a implementar interactores directos y a cambiar entre interactores en el mismo control. Al final de esta lección, el usuario será capaz de tomar las cosas directamente con las manos y de activar o desactivar un rayo para apuntar a las cosas cuando lo necesite. 

En lugar de utilizar los interactores de rayo que se incluyen por defecto con el rig, puedes configurar un interactor «directo» para uno de los controles.

1.  Eliminar un interactor de rayo del control derecho:

En Hierarchy (Jerarquía), selecciona el objeto 

RightHand Controller o Controlador derecho

Elimina los tres componentes relacionados con el interactor de rayo: el componente XR Interactor Line Visual, el componente Line Renderer y el componente XR Ray Interactor


2.  Activa las interacciones directas en el control derecho:

Agrega un componente XR Direct Interactor al 

Hide Controller on Select (Ocultar control al seleccionar)

 para que el objeto que tomes sustituya al visual de la mano.


3.  Activa la detección del interactor directo:

Agrega un componente Sphere Collider (Colisionador de esfera). 

Ahora deberías poder tomar todos los objetos que se pueden tomar en tu Scene (Escena) usando la mano con el interactor directo.

¿Cómo agregar un interactor directo al control derecho?

Al igual que hiciste con el interactor de rayo, deberías añadir la misma respuesta táctil y sonora al desplazarte por encima de los objetos y seleccionarlos.

1.  Recuerda cómo configuraste la respuesta táctil y sonora originalmente:

LeftHand Controller (Controlador izquierdo)

, que debería tener todavía un componente Ray Interactor.

En el componente XR Ray Interactor, expande las secciones

Observa la intensidad y la duración de los eventos táctiles y el clip de audio que has seleccionado para tus eventos sonoros.


2.  Aplica la configuración de eventos táctiles y sonoros al nuevo interactor directo:

En el componente XR Direct Interactor, aplica los mismos ajustes de eventos táctiles y sonoros para que coincidan con tu otro control.

Tu interactor directo debería tener ahora una respuesta táctil y sonora al desplazarte por los eventos y seleccionarlos.

¿Cómo agregar una respuesta táctil y sonora a tu interactor directo?

Ahora mismo, puedes tomarlo todo con el rayo, pero no es algo muy natural. Solo deberías poder teletransportarte con tu rayo y tomar objetos directamente con la mano.

1.  Añade una nueva capa para los rayos:

Interaction Layer Mask (Máscara de capa de interacción)

Añade una nueva capa «Raycasts» en el primer espacio vacío disponible.

Nota: el interactor de rayo aún no estará configurado en esa capa. Hasta este momento, solo has creado la capa.

2.  Evita que el rayo interactúe con los objetos que puedes tomar:

Aún en el componente XR Ray Interactor del objeto del control, para la propiedad 

Para ello, primero hay que seleccionar Nothing (Nada) y luego volver a seleccionar la capa «Raycasts».

3.  Asegúrate de que el rayo pueda interactuar con los objetos de teletransporte:

Asegúrate de que, para cada objeto Teleportation Anchor y Teleportation Area en la propiedad 

4.  Evita que el modelo de tu mano desaparezca cuando te teletransportas:

En el componente XR Ray Interactor, desactiva el ajuste 

Si aún puedes utilizar el rayo para tomar objetos, asegúrate de que los objetos que se pueden tomar no estén en la capa Raycasts de Interaction Layer.

Ya no podrás tomar objetos con tu interactor de rayo, pero podrás usarlo para el teletransporte.

¿Cómo evitar que el rayo tome objetos?

Para poder tomar objetos con las dos manos, debes tener interactores directos en ambas manos. Entonces puedes activar el rayo cuando se mueve la palanca de control. Para conseguirlo, tendrás que crear los interactores directo y de rayo para cada mano. 

1.  Crea controles de rayo alternativos para cada mano:

Duplica el control con el interactor de rayo 

Renombra estos objetos «LeftHand Ray» y «RightHand Ray». 


2.  Controla cada rayo con la mano correcta:

, en el componente XR Controller, asegúrate de que el ajuste predefinido

 esté configurado correctamente en Left (Izquierda) o Right (Derecha) para cada objeto. 

Para editar el ajuste predefinido, en la parte superior derecha del componente, haz clic en el botón 

 y selecciona el preajuste adecuado para la mano. 


3.  Haz que el LeftHand Controller se comporte como un interactor directo:

, elimina los componentes relacionados con el interactor de rayo (los componentes XR Ray Interactor, Line Renderer y XR Interactor Line Visual). 

Copia los componentes Direct Interactor y Sphere Collider de 

Selecciona el menú contextual en la parte superior derecha de ese componente y haz clic en 

Para pegar el componente en otro objeto, selecciona el menú contextual de uno de los componentes del objeto receptor y haz clic en 

Paste Component As New (Pegar componente como nuevo).


4.  Asegúrate de que solo dispongas de un modelo de mano para cada mano:

 en el componente XR Controller, cambia el objeto 

Ahora cada mano debería poder teletransportarse con sus interactores de rayo y tomar objetos con sus interactores directos. 

¿Cómo crear un interactor directo y de rayo para cada mano?

Ahora que tienes los interactores directos y de rayo en cada mano, añadirás la posibilidad de activar y desactivar el rayo al pulsar un botón.

1.  Añade la posibilidad de activar y desactivar el rayo izquierdo:

, añade un componente Toggle Ray (Activar y desactivar rayo).


2.  Para poder detectar si se pulsa un botón:

, añade un componente On Button Press (Al presionar el botón).


3.  Especifica el botón que se va a vincular a esta acción:

En el componente On Button Press, en la casilla 

 Es muy fácil no ver la casilla Action; fíjate bien).

: Los distintos controles tienen diferentes botones, desencadenadores y paneles táctil. Si no utilizas un Oculus Quest, es probable que tengas que elegir una ruta de nexo diferente que funcione con tu dispositivo. Por ejemplo, echa un vistazo a los perfiles de control OpenXR para el 


4.  Activa el rayo cuando se pulsa el botón:

En el menú desplegable de la función, selecciona el 


5.  Desactiva el rayo cuando se suelte el botón:

Ahora el rayo de la mano izquierda aparecerá solo mientras se toque el botón primario, y desaparecerá cuando se suelte el botón.

¿Cómo activar y desactivar el rayo al pulsar un botón?

Un control funciona con un botón. Puedes dar al jugador más opciones de botones para pulsar, según sus preferencias, y luego aplicar esta funcionalidad a la otra mano.

1.  Añade un nexo adicional que detecte la palanca:

En el componente On Button Press, en la casilla Action, haz clic en el botón 

 para agregar un nexo adicional a esta acción.

Sigue las mismas instrucciones como los pasos anteriores para seleccionar un nexo, pero selecciona 


2.  Añade esta misma funcionalidad de activación y desactivación de rayo para tu mano derecha:

Repite todas las instrucciones del paso anterior, pero, para RightHand Controller y RightHand Ray:

y asigna RightHand Controller a la propiedad Direct Interactor.

 y agrega nexos para el Right Primary Button y Right Thumbstick

Ahora los rayos en ambas manos aparecerán solo mientras se presiona el botón primario o la palanca. 

¿Cómo agregar más nexos y repetir para la otra mano? 

Activar y desactivar los interactores directos con un botón.

Resumen

Si deseas desarrollar aún más tus habilidades, explorar nuevos conceptos y mejorar tu proyecto, echa un vistazo a algunas de las actividades de extensión opcionales que aparecen abajo. 

Estas actividades tienen etiquetas de [Fácil], [Medio], [Difícil] o [Experto], así como una etiqueta que indica que una actividad [Requiere programación] si es necesario escribir algo de código. 

1.  Personaliza las líneas del interactor de rayo [Fácil]

Edita los colores de las líneas del interactor de rayo y los colores de la transparencia, incluidos los gradientes y la transparencia:

Queda bien hacer transparente el inicio del rayo para que no se superponga con las manos.

Para personalizar los colores de los rayos, busca en los componentes XR Interactor Line Visual las propiedades de gradiente de color Valid o Válida e Invalid o Inválida.

En la ventana Gradient Editor o Editor de gradientes, usa los marcadores debajo de la barra de color para editar el color y los marcadores encima de la barra de color para editar el valor de transparencia (Alfa).

2.  Añade una regadera funcional [Medio]

Añade una regadera que genere una partícula de agua al inclinarla:

Usa el Script OnTilt que encuentras en la Course Library > Scripts > Conditions para detectar la inclinación. 

Encuentra un objeto Particle_Water en la Course Library > Prefabs > Particles 

Usa el ToggleParticle > funciones Play() and Stop() para controlar la partícula.

Extra: agrega un efecto de sonido de vertido mediante el Script PlayContinuousSound. 

Extra: utiliza el Script OnVelocity para añadir también un sonido de salpicadura al agitar. Sugerencia: añade una fuente de audio separada para que esto no interfiera con el sonido de vertido.

3.  Añade bisagras a las puertas de los armarios [Experto]

Permite al usuario abrir las puertas de los armarios o las tapas de los cofres mediante las bisagras físicas de Unity:

 y un RigidBody a la puerta y personalizar sus límites angulares.

Tendrás que añadir un componente XR Grab Interactable (XR Grab con el que se puede interactuar) al mango y tal vez quieras añadir un 

Asegúrate de que ningún colisionador de la puerta se solape con otros colisionadores, ya que esto podría provocar que se atasque.

Advertencia: las uniones son muy complicadas y pueden provocar frustración. 

Actividades de extensión

Comp-L2-Prog.VRp: Beginner VR Development

Beginner VR Development

Deleted User

2.3.ext - watering can.mp4

2.3.ext - ray gradients.mp4

2.3.ext - cabinet hinges.mp4

2_3_2_v2.mp4

2_3_recap_v1.mp4

2_3_1_v2.mp4

2_3_6_v2.mp4

2_3_3_v2.mp4

2_3_4_v2.mp4

2_3_5_v2.mp4

Al finalizar esta lección, podrás hacer lo siguiente:

Implementar interactores directos en un control para permitir al usuario tomar cosas directamente con las manos.

Comprender la necesidad de una variedad de tipos de interactores en VR para que el usuario pueda interactuar con el entorno de diferentes maneras.

Activar y desactivar varios tipos de interactores en un control para ampliar la gama de acciones que un usuario puede realizar con una sola mano (por ejemplo, cambiar entre un interactor de rayos y uno directo). 

Games

Film

Automotive

Skill-L2-Prog.VRp-2: Develop a VR app that demonstrates common interactions using Unity's XR interaction toolkit.

Unity Version 2022.3