Coordonnées (X,Y) dans Labvanced

Aperçu des coordonnées XY

L'utilisation des coordonnées X,Y est essentielle dans la recherche et a d'innombrables applications. Elles peuvent être utilisées pour de nombreuses choses, comme la collecte de données et le rapport de suivi de souris au fil du temps, la configuration d'événements / conditions pour qu'une action se produise, ou comme base pour concevoir l'expérience. Pour comprendre comment les coordonnées (X,Y) sont gérées dans Labvanced, poursuivez votre lecture !

Coordonnées X,Y d'une étude multi-utilisateurs où une image était tirée par un participant

Coordonnées (X,Y) dans l'éditeur

Tout d'abord, créons un carré et plaçons-le dans le coin inférieur gauche. Comme vous pouvez le voir, cette forme prend la taille de l'une des formes dans la grille de fond de l'éditeur (qui peut être activée en cliquant sur l'option 'Grille' en bas).

Dans le panneau de droite, la sous-section pertinente pour nous est le menu 'Position & Taille' où la valeur x du carré, la valeur y, la largeur/hauteur sont rapportées, ainsi que le point d'ancrage. Le point d'ancrage est important car il est utilisé pour spécifier quelle valeur de coordonnées (X,Y) est rapportée sur la forme / l'objet. En fonction des valeurs du menu latéral, nous pouvons conclure que la taille du carré est de 50 unités de large + 50 unités de haut - ainsi, chaque carré sur cette grille/canvas mesure 50x50 unités.

Puisque le point d'ancrage est le point pour lequel la coordonnée (x,y) est rapportée, nous savons que les coordonnées du coin inférieur gauche du carré sont (0,450). À ce stade, vous vous demandez peut-être pourquoi ce n'est pas (0,0). C'est parce que Labvanced fonctionne en ligne et que le HTML se rend du haut vers le bas. Plus tard, nous vous donnerons une idée de la façon de tenir compte de cela si vous devez avoir cette valeur égale à (0,0) pour votre recherche.

Maintenant, créons une autre forme plus grande pour continuer à travailler avec les coordonnées (X,Y) dans le canevas de l'éditeur.

En utilisant le même raisonnement que précédemment, nous pouvons voir que les coordonnées du coin supérieur gauche sont (100,50).

Veuillez noter que nous avons sélectionné le point d'ancrage pertinent afin de voir cette valeur.

Puisque nous savons que chaque petit carré de la grille en arrière-plan mesure 50x50 unités, nous pouvons également le confirmer visuellement, en comptant 2 petits carrés vers la droite et 1 petit carré vers le bas.

Méthode Potentielle pour Définir l'Origine comme (0,0)

Comme mentionné précédemment, conceptualiser l'‘origine’ comme le point où les axes x et y se rencontrent sur le cadre du canevas donne un point de coordonnées (0,450). Cela est simplement dû au fait que Labvanced fonctionne sur le navigateur et c'est ainsi que le HTML se rend.

Ainsi, si pour une raison quelconque, vous avez besoin que ce point soit lu comme (0,0), vous pouvez configurer une variable et un événement dans Labvanced qui prend la valeur y et soustrait 450. En configurant une telle ‘transformation’, les données collectées (comme pour les séries temporelles de suivi de souris) peuvent automatiquement être ajustées en fonction d'une origine (0,0).

Coordonnées (X,Y) Dans un Plan Spécifié

Dans certains autres cas, vous pourriez avoir besoin de rapporter les coordonnées (X,Y) uniquement à l'intérieur d'un ‘plan’ que vous spécifiez… c'est-à-dire, l'origine n'est pas le point inférieur gauche sur le canevas mais plutôt un point que vous souhaitez spécifier dans votre propre plan / champ. Discutons de la façon dont cela peut être fait.

En utilisant la grande forme rouge que nous avons dessinée précédemment comme la nouvelle ‘zone d'intérêt,’ nous pouvons définir comment cette forme s'inscrit dans le cadre principal du canevas en observant que :

• Horizontalement, 100 unités est la distance entre le point de départ du cadre du canevas et le début du plan rouge cible
• Verticalement, 400 unités est la distance entre le point de départ du cadre du canevas et la fin du plan rouge cible.

Ainsi, alors que les coordonnées de la boîte verte supérieure sont (300,50) dans le cadre du canevas, nous pouvons ‘transformer’ pour atteindre la ‘nouvelle valeur’ dans le plan cible qui serait (200,350)... c'est-à-dire, x= 300 - 100; y= 400 - 50

Vous pouvez confirmer cela simplement en comptant 4 cases à gauche et 7 cases vers le haut.

De même, pour la boîte verte inférieure, les nouvelles valeurs seraient (200,0).

Dans cet exemple final, choisissons un point aléatoire. Il est rapporté avec des valeurs décimales, ce qui est à quoi ressemblent les données dans une expérience.

Le nouveau carré violet a les coordonnées de (465.61, 295.88) dans le cadre du canevas.

Pour découvrir ce que ces points sont dans le cadre rouge cible, nous faisons la même chose :

• TransformedX = 465.61 - 100 = 365.61
• TransformedY = 400 - 295.88 = 104.12

Coordonnées dans le nouveau plan = (365.61, 104.12)

Veuillez noter que, dans Labvanced, comme mentionné précédemment, vous pouvez configurer ces calculs pour qu'ils se produisent automatiquement afin que vous puissiez recevoir toutes les valeurs (x,y) dans le cadre original, ainsi que toutes les valeurs transformées (x,y) dans votre cadre cible.

Si vous avez des questions sur les (coordonnées X,Y) ou sur la configuration de votre expérience avec Labvanced, veuillez nous contacter !

Continuez à Lire

• Suivi des Yeux dans une Tâche: Aperçu de l'utilisation du suivi des yeux dans les tâches expérimentales, y compris l'enregistrement des coordonnées (X,Y) des emplacements du regard.
• Suivi de Tête dans une Tâche: Aperçu de l'utilisation du suivi de tête dans les tâches expérimentales, y compris l'enregistrement des coordonnées (X,Y) de la position de la tête.