このページでは,lab.jsのScripts機能を使ってプログラミングをする方法を紹介します。

「Screen」と「Page」の各要素をGUIからコードに置き換えていきます。

1. lab.jsの「Screen」でプログラミング

1.1. lab.js Builderの起動

lab.jsを利用するには,まずは以下のホームページにいき,右上のメニューの「Builder」をクリックしてください。

lab.js - online research made easy

lab.jsのホームページ

Builderが起動します。この画面で刺激の呈示時間や試行数などを設定していきます。

lab.jsのビルダー画面

lab.jsのビルダー画面

1.2. 「Screen」の準備

「空白の画面」を作成してください。「Screen Canvas」をクリックしましょう。

image.png

コードをそのまま入力するためには「Scripts」のタブに変えて入力していきます。

「Scripts」のタブに切り替えてください。以下のような画面が表示されます「before:prepare」に変えてください。ここが「event」になっていると動きません(titleは空欄でも問題ありません)。

1.3. 「this.options.content」で描画