Visual paradigms
Below you will find a set of experiments that are often used in visual perception. When we use it for education, we use a server for the data import and export. If you want temporary access you could contact me, otherwise you can adapt the code to download the data to your local computer.
A complete list of p5.js paradigms can be found on our p5.js account, below you will find more information and tutorials.
Common issues…
- My image is way too big/small? If you change the image size before uploading (for example using Photoshop) it will also be a different size in the sketch, or you could try changing the display size yourself in the code.
- Visualizers only download one image? This probably means your browser doesn’t allow you to download multiple files at the same time, change it in your browser settings or try using another browser.
- The images don’t load This may be due to the wrong path being called for. To fix this navigate to the preload() function and check if the loadimages() function calls for the correct folder. The two options are:
**images[i] = loadImage("img/" + filenames[i]);
//or
images[i] = loadImage("images/" + filenames[i]);**
Visual Search
- What: search for a predefined target in a scene
- Independent variables: Target, scene
- Dependent variables: reaction time, accuracy
- P5 code
Change blindness
- What: search for something changing in a scene
- Independent variables: Target, scene
- Dependent variables: reaction time, accuracy
- P5 code
Conspicuity
- What: introspectively judge visibility of a peripheral target
- Independent variables: Target, scene
- Dependent variables: distance
- P5 code
- P5 code (visualizer)
- Note: Safari might cause some issues with downloading the results from the visualizer, use Chrome for best results.
BubbleView
- What: One of the four attention experiments from TurkEyes that approximate eye movements, also
- Independent variables: Scene
- Dependent variables: Attention positions, order.
- P5 code
- P5 code (visualizer)
- Note: Safari might cause some issues with downloading the results from the visualizer, use Chrome for best results.
Attribute rating
- What: Rating a certain attribute on a scale.
- Independent variables: Attributes (do the same experiment with different adjectives), any stimulus variation
- Dependent variables: Rating value
- Data analysis: If you measure a bunch of attributes, you can perform PCA. But simple correlations are also interesting.
- P5 code
Similarity
- What: Rating two stimuli with regard to their similarity
- Independent variables:
- Dependent variables: Similarity rating
- Data analysis: the similarity data can be used for MDS
- P5 code
CodeCharts
- What: One of the four attention experiments from TurkEyes that approximate eye tracking.
- Independent variables: Scene
- Dependent variables: Attention positions, order.
- P5 code
- P5 code (visualizer)
- Note: Safari might cause some issues with downloading the results from the visualizer, use Chrome for best results.
ZoomMaps
- What: One of the four attention experiments from TurkEyes that approximate eye tracking.
- Independent variables: Scene
-
Dependent variables: Attention positions, order.
- P5 code
- P5 code (visualizer)
- Note: Safari might cause some issues with downloading the results from the visualizer, use Chrome for best results.
ImportAnnots
- What: One of the four attention experiments from TurkEyes that approximate eye tracking.
- Independent variables: Scene
- Dependent variables: Attention positions, order.
- P5 code
- P5 code (visualizer)
- Note: Safari might cause some issues with downloading the results from the visualizer, use Chrome for best results.
Image Classification (with icons)
- What: Multiple choice question using images (in this example the PreMo tool to measure emotion)
- Independent variables: Scene
- Dependent variables: Whatever categorical variable you like.
- P5 code