Coordonnées (X,Y) dans Labvanced

Vue d'ensemble des coordonnées XY

Utiliser les coordonnées X,Y est essentiel en recherche et a des applications infinies. Elles peuvent être utilisées pour de nombreuses choses comme rassembler des données et rapporter le suivi des mouvements de la souris dans le temps, mettre en place des événements / conditions pour que quelque chose se produise, ou comme base pour concevoir l'expérience. Pour avoir une idée de 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-utilisateurs où une image était déplacé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).

Sur 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 de haut en bas. Plus tard, nous vous donnerons une idée de 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 la toile 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 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 fixer l'origine à (0,0)

Comme mentionné précédemment, concevoir 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). C'est simplement parce 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 mettant en place une telle ‘transformation’, les données collectées (comme pour le suivi des mouvements de la souris dans le temps) peuvent être automatiquement ajustées en fonction d'une origine (0,0).

Coordonnées (X,Y) dans un plan spécifié

Dans d'autres cas, vous pourriez avoir besoin de rapporter les coordonnées (X,Y) uniquement dans un ‘plan’ que vous spécifiez… c'est-à-dire, l'origine n'est pas le point inférieur gauche de la toile 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 le nouveau ‘champ d'intérêt’, nous pouvons définir comment cette forme s'intègre dans le cadre principal de la toile en observant que :

• Horizontalement, 100 unités est la distance entre l'endroit où le cadre de la toile commence et l'endroit où le plan rouge cible commence
• Verticalement, 400 unités est la distance entre l'endroit où le cadre de la toile commence et l'endroit où le plan rouge cible se termine.

Ainsi, tandis que les coordonnées de la boîte verte supérieure sont (300,50) dans le cadre de la toile, 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 vers la 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 ce à quoi les données d'une expérience ressembleraient.

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

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 qu'à Labvanced, comme mentionné précédemment, vous pouvez configurer ces calculs pour se produire automatiquement afin que vous puissiez recevoir toutes les valeurs (x,y) dans le cadre d'origine, ainsi que toutes les valeurs transformées (x,y) dans votre cadre cible.

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

Continuer la lecture

• Enregistrement et exportation des données de regard: Vue d'ensemble de la manière 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 la tête dans une tâche: Vue d'ensemble de la manière dont le suivi de la 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.