lab.js Builderではデフォルトで白色の背景であり,Canvas部分とそれ以外の部分には灰色の枠がついています。実験を作成する中でこの設定を変えたい場合があると思います。例えば,黒背景で刺激を提示したい時,灰色背景で提示したい時などです。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/55401f73-799d-421e-806a-b93a07b0727d/Untitled.png

1. ストループ課題を修正しよう

これから,以下のストループ課題の背景を黒色で統一するプログラムを作っていきます。

Experiment

以下のファイルを右クリックでダウンロードしてください。

左側のメニューのフロッピーアイコンの▼をクリック→ Open で以下のファイルを指定

osg-stroop-task2-2020-04-18--14_32.study.json

2. Canvas部分の枠を消す

Canvasの枠を消すためには,Builderの左上のメニューの詳細設定から「HTML」のタブを選びます。右端のアイコンをクリックしてください。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c96c20ea-fd37-42d2-8f9e-23d7e5afe97c/Untitled.png

HTMLのタブを選んでください。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a9cf6fda-171c-441e-b0df-bd8d6ea42dda/Untitled.png

”container fullscreen”に関する<div>タグの中に,枠線を消すstyleを加えます。ここに加えると実験を通して枠線が消えます。Canvasを囲む枠線が必要という実験はそれほどないと思いますので,ここで消してしまっても問題ないと思います。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/eb1de4be-97fe-456d-b4c3-627d7b5ed384/Untitled.png

以下のように「style="border-color: transparent"」を加えます。