1. Scriptsの使い方について

2. Scriptsの準備

3. 図形を描画するには

4. 文字を呈示してみよう

RSVP課題を作る

これから,以下のような実験プログラムを作ってもらいます。

実験のデモ

以下のリンクをクリックすると「RSVP課題」のデモを体験できます。

Experiment

Canvasに関するウェブサイト

以下の「Canvasリファレンス」が大変便利です。

キャンバス API (Canvas API) は, <canvas> 要素によってグラフィックを描く方法です。他にも,アニメーション,ゲームのグラフィック,データの可視化,写真加工,リアルタイム動画処理などに使用することができます。

「lab.js」でもCanvas要素を使って図形を描画していますが,簡単に書けるように

Canvasリファレンス

1. Scriptsの使い方について

これまでのチュートリアルでは,出来るだけコードを書かないことを目標としてきましたが,視覚探索課題のように図形をランダムに配置する場合や,注視点から円形に図形を配置する場合には,コードを用いた方が便利です。

「lab.js」では「Scripts」のタブに切り替えることで,「Content」に描画する内容をコードで指定することが出来ます。また,ここで描いた図形の関数を制御するためには,「JavaScript」の知識も必要です。