⬅ Back to Tool Repository |
Tutorial | YouTube |
Suggested Exercise
(~10 minutes)
There are a couple of different ways that you can use jsPsych, with the general trade-off being between customizability and technical simplicity. Luckily the framework’s documentation includes short exercises that walk you through you can go with various possible set-ups — choose the one that best aligns with your technical expertise and experimental aims below:
I want the simplest possible setup.
This exercise will not require downloading or installing anything, but you will in turn be unable to customize the library. For most experiments, this approach will be sufficient.
I want to be able to do some customization, but have a simple setup.
This exercise requires downloading a bundle of scripts, but allows you to make modifications to the library such as tweaking plugin behavior.
I want to use modern JavaScript tooling, like npm and import statements.
This exercise requires installing jsPsych, plugins, and extensions from NPM, but allows you to integrate jsPsych into other JavaScript frameworks and benefit from TypeScript, bundlers, and more.
(Quoted with minor changes from jsPsych documentation.)
Website | jsPsych.org |
Author(s) | Contributors. |
de Leeuw, J.R., Gilbert, R.A., & Luchterhandt, B. (2023). jsPsych: Enabling an open-source collaborative ecosystem of behavioral experiments. Journal of Open Source Software, 8(85), 5351, https://joss.theoj.org/papers/10.21105/joss.05351.
de Leeuw, J.R. (2015). jsPsych: A JavaScript library for creating behavioral experiments in a Web browser. Behavior Research Methods, 47(1), 1-12. doi:10.3758/s13428-014-0458-y.