| Reference | Downloads | Github

PsychoPy Online Demos

If you have routines or experiments that are likely to be useful to others, please create a post in this thread, editing your post to add new demos so there is one post per creator. Ideally set your demos so they can be tested without consuming a credit (if you don’t have a site license) by adding a final routine that can’t end, disabling save incomplete results and adding a small number of credits.

Please do not discuss the demos in this thread or create more than one post unless you have a large number of demos to share, in which case please use separate posts for separate categories.

Affect Grid code | try it

Based on Russell, Weiss, and Mendelsohn (1989) but with an even number of scale points. Russell, J. A., Weiss, A., & Mendelsohn, G. A. (1989). Affect grid: A single-item scale of pleasure and arousal. Journal of Personality and Social Psychology, 57, 493–502. The grid is created in code using an array of ShapeStim polygons.

Brookes Template 2020 code | try it | discussion thread

Demonstrations of code_JS, embedding html forms and external videos, and using code components for free text responses.

Demographics code | try it | discussion thread

An embedded html demographics form (online only) using iFrame code shared by @arnon_weinberg. The responses are saved to the data file as expInfo variables, which means that they will appear on every line of the data if the form is placed before the experiment. Use my Form to HTML for Pavlovia web app to convert PsychoPy form csv files to html pages.

Digit Span code | try it

Random digits are presented at a rate of one per second. The first digit cannot be 0 Following digits can be 0 but cannot be the same as the previous digit. If the answer is correct the span is increased for the next trial If the answer is wrong the span is decreased for the next trial. If there are at least two errors at a given span and that represents more than half of the total attempts at that span then the experiment ends, returning a span of one less than the final span attempted.

Free Recall code | try it | discussion thread

Free text response for up to 20 words/phrases with arrow key and mouse interactions both between and within words. The correct answers for the demo are the numbers one to twenty.

Independent Randomisation code | try it

Pre-load one column from a spreadsheet so that the contents can be displayed in an independent random order alongside the contents of another column. This demo also uses shuffle to randomise the location of the target.

Interactive Slider code | try it | discussion thread

This shows a PsychoPy slider object which can be moved using the left and right arrow keys or hovering over the slider with the mouse. Responses are submitted with a mouse click or the return key. The position of the slider is also recorded every 3 frames and presented on the screen in addition to being saved to the console and the data file. The code for using the keyboard may be useful for anyone wanting to detect whether particular keys are currently pressed or not. A custom slider is also included which looks and behaves the same as the standard slider offline and still works online. The custom slider can cope with changes in the numbers of tick points and labels, wrapping the label text accordingly to avoid overlaps.

Moving Cue code | try it | discussion thread

Moves a pulsating circle around the screen like an eye tracker calibration cue. Paths are read from an Excel file but implemented using a TrialHandler in code (which requires a number of edits to work online).

Music Box code | try it | discussion thread

Plays music (Greensleeves) from a spreadsheet containing three columns: Note, Duration and Octave. The quality isn’t great and it sometimes warbles towards the end so suggestions for improvements are welcome.

Music Player code | try it | discussion thread

An interactive version of Music Box which uses the same Greensleeves spreadsheet. Press the letter of the displayed note and it will be played at the start of the next routine with the specified duration, sharp and octave. Press space if you see “_”.

PM Time code | try it | discussion thread

I have been writing prospective memory experiments for students for over 20 years. This one features both event-based and time-based tasks with a clock that appears when the space bar is pressed to allow the participant to check the time. This experiment features my interleaved lists method as detailed in my code snippets page.

Reaction Time code | try it

Three quick reaction time tests (simple keyboard, choice keyboard and simple mouse). Mean RTs are calculated for each type.

ScreenScale code | try it | discussion thread

Use to ask a participant to work out their screen scale relative to a credit card.

Self-Paced Reading code | try it | discussion thread

Based on code from my code snippets Google page and using sentences from @Zeinab_Alipour, this demo includes reading times for each word and an editable text box comprehension question. Variants include incremental phrase, central word, moving window and moving word.

Scroll Text code | try it | discussion thread

Scroll a text box up and down using arrow keys, mouse on a scroll bar or dragging and dropping the text itself. The code automatically estimates the total length of the text so the scroll bar is updated when the text is moved by other means. Press spacebar to continue appears once the text has been scrolled to the bottom. I use a new jitter method to update otherwise static components to keep them in front of the scrolling text.

VESPR Template 2021 code | try it

Testing some options including PsychoPolyFill

