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

「Screen」で「Canvas API」を使う方法について説明します。この方法により,「Screen」画面内で動的に刺激を変化させることが出来ます。

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は空欄でも問題ありません)。