（X,Y）坐标在Labvanced中

XY坐标概述

使用X,Y坐标在研究中至关重要，并具有无尽的应用。它们可以用于许多事情，例如收集数据和报告随时间变化的鼠标跟踪、设置事件/条件以使某些事情发生，或作为设计实验的基础。要了解（X,Y）坐标在Labvanced中的处理方式，请继续阅读！

来自多用户研究的X,Y坐标，其中参与者正在拖动一张图像

编辑器中的（X,Y）坐标

首先，让我们创建一个正方形并将其放置在左下角。如您所见，这个形状的大小与编辑器背景网格中的一个形状的大小相同（可以通过单击底部的“网格”选项激活）。

在右侧面板中，与我们相关的子部分是“位置和大小”菜单，其中报告了正方形的x值、y值、宽度/高度，以及锚点。锚点很重要，因为它用于指定在形状/对象上报告哪个（X,Y）坐标值。根据侧边菜单的值，我们可以得出正方形的大小为50个单位宽 + 50个单位高，因此这个网格/画布上的每个正方形都是50x50个单位。

由于锚点是报告（x,y）坐标的点，因此我们知道正方形的左下角坐标为（0,450）。此时，您可能会想知道为什么不是（0,0）。这是因为Labvanced在线工作，HTML是从上到下渲染的。稍后，我们将为您提供如何考虑这个问题的想法，如果您需要这个值等于（0,0）用于您的研究。

现在，让我们创建另一个更大的形状，以继续在编辑器画布中使用（X,Y）坐标。

使用我们之前遵循的相同推理，我们可以看到左上角的坐标为（100,50）。

请注意，我们选择了相关的锚点以查看此值。

由于我们知道背景中的每个小网格方块是50x50个单位，我们还可以通过数2个小方块到右边和1个小方块向下来视觉确认这一点。

设置原点为（0,0）的潜在方法

如前所述，将“原点”概念化为x轴和y轴在画布框架上交汇的点会得到坐标点（0,450）。这仅仅是因为Labvanced在浏览器上工作，这就是HTML的渲染方式。

因此，如果出于任何原因，您需要将这一点读作（0,0），您可以在Labvanced中设置一个变量和事件，取y值并减去450。通过设置这样的“变换”，收集到的数据（例如用于鼠标跟踪时间序列）可以自动根据（0,0）原点进行调整。

在指定平面内的（X,Y）坐标

在其他某些情况下，您可能需要仅在您指定的“平面”内报告（X,Y）坐标……即，原点不是画布上的左下点，而是您希望在自己的平面/字段中指定的点。让我们讨论一下如何实现这一点。

使用我们之前绘制的大红形状作为新的“感兴趣区域”，我们可以定义该形状如何适应主画布框架，观察到：

• 水平上，100个单位是画布框架开始位置和目标红色平面开始位置之间的距离
• 垂直上，400个单位是画布框架开始位置和目标红色平面结束位置之间的距离。

因此，尽管上方绿色框的坐标为(300,50)，但我们可以“变换”以达到目标平面的“新值”，即为（200,350）……即，x= 300 - 100; y= 400 - 50

您可以简单地通过数4个方框到左边和7个方框向上来验证此点。

同样，对于底部绿色框，新值将是（200,0）。

在这个最后的例子中，让我们选取一个随机点。它以小数值报告，这就是实验中数据的样子。

新的紫色正方形在画布框架内的坐标为(465.61, 295.88)。

要找出这些点在目标红框内的坐标，我们做同样的事情：

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

新平面中的坐标 = (365.61, 104.12)

请注意，在Labvanced中，如前所述，您可以设置这些计算以自动发生，因此您可以在原始框架中接收所有（x,y）值，以及在目标框架中接收的所有变换（x,y）值。

如果您对（X,Y坐标）或如何在Labvanced中设置实验有任何疑问，请与我们联系！

继续阅读

• 记录和导出注视数据： 关于如何在实验任务中使用眼动追踪的概述，包括记录注视位置的（X,Y）坐标。
• 任务中的头部跟踪： 关于如何在实验任务中使用头部跟踪的概述，包括记录头部位置的（X,Y）坐标。