VESPR Demo Interactive Slider
VESPR Demo Free Recall online
Annoying clicking sounds while using external sound file and running in Pavlovia
Change opacity of image continuously with slider position
Change opacity of image continuously with slider position
(Solved) Is it possible to use button (like arrow) to navigate thru the trials back and forth
Using paste key 'ctrl+v' on the Textbox response
Synchronizing and loading large resource folder (with videos) online
Using paste key 'ctrl+v' on the Textbox response
Missing header in Form
Can't sync my experiment from Pavlovia to the Builder
How to make images displayed randomly?
Fixed distance between visual stimuli regardless of different screen sizes
Typed responses and randomization of questions into psychopy
Sounds not working only for long experiments in Chrome
Insert HTML in Builder
Uploading experiments to Prolific/Amazon MTurk
Problem import excel file in pavlovia
Experiment on mobile device
How to insert a questionnaire in the experiment that presents different kinds of questions?
Running code on pavlovia
Can I make my experiment interactive by Psychopy?
Easy Technique for Getting Typed Responses (Code Provided)
Unspecified Javascript Error Related to Sounds
Simultaneously randomize two columns in conditions file
Textbox does not show a flashing cursor
Slider problem in builder
Change of slider style in Pavlovia
Semi-random order to avoid repetition of grouping variable
Allowing others to pilot your experiment? (on Pavlovia or other platforms)
Form component not working on Pavlovia (text, scroll and color)
Problem with my rating scale
Building a keyboard slider that works online
Download Time Before the Experiment Starts
Cedrus Box interact with Slider
Property '0' of undefined on second load of same resource
Save self-generated data to server

Countdown | code |

The “Words Round” from Channel 4’s Countdown, including a word checker at the end.
(Local only, for now)

My experiments serve as JavaScript tutorials and demos on how to extend PsychoJS with extra features

JavaScript Debugging Tutorials

  • tutorial_js_syntax_error. Experiment is stuck on “initialising the experiment…” code | try it
  • tutorial_js_semantic_error. PsychoJS shows a dialog with an error message. code | try it
  • tutorial_js_network_error. PsychoJS shows a dialog with “unknown resource” message. code | try it
  • tutorial_js_console_log. Get additional info about what is happening in the code of your experiment. code | try it
  • tutorial_js_expose_psychojs. Find out how your to expose PsychoJS objects to the web browser, so that you can access them via the browser console, and try things out in order to see what works (or not). code | try it
  • assignment_stroop. An exercise, featuring an experiment with a syntax, semantic, and network error. code | try it

Demos that extend PsychoJS

  • demo_eye_tracking2. Eye-tracking via a webcam. code | try it | discussion thread 1 | discussion thread 2
  • mouseview_demo. Mouse-tracking. code | try it
  • demo_gyroscope. Tells the orientation of a hand-held device. code | try it
  • demo_keyup. Log the duration of a keypress. code | try it | discussion thread
  • demo_multikey. Register multiple keys being up or down at the same time. code | try it
  • demo_dynamic_loops. A loop that is set up via code instead of reading directly from a conditions file. code | try it
  • demo_chaining. How to daisy chain Pavlovia with another website (like Prolific or Qualtrics). code | try it
  • demo_embed_html. Embed an HTML page or a form into a PsychoJS experiment. code | try it
  • demo_polyfill. JS workarounds of @wakecarter’s crib-sheet, upgraded and bundled up in a single JavaScript file code | try it
1 Like

I’ve decided that this thread is a good place to keep links to my Pavlovia resources as well as my demos.

PsychoPy Primer slides

Introductory Google slides using PsychoPy version 1.90.3

PsychoPy Python to JavaScript Crib Sheet 2021 | 2020 | discussion thread

Extensive tips and notes on how to make the most of Auto translate code components in PsychoPy.

Code Component Snippets link | discussion thread

Examples of Python / JavaScript code based solutions.

Form to HTML for Pavlovia link | discussion thread

Convert csv files created for the PsychoPy form component into html suitable for embedding.

Participant IDs for Pavlovia link | discussion thread

Assign consecutive participant numbers to your participants by recruiting using a link to this page instead of directly to your experiment. Values for id, session and researcher can be passed through unchanged, or consecutive values for session can be generated if you send a value for participant. No data is stored about participants other than the experiment folder, the time and, if applicable, the incoming participant id.

VESPR Study Portal link | discussion thread

Allows researchers to host study information, assign consecutive participant numbers, allocate evenly to groups (compensating for non-finishers) and anonymously withdraw consent or submit their email (e.g. for entry into a prize draw).

Using Slider Position to Change Opacity of Image code | try it | discussion thread

Changes the opacity of an image depending on current slider position: a light bulb lighting up depending on Aha! rating. In the demo, this effect is achieved by making an underlying version of the same image with a different color more or less visible.


Getting Typed Responses Locally or Online (Pavlovia) video link | discussion thread

Video demonstration and code (in video link) for getting typed responses from participants. Works locally and online.