# Reticle o cursor de visión

![Reticle, Cursor, Gaze Pointer](https://beeva-labs.github.io/ux-vr-framework/assets/images/interacciones/cursores/gazePointer.png)

El gaze-pointer, reticle o puntero de mirada, es el puntero que el usuario controla con su orientación de cabeza e interactúa con objetos o elementos de interfaz de usuario como lo harían con un puntero del ratón. El evento "clic" puede venir desde un botón de gamepad o toque en el touchpad de Gear VR.

### Reticle con estela

![El cursor deja estela](https://beeva-labs.github.io/ux-vr-framework/assets/images/interacciones/cursores/gazeCursoTrail.png)

#### **¿Qué problema resuelve?**

A veces, dependiendo del diseño del entorno, perdemos de vista el cursor.

#### **La solución**

Una manera de mejorar el seguimiento del cursor es que este deje estela, como si fuera un cometa. De esta manera, además de indicar la posición, también indicamos la dirección del movimiento y puede ser una parte interesante de la interacción y del diseño.

#### **diseño**

* [FRAMER](https://framer.cloud/zQlHQ/)

### El cursor afecta al entorno

Otra manera de dejar rastro es que el cursor interactúe por defecto con el entorno afectando al entorno. Esto depende mucho del contexto pero puede ayudar a crear experiencias muy interesantes e inmersivas (césped, agua, mallas, arena, fichas)

![](https://beeva-labs.github.io/ux-vr-framework/assets/images/interacciones/cursores/gazeCurosorEnvironment.png)

**¿Qué problema resuelve?**

Ayuda a mejorar la experiencia y la sensación de inmersión dependiendo del contexto.

**La solución**

El cursor afecta a la malla o a los objetos sobre los que pasa.

Esta solución depende mucho del contexto.

**Diseño**

* Ver ejemplo [**"**BEAR 71" WEBVR experiment](https://bear71vr.nfb.ca/)

### Cursor magnético

El objeto accionable tiene un radio de acción, similar al magnetismo, en el que el cursor se queda pegado y evita que se salga del área de acción ante movimientos leves del usuario

![Cursor magnético](https://beeva-labs.github.io/ux-vr-framework/assets/images/interacciones/cursores/gazeCursorImmobility.png)

**¿Qué problema resuelve?**

Evita que el usuario pierda la posibilidad de actuar sobre un elemento por pequeños movimientos involuntarios o naturales.

**La solución**

Cuando el puntero se acerca al elemento interactivo se queda pegado a este, como si de un imán se tratara, siempre que el movimiento sea leve. De esta mananera facilitamos la interacción notablemente. Cuando el usuario cambie el punto de vista, el puntero se separará del elemento interactivo y volverá al centro

Aunque esta solución depende del contexto es un manera muy cómoda de interactuar cuando hay muchos elementos, son pequeños o se mueven.

**Diseño**

* [FRAMER](https://framer.cloud/cFdJL)
* Ver ejemplo [**"**BEAR 71" WEBVR ](https://bear71vr.nfb.ca/)[experiment](https://bear71vr.nfb.ca/)

### El cursor cambia dependiendo de la acción

Dependiendo del contexto, el gaze pointer cambiará su forma indicando que acción voy a realizar cuando se sitúa sobre el elemento interactivo.

![El cursor cambia dependiendo de la acción](https://beeva-labs.github.io/ux-vr-framework/assets/images/interacciones/cursores/gazeCursoChangeAction.png)

**¿Qué problema resuelve?**

No es para resolver un problema en concreto pero mejora la inmersión y la usabilidad de la aplicación

**La solución**

Cuando el gaze pointer se situa sobre el elemento accionable o su zona activa cambiará de forma indicando lo acción que voy a realizar. Ej. Un punto dmira si voy a disparar, unos pasos o una flecha si voy a avanzar, una lupa para bucar, etc.

**Diseño**

Ver ejemplo [FRAMER](https://framer.cloud/yCLSi/)

### El cursor se adapta a las normales del entorno

Cuando podemos interactuar sobre distintos elemntos en una escena o queremos indicar con precisión dónde se encuentra el puntero, este se adatará a las normales de la malla.

![El cursor se adapta a las normales del entorno](https://beeva-labs.github.io/ux-vr-framework/assets/images/interacciones/cursores/normalMatching.png)

**¿Qué problema resuelve?**

Ayuda a mejorar la experiencia, indica con mayor precisión dónde se encuentra el cursor, sobre que elemento podemos interactuar o hacia que punto concreto vamos a desplazarnos

**La solución**

El cursor girará (a poder ser en los tres ejes), adaptándose a las normales de la malla 3D.

**Diseño**

* Ver ejemplo [**"**BEAR 71" WEBVR experiment](https://bear71vr.nfb.ca/)
* Ver ["Mr NOM NOM" WEBVR experiment](https://mrnmnm.com/)