研究を作成する際にx座標とy座標が測定されるLabvancedのさまざまな要素の例

Labvancedにおける(X,Y)座標

XY座標の概要

X,Y座標を使用することは研究において不可欠であり、無限の応用があります。データを収集したり、マウストラッキングを時間をかけて報告したり、何かが起こるためのイベント/条件を設定したり、実験の設計の基盤として使用することができます。(X,Y)座標がLabvancedでどのように扱われるかを感じるために、読み進めてください！

画像が参加者によってドラッグされたマルチユーザー研究からのX,Y座標

エディタにおける(X,Y)座標

まず、四角形を作成し、左下の隅に配置します。この形状は、エディタの背景グリッドの形状のサイズを取ります（これは、下部の「グリッド」オプションをクリックすることで有効化できます）。

エディタで作業する際にLabvancedでxy座標が見つかる場所の紹介。

右側のパネルで、私たちに関連するサブセクションは「位置とサイズ」メニューで、ここでは四角のx値、y値、幅/高さが報告され、アンカーポイントも示されます。アンカーポイントは、形状/オブジェクトにどの(X,Y)座標値が報告されるかを指定するために使用されるため、重要です。サイドメニューの値に基づいて、四角のサイズは幅50ユニット + 高さ50ユニットであると結論できます - したがって、このグリッド/キャンバス上の各四角は50x50ユニットです。

アンカーポイントが(X,Y)座標が報告されるポイントであるため、四角の左下の角の座標は(0,450)であることがわかります。ここで、なぜそれが(0,0)ではないのか不思議に思っているかもしれません。これは、Labvancedがオンラインで動作し、HTMLが上から下にレンダリングされるからです。後ほど、この値を研究のために(0,0)に等しくする必要がある場合の考慮方法をお教えします。

さて、エディタのキャンバス内で(X,Y)座標を使って作業を続けるために、もう一つ大きな形状を作成しましょう。

以前に従ったのと同じ理由を用いて、左上隅の座標が(100,50)であることがわかります。

Labvancedにおけるxy座標点の例

この値を見るために関連するアンカーポイントを選択したことに注意してください。

バックグラウンドの各小さなグリッドスクエアが50x50ユニットであることがわかるので、右に2つの小さな四角、下に1つの小さな四角をカウントして視覚的に確認できます。

起点を(0,0)に設定するための可能な方法

前述のように、キャンバスフレームでx軸とy軸が交差する「起点」を概念化すると、座標点は(0,450)になります。これは単にLabvancedがブラウザ上で動作し、HTMLがこのようにレンダリングされるからです。

したがって、何らかの理由でこのポイントを(0,0)として読み取る必要がある場合、Labvancedで変数とイベントを設定し、y値から450を引くことができます。このような「変換」を設定することで、収集されたデータ（たとえば、マウストラッキングのタイムシリーズ）は自動的に(0,0)の起点に基づいて調整されることができます。

xy起点の計算を始めるために左下のポイントを使用。