lab.js Builderではデフォルトで白色の背景であり,Canvas部分とそれ以外の部分には灰色の枠がついています。実験を作成する中でこの設定を変えたい場合があると思います。例えば,黒背景で刺激を提示したい時,灰色背景で提示したい時などです。
これから,以下のストループ課題の背景を黒色で統一するプログラムを作っていきます。
以下のファイルを右クリックでダウンロードしてください。
左側のメニューのフロッピーアイコンの▼をクリック→ Open で以下のファイルを指定
osg-stroop-task2-2020-04-18--14_32.study.json
Canvasの枠を消すためには,Builderの左上のメニューの詳細設定から「HTML」のタブを選びます。右端のアイコンをクリックしてください。
HTMLのタブを選んでください。
”container fullscreen”に関する<div>タグの中に,枠線を消すstyleを加えます。ここに加えると実験を通して枠線が消えます。Canvasを囲む枠線が必要という実験はそれほどないと思いますので,ここで消してしまっても問題ないと思います。
以下のように「style="border-color: transparent"」を加えます。