ここでは,『オンライン心理学実験・調査入門―誰でも簡単!Googleフォームとlab.jsで作れる!』の第8章で使用した刺激画像を,「Scripts」機能を使って表示します。詳しくは,以下のサポートサイトを参照してください。

オンライン心理学実験・調査入門サポートサイト

はじめに,上記のサイトから以下の4つの画像をダウンロードしてください。

image.png

以下のような画像を表示します。

image.png

0.「Scripts」の準備

「title」に「draw」と入力し,その右側にある「event」を「before:prepare」に変更してください。

image.png

次に,「Files」に使用する画像をアップロードしてください。

image.png

1. 画像を表示する

「Scripts」に以下のコードを記述し,画像のプロパティを指定することで,「Screen」の画面上に画像を表示できます。

this.options.content.push()を使用すると,「Screen」のコンテンツに画像や図形などを追加できます。各プロパティはコンマ(,)で区切ります。ただし,最後のプロパティの後にはコンマを付けなくても構いません。