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

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

「検査」をクリックすると:

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

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

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