← Other topics

Coding Psych Experiments
jsPsych Explore

Timecode of this content: 8:54:47

Coding Psych Experiments

Introduction
Infrastructure

Infrastructure Preface
Markdown
Command Line Introduction
Command Line Primer
VSCode
Web Server
Git Setup
Git Usage

JavaScript

Introduction
Setup & Syntax Basics
Variables, Comments, Data Types
Errors and AI
Operators and Expressions
Conditionals and Refactoring
Page Input and Output
Functions
Arrays
Loops
Objects

jspsych

Introduction
Conditions
Results
Blocks
Images, Fixations, Timing
Save Results
Development Tips
OSF via DataPipe
Production via Github Pages
Miscellaneous
Explore

Appendix

Programmer’s Mindset
Font size
HTML
CSS
survey-html-form
Shared Assets
APIs
Qualtrics Part 1
Qualtrics Part 2

Video Notes

The following is a sampling of some more advanced/novel jsPsych plugins you should explore.

Image sequences

https://www.jspsych.org/latest/plugins/animation

Canvas / Dynamically Generated Stimuli

The HTML canvas element allows you to draw graphics, animations, and other visual elements directly in the browser. It is a blank area on which you can use JavaScript to draw shapes, lines, images, text, and more.

Using the Canvas element and jsPsych’s canvas-related plugins, you can create experiments that use dynamically generated stimuli.

Plugins:

canvas-button-response
canvas-keyboard-response
canvas-slider-response

Sketchpad

https://www.jspsych.org/latest/plugins/sketchpad

Cloze

https://www.jspsych.org/latest/plugins/cloze

Visual search

https://www.jspsych.org/latest/plugins/visual-search-circle

Eye tracking

https://www.jspsych.org/latest/overview/eye-tracking

Audio

Record audio response: https://www.jspsych.org/latest/plugins/html-audio-response/

Play audio and listen for a response:

https://www.jspsych.org/latest/plugins/audio-button-response
https://www.jspsych.org/latest/plugins/audio-keyboard-response
https://www.jspsych.org/latest/plugins/audio-slider-response/

Reconstruction

https://www.jspsych.org/latest/plugins/reconstruction

More...

Experiment Factory: https://expfactory.github.io/experiments

Unlock all notes for $4

Get 6 months of unlimited access to the notes for this video plus all 200+ guides on this site.

Or choose lifetime access for $25 and unlock everything forever.

Either way - no subscriptions, no auto-renewals. Just a simple one-time payment.

Your support helps me continue creating free, high-quality videos. Thank you!

Payment Info

Card Number

CVC

Exp (MM/YY) /

Choose Access Duration:

$4 6 months

$25 forever

Please check the form for errors

Already unlocked? Click here to reauthenticate...

Enter the email address you used to unlock the notes to reauthenticate your access: Email

Check your email () for a link you can use to reauthenticate your access to the notes.

Questions? help@codewithsusan.com