Snap Interaction Avanzado

Para mejorar la interacción del apartado Snap Interaction, podemos personalizar el comportamiento del Snapde diferentes maneras:

  • Posición predeterminada: Definir un Snap donde el objeto aparecerá inicialmente.
  • Regreso automático: Configurar un tiempo tras el cual el objeto volverá al Snap si no está interactuando.
  • Filtros de Interacción: Usar etiquetas (tags) para restringir qué objetos pueden hacer Snap en qué posiciones.

Configuración de múltiples puntos de Snap

Para comprender mejor las funciones avanzadas, duplicaremos el Snap Interactable dos veces más, creando tres puntos de Snap en total.

Duplicar los Snap Interactables

  • Seleccionamos el Snap Interactable que creamos antes.
  • Presionamos Ctrl + D dos veces para generar dos copias.

Modificar sus posiciones

  • Primer Snap: X: 0.35, Y: 1, Z: 0.35
  • Segundo Snap: X: 0, Y: 1, Z: 0.35
  • Tercer Snap: X: -0.35, Y: 1, Z: 0.35

Ahora nuestro objeto podrá interactuar con tres ubicaciones distintas.

Opciones avanzadas del Snap Interactor

Default Interactable

Este parámetro define el punto de Snap inicial. Si configuramos un Snap Interactable en este campo, el objeto aparecerá ahí por defecto hasta que el usuario lo tome.

  • Asignamos el Segundo Snap Interactable del centro como Default Interactable.

Timeout Interactable

Esta opción define hacia qué Snap volverá el objeto automáticamente después de un tiempo si el usuario lo suelta fuera de un punto de Snap válido.

  • Asignamos el Snap Interactable original como Timeout Interactable.
  • Ajustamos el tiempo de espera (Timeout) a 3 segundos.

Ahora, si soltamos el cubo fuera de un Snap, regresará al punto de Timeout en 3 segundos.

Filtrado de Snap con etiquetas

Asignar etiquetas a los Snap Interactables

  • Seleccionamos cada Snap Interactable.
  • Agregamos un componente script Tag Set (Add Component > Tag Set).
  • Asignamos etiquetas:
    • Primer y segundo Snap: Cube.
    • Tercer Snap: Sphere.

Configurar el filtro en el Snap Interactor

  • Seleccionamos el Snap Interactor (el objeto que agarra el cubo).
  • Agregamos el componente script Tag Set Filter (Add Component > Tag Set Filter).
  • En "Required Tags" (Etiquetas requeridas), agregamos Cube (el cubo solo podrá hacer Snap en puntos con esta etiqueta).
  • En "Excluded Tags" (Etiquetas excluidas), agregamos Sphere (el cubo no podrá hacer Snap en puntos con esta etiqueta).

Prueba de la Interacción Avanzada 

Ahora, al tomar el cubo, podemos moverlo entre los diferentes Snap Interactables configurados. Observamos que:

  • El cubo se ajusta automáticamente a la posición del Snap predeterminado al inicio.
  • Si soltamos el cubo fuera de cualquier Snap, después de 3 segundos regresa al Snap definido como Time Out.
  • Cuando intentamos colocar el cubo en el tercer Snap, este no funciona, ya que lo hemos excluido con Interactable Filters.

En el siguiente video, se muestra en acción el funcionamiento de los tres snaps:

¡Crea tu página web gratis! Esta página web fue creada con Webnode. Crea tu propia web gratis hoy mismo! Comenzar