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 la souris dans le temps, la mise en place d'événements / conditions pour que quelque chose se produise, ou comme base pour la conception de l'expérience. Pour se familiariser avec la façon dont les coordonnées (X,Y) sont gérées dans Labvanced, lisez la suite !
Coordonnées X,Y d'une étude multi-utilisateur 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’ au 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 nous basant sur les 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 est de 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 HTML se rend d'en haut vers le bas. Plus tard, nous vous donnerons une idée sur la façon de tenir compte de cela si vous avez besoin que cette valeur soit é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 canvas 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 de fond est de 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 de la toile donne un point de coordonnées de (0,450). Cela est simplement dû au fait que Labvanced fonctionne sur le navigateur et c'est ainsi que 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 la soustrait de 450. En configurant une telle ‘transformation’, les données collectées (comme pour les séries temporelles de suivi de la 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 dans un ‘plan’ que vous spécifiez… c'est-à-dire que l'origine n'est pas le point inférieur gauche du 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'adapte au 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 point de départ du plan rouge cible
- Verticalement, 400 unités est la distance entre le point de départ du cadre du canevas et le point de fin du plan rouge cible.
Ainsi, bien que les coordonnées de la boîte verte du haut soient (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 le confirmer simplement en comptant 4 cases à gauche et 7 cases en haut.
De même, pour la boîte verte du bas, les nouvelles valeurs seraient (200,0).
Dans ce dernier exemple, choisissons un point aléatoire. Il est rapporté avec des valeurs décimales, ce qui correspond à ce que les données dans une expérience ressembleraient.
Le nouveau carré violet a les coordonnées de (465.61, 295.88) dans le cadre du canevas.
Pour trouver quels sont ces points 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 qu'à Labvanced, comme mentionné précédemment, vous pouvez configurer ces calculs pour se faire 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 concernant les (coordonnées X,Y) ou la configuration de votre expérience avec Labvanced, n'hésitez pas à nous contacter !
Continuer à lire
- Suivi oculaire dans une tâche : Aperçu de la façon dont le suivi oculaire est utilisé dans les tâches expérimentales, y compris l'enregistrement des coordonnées (X,Y) des emplacements de regard.
- Suivi de tête dans une tâche : Aperçu de la façon dont le suivi de tête est utilisé dans les tâches expérimentales, y compris l'enregistrement des coordonnées (X,Y) de la position de la tête.