Coordenadas (X,Y) en Labvanced
Visión General de las Coordenadas XY
El uso de coordenadas X,Y es esencial en la investigación y tiene infinitas aplicaciones. Pueden utilizarse para muchas cosas, como recopilar datos e informar sobre el seguimiento del mouse a lo largo del tiempo, establecer eventos/condiciones para que ocurra algo, o como base para diseñar el experimento. ¡Para entender cómo se manejan las coordenadas (X,Y) en Labvanced, sigue leyendo!
Coordenadas X,Y de un estudio multiusuario donde una imagen estaba siendo arrastrada por un participante
Coordenadas (X,Y) en el Editor
Primero, vamos a crear un cuadrado y colocarlo en la esquina inferior izquierda. Como puedes ver, esta forma ocupa el tamaño de una de las formas en la cuadrícula de fondo del editor (que se puede activar haciendo clic en la opción ‘Cuadrícula’ en la parte inferior).
En el panel derecho, la subsección relevante para nosotros es el menú ‘Posición y Tamaño’ donde se reporta el valor x del cuadrado, el valor y, el ancho/alto, así como el punto de anclaje. El punto de anclaje es importante porque se utiliza para especificar qué valor de coordenada (X,Y) se informa sobre la forma/objeto. Basándonos en los valores del menú lateral, podemos concluir que el tamaño del cuadrado es de 50 unidades de ancho + 50 unidades de alto; así, cada cuadrado en esta cuadrícula/lienzo es de 50x50 unidades.
Dado que el punto de anclaje es el punto para el cual se informa la coordenada (x,y), sabemos que las coordenadas de la esquina inferior izquierda del cuadrado son (0,450). En este punto, podrías preguntarte por qué no es (0,0). Esto se debe a que Labvanced funciona en línea y HTML se renderiza de arriba hacia abajo. Más adelante, te daremos una idea de cómo tener en cuenta esto si necesitas que este valor sea igual a (0,0) para tu investigación.
Ahora, vamos a crear otra forma más grande para continuar trabajando con las coordenadas (X,Y) dentro del lienzo del editor.
Siguiendo el mismo razonamiento que seguimos anteriormente, podemos ver que las coordenadas para la esquina superior izquierda son (100,50).
Ten en cuenta que seleccionamos el punto de anclaje relevante para ver este valor.
Dado que sabemos que cada pequeño cuadrado de la cuadrícula de fondo es de 50x50 unidades, también podemos confirmar esto visualmente, contando 2 cuadrados pequeños a la derecha y 1 cuadrado pequeño hacia abajo.
Método Potencial para Establecer el Origen como (0,0)
Como se mencionó anteriormente, conceptualizar el ‘origen’ como el punto donde se encuentran los ejes x e y en el marco del lienzo produce un punto de coordenada de (0,450). Esto se debe simplemente a que Labvanced funciona en el navegador y así es como se renderiza HTML.
Por lo tanto, si por cualquier razón, necesitas que este punto sea leído como (0,0), puedes configurar una variable y un evento en Labvanced que tome el valor y y le reste 450. Al configurar dicha ‘transformación’, los datos recopilados (como para series de tiempo de seguimiento del mouse) pueden ajustarse automáticamente en función de un origen (0,0).
Coordenadas (X,Y) Dentro de un Plano Específico
En otros casos, es posible que necesites informar las coordenadas (X,Y) únicamente dentro de un ‘plano’ que especifiques… es decir, el origen no es el punto inferior izquierdo del lienzo, sino un punto que deseas especificar dentro de tu propio plano/campo. Vamos a discutir cómo se puede hacer esto.
Usando la gran forma roja que dibujamos anteriormente como la nueva ‘área de interés’, podemos definir cómo esta forma se ajusta dentro del marco principal del lienzo al observar que:
- Horizontalmente, 100 unidades es la distancia entre donde comienza el marco del lienzo y donde comienza el plano rojo objetivo
- Verticalmente, 400 unidades es la distancia entre donde comienza el marco del lienzo y donde termina el plano rojo objetivo.
Así, mientras que las coordenadas de la caja verde superior son (300,50) dentro del marco del lienzo, podemos ‘transformar’ para alcanzar el ‘nuevo valor’ en el plano objetivo que sería (200,350)... es decir, x = 300 - 100; y = 400 - 50
Puedes confirmar esto simplemente contando 4 cajas hacia la izquierda y 7 cajas hacia arriba.
De manera similar, para la caja verde inferior, los nuevos valores serían (200,0).
En este último ejemplo, elijamos un punto aleatorio. Se informa con valores decimales, que es cómo se verían los datos en un experimento.
El nuevo cuadrado púrpura tiene las coordenadas de (465.61, 295.88) dentro del marco del lienzo.
Para averiguar cuáles son estos puntos dentro del marco rojo objetivo, hacemos lo mismo:
- TransformedX = 465.61 - 100 = 365.61
- TransformedY = 400 - 295.88 = 104.12
Coordenadas en el nuevo plano = (365.61, 104.12)
Ten en cuenta que, en Labvanced, como se mencionó anteriormente, puedes configurar estos cálculos para que sucedan automáticamente para que puedas recibir todos los valores (x,y) en el marco original, así como todos los valores (x,y) transformados en tu marco objetivo.
Si tienes alguna pregunta sobre las coordenadas (X,Y) o sobre cómo configurar tu experimento con Labvanced, ¡contáctanos!
Continuar Leyendo
- Seguimiento ocular en una tarea: Visión general de cómo se utiliza el seguimiento ocular en tareas experimentales, incluyendo el registro de coordenadas (X,Y) de ubicaciones de la mirada.
- Seguimiento de cabeza en una tarea: Visión general de cómo se utiliza el seguimiento de cabeza en tareas experimentales, incluyendo el registro de coordenadas (X,Y) de la posición de la cabeza.