jsPsych入門 8.3.0
VS Codeの準備とHTMLの基本から始めて、行動実験の作り方を順番に学ぶ教材です。各項目の説明とスクリプトは独立したページにまとめました。
準備・インストール
jsPsych 8.3.0を使う準備
学生に配布する授業用教材一式を zip でまとめています。展開すると jspsych/
フォルダが作成され、各教材ページ、サンプルHTML、dist、media を同じ階層で使えます。
自分の実験用フォルダを作り、サンプルHTML、dist、media を同じ階層に配置します。これにより、HTMLから
dist/jspsych.js や media/ribbon.jpg のように参照できます。
この教材で想定するファイル配置
jspsych/
├── sample-fixation.html
├── sample-image.html
├── sample-audio.html
├── sample-video.html
├── sample-gonogo.html
├── dist/
│ ├── jspsych.js
│ ├── jspsych.css
│ └── plugin-....js
└── media/
├── ribbon.jpg
├── tone.mp3
├── speech_joke.mp3
└── sample_video.mp4プラグインは jspsych.js の後に読み込みます。画像・音声・動画のファイルパスは、実験HTMLの置き場所からの相対位置で指定します。
このzipファイル内のjsPsychは、一部の機能しか入っていないので、拡張予定の場合は最新版のjsPsychをダウンロードすることをお勧めします。
教材
各サンプルHTMLは、同梱の dist と media と同じ階層に置いて実行してください。