
オブジェクトプロパティ
オブジェクトプロパティ
現在選択されているオブジェクトのオブジェクトプロパティは、エディタの右側に表示されます。これらのプロパティは、フレーム上のオブジェクトが参加者にどのように見えるかを決定します。多くのオブジェクトプロパティは、トライアル間で変更できますが、一部のプロパティ(例えばオブジェクトの名前)は固定されており、トライアル間で異なることはできません。変更されたプロパティ(デフォルト値とは異なる)は、濃い灰色の背景色で示されます。トライアル間で変更可能なすべてのプロパティは、「set obj property」アクションを使用してイベントの実行中に動的に変更できます。オブジェクトの「required」プロパティは、研究の実行中に動的に変更できます。オブジェクトは、隠されていない限り(可視性=0)、必要として表示されます。これにより、非常にインタラクティブで動的な実験が可能です。すべてのオブジェクトタイプとそのプロパティの詳細なチャートについては、「オブジェクトプロパティテーブル」ページを参照してください。
タスクエディタでは、オブジェクトの見た目を変更して、研究の編集を容易にすることができます。これを可能にする2つのオブジェクトプロパティがあります:ロックと非表示です。
- ロック: オブジェクトタブにあるオブジェクトの名前の隣にある小さな南京錠アイコンをクリックすると、そのフレーム上での位置がロックされます。これにより、研究の編集中にオブジェクトの誤った移動や変更を防ぐことができます。
- 非表示: オブジェクトタブにあるオブジェクトの名前の隣にある小さな目のアイコンをクリックすると、そのオブジェクトがフレームから隠されます。これは、一度に複数のオブジェクトがフレーム上にあり、編集中に一つまたは複数のオブジェクトだけを見たい場合に便利です。
これらのプロパティは、研究の編集中のみアクティブです。タスクエディタでオブジェクトをロックまたは非表示にしても、参加者が研究中にそのオブジェクトを見る方法は変わりません。
位置、サイズ、スケールのコピーとペースト
一つのオブジェクトから別のオブジェクトに同じ位置、サイズ、またはスケールを適用するには、オブジェクトプロパティパネルのコピーとペーストコントロールを使用します。
Position & Sizeセクションでは、セクションヘッダーの横にコピーアイコンとペーストアイコンが表示されます。コピーアイコンをクリックすると、オブジェクトの現在の位置およびサイズの値がクリップボードにコピーされます。その後、別のオブジェクトを選択し、同じセクションのペーストアイコンをクリックしてそれらの値を適用します。
Scale & Rotationセクションにも、スケールと回転の値のためのコピーとペーストのコントロールがあります。これには、オブジェクトの幅と高さの比率がロックされるKeep Aspect Ratioチェックボックスも含まれています。これにより、エディタ内でオブジェクトのサイズを変更する際に、元の比率が自動的に保持されます。
これは、各値を手動で入力することなく、フレームやタスク間で複数のオブジェクトを同じ寸法または位置に整列させる必要がある場合に便利です。
カスタムCSSプロパティ
CSSプロパティは、HTMLコードで記述された要素のスタイルです。オブジェクトプロパティタブで、要素をクリックし、「CSSプロパティを変更」ボックスをチェックすることで、要素のCSSプロパティを変更できます。サンプルコードは灰色のテキストで例として提供されています。

カスタムコードを書くには、参照要素、そのセレクタ名、コマンド、および値が必要です。編集したい要素のセレクタ名を見つけるには、その要素を右クリックして「検証」をクリックします。これにより、デバイス上でコンソールが開きます。たとえば、テキスト要素のセレクタは文字のpです。

検証をクリックすると:

コードには、波括弧を使用する必要があります。テキスト要素の色を変更するためのコード例は次のとおりです:
p{ background-color:green }

背景色のようなプロパティはオブジェクトプロパティウィンドウを使用して簡単に変更できますが、CSSプロパティをより具体的に指定したい場合があるユースケースがあります。たとえば、マトリックス要素では、要素をカスタマイズするために複数の異なるCSSプロパティを使用できます。

同じ要素に対して、複数行のコードで多くのカスタムCSSプロパティを追加できます。
コーディングが初めての方やCSSについての詳細情報をお求めの方は、MDNのこのモジュールをチェックしてください。