0. GUIからScriptsへの書き換え

lab.js Builderでは，GUIからScriptsへの置き換えは画面単位で行うことが出来ます。慣れてきたらScriptsに書き換えておくと

1.画像をScriptsで読み込む

完成した2AFC課題の「Stimuli」コンポーネントの「Content」を選択してください。

2つの画像を削除してください。「Content」の内容を「Scripts」内にコードで書きます。

「Scripts」タブを選択してください。コードの実行タイミングは「event」から「before:prepare」に変えてください。

以下のコードを書き込んでください。詳しくは「逆引きプログラム例」の基本図形１「content」を見てください。Imageをコンポーネントに追加します。

逆引きプログラム例

GUIにplaceholderを追加するのとそれほど難しさに違いはないのではないでしょうか。

// Image
  this.options.content.push({
    // set left
    type: 'image', 
    left: -200,top: 0, 
    width:200, height:200,
    src: '${ this.files[parameters.setleft] }'
  })
  this.options.content.push({
    // set right
    type: 'image', 
    left: 200,top: 0, 
    width:200, height:200,
    src: '${ this.files[parameters.setright] }'
  })

以下は完成版のファイルです。