Merge pull request #2858 from jspsych/core-rewrite

Core rewrite
This commit is contained in:
bjoluc 2023-10-24 11:10:50 +02:00 committed by GitHub
commit 9926a797b9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
321 changed files with 11392 additions and 20264 deletions

View File

@ -0,0 +1,8 @@
---
"@jspsych/plugin-html-button-response": major
"jspsych": patch
---
Button plugins now support either `display: grid` or `display: flex` on the container element that hold the buttons. If the layout is `grid`, the number of rows and/or columns can be specified. The `margin_horizontal` and `margin_vertical` parameters have been removed from the button plugins. If you need control over the button CSS, you can add inline style to the button element using the `button_html` parameter.
jspsych.css has new layout classes to support this feature.

View File

@ -0,0 +1,31 @@
---
"@jspsych/plugin-audio-button-response": major
"@jspsych/plugin-canvas-button-response": major
"@jspsych/plugin-html-button-response": major
"@jspsych/plugin-image-button-response": major
"@jspsych/plugin-video-button-response": major
---
- Make `button_html` a function parameter which, given a choice's text and its index, returns the HTML string of the choice's button. If you were previously passing a string to `button_html`, like `<button>%choice%</button>`, you can now pass the function
```js
function (choice) {
return '<button class="jspsych-btn">' + choice + "</button>";
}
```
Similarly, if you were using the array syntax, like
```js
['<button class="a">%choice%</button>', '<button class="b">%choice%</button>', '<button class="a">%choice%</button>']
```
an easy way to migrate your trial definition is to pass a function which accesses your array and replaces the `%choice%` placeholder:
```js
function (choice, choice_index) {
return ['<button class="a">%choice%</button>', '<button class="b">%choice%</button>', '<button class="a">%choice%</button>'][choice_index].replace("%choice%", choice);
}
```
From there on, you can further simplify your function. For instance, if the intention of the above example is to have alternating button classes, the `button_html` function might be rewritten as
```js
function (choice, choice_index) {
return '<button class="' + (choice_index % 2 === 0 ? "a" : "b") + '">' + choice + "</button>";
}
```
- Simplify the button DOM structure and styling: Buttons are no longer wrapped in individual container `div`s for spacing and `data-choice` attributes. Instead, each button is assigned its `data-choice` attribute and all buttons are direct children of the button group container `div`. The container `div`, in turn, utilizes a flexbox layout to position the buttons.

View File

@ -0,0 +1,5 @@
---
"@jspsych/config": major
---
Activate TypeScript's `isolatedModules` flag in the root `tsconfig.json` file. If you are facing any TypeScript errors due to `isolatedModules`, please update your code according to the error messages.

View File

@ -0,0 +1,39 @@
---
"jspsych": major
---
Rewrite jsPsych's core logic. The following breaking changes have been made:
**Timeline Events**
- `conditional_function` is no longer executed on every iteration of a looping timeline, but only once before running the first trial of the timeline. If you rely on the old behavior, move your `conditional_function` into a nested timeline instead.
- `on_timeline_start` and `on_timeline_finish` are no longer invoked in every repetition of a timeline, but only at the beginning or at the end of the timeline, respectively. If you rely on the old behavior, move the `on_timeline_start` and `on_timeline_finish` callbacks into a nested timeline.
**Timeline Variables**
- The functionality of `jsPsych.timelineVariable()` has been explicitly split into two functions, `jsPsych.timelineVariable()` and `jsPsych.evaluateTimelineVariable()`. Use `jsPsych.timelineVariable()` to create a timeline variable placeholder and `jsPsych.evaluateTimelineVariable()` to retrieve a given timeline variable's current value.
- `jsPsych.evaluateTimelineVariable()` now throws an error if a variable is not found.
- `jsPsych.getAllTimelineVariables()` has been replaced by a trial-level `save_timeline_variables` parameter that can be used to include all or some timeline variables in a trial's result data.
**Parameter Handling**
- JsPsych will now throw an error when a non-array value is used for a trial parameter marked as `array: true` in the plugin's info object.
- Parameter functions and timeline variables are no longer automatically evaluated recursively throughout the whole trial object, but only for the parameters that a plugin specifies in its `info` object. Parameter functions and timeline variables in nested objects are only evaluated if the nested object's parameters are explicitly specified using the `nested` property in the parameter description.
**Progress Bar**
- `jsPsych.setProgressBar(x)` has been replaced by `jsPsych.progressBar.progress = x`
- `jsPsych.getProgressBarCompleted()` has been replaced by `jsPsych.progressBar.progress`
- The automatic progress bar updates after every trial now, including trials in nested timelines.
**Data Handling**
- Timeline nodes no longer have IDs. As a consequence, the `internal_node_id` trial result property and `jsPsych.data.getDataByTimelineNode()` have been removed.
- Unlike previously, the `save_trial_parameters` parameter can only be used to remove parameters that are specified in the plugin's info object. Other result properties will be left untouched.
**Miscellaneous Changes**
- `jsPsych.endExperiment()` and `jsPsych.endCurrentTimeline()` have been renamed to `jsPsych.abortExperiment()` and `jsPsych.abortCurrentTimeline()`, respectively.
- JsPsych now internally relies on the JavaScript event loop. This means automated tests have to `await` utility functions like `pressKey()` to process the event loop.
- The `jspsych` package no longer exports `universalPluginParameters` and the `UniversalPluginParameters` type.
- Interaction listeners are now removed when the experiment ends.

5
.changeset/esbuild.md Normal file
View File

@ -0,0 +1,5 @@
---
"@jspsych/config": major
---
Migrate the build chain from TypeScript, Babel, and Terser to [esbuild](https://esbuild.github.io/). Babel and Terser are no longer included as dependencies and the Babel configuration at `@jspsych/config/babel` has been removed. The minified browser builds are only transpiled down to [ES2015](https://caniuse.com/es6) now.

View File

@ -0,0 +1,5 @@
---
"@jspsych/config": major
---
Upgrade Jest to v29 and replace ts-jest with the more performant Sucrase Jest plugin. As a consequence, Jest does no longer type-check code. Please check Jest's [upgrade guide](https://jestjs.io/docs/upgrading-to-jest29) for instructions on updating your tests.

5
.changeset/node.md Normal file
View File

@ -0,0 +1,5 @@
---
"@jspsych/config": major
---
Require at least Node.js v18 and npm v8

View File

@ -0,0 +1,5 @@
---
"@jspsych/test-utils": minor
---
Call `flushPromises()` in event-dispatching utility functions to simplify tests involving jsPsych 8

View File

@ -9,32 +9,32 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
strategy: strategy:
matrix: matrix:
node: [14, 16] node: [18]
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup Node.js ${{ matrix.node }} - name: Setup Node.js ${{ matrix.node }}
uses: actions/setup-node@v2 uses: actions/setup-node@v3
with: with:
node-version: ${{ matrix.node }} node-version: ${{ matrix.node }}
cache: npm cache: npm
- name: Install npm@v7
run: npm install -g npm@7
- name: Install dependencies - name: Install dependencies
run: npm ci run: npm ci
# Running this after `npm ci` because `npm ci` removes `node_modules`: # Running this after `npm ci` because `npm ci` removes `node_modules`:
- name: Download Turborepo cache - name: Download Turborepo cache
uses: actions/cache@v2 uses: actions/cache@v3
with: with:
path: node_modules/.cache/turbo path: node_modules/.cache/turbo
key: ${{ runner.os }}-node-${{ matrix.node }}-turbo-${{ hashFiles('node_modules/.cache/turbo') }} key: ${{ runner.os }}-node-${{ matrix.node }}-turbo-${{ hashFiles('node_modules/.cache/turbo') }}
restore-keys: | restore-keys: |
${{ runner.os }}-node-${{ matrix.node }}-turbo- ${{ runner.os }}-node-${{ matrix.node }}-turbo-
- name: Check types
run: npm run tsc
- name: Build packages - name: Build packages
run: npm run build run: npm run build
@ -43,9 +43,8 @@ jobs:
# run: npm run lint # run: npm run lint
- name: Run tests - name: Run tests
run: npm run test -- --ci --coverage --maxWorkers=2 run: npm run test -- --ci --coverage --maxWorkers=2 --reporters=default --reporters=github-actions
env:
NODE_OPTIONS: "--max-old-space-size=4096" # Increase heap size for jest
# TODO setup codecov or coveralls # TODO setup codecov or coveralls
# - name: Upload coverage to Codecov # - name: Upload coverage to Codecov
# uses: codecov/codecov-action@v1 # uses: codecov/codecov-action@v1

View File

@ -16,29 +16,30 @@ jobs:
name: Release name: Release
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup Node.js 16 - name: Setup Node.js
uses: actions/setup-node@v2 uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 18
cache: npm cache: npm
- name: Install dependencies - name: Install dependencies
run: npm ci run: npm ci
- name: Download Turborepo cache - name: Download Turborepo cache
uses: actions/cache@v2 uses: actions/cache@v3
with: with:
path: node_modules/.cache/turbo path: node_modules/.cache/turbo
key: ${{ runner.os }}-node-16-turbo-${{ hashFiles('node_modules/.cache/turbo') }} key: ${{ runner.os }}-node-18-turbo-${{ hashFiles('node_modules/.cache/turbo') }}
restore-keys: | restore-keys: |
${{ runner.os }}-node-16-turbo- ${{ runner.os }}-node-18-turbo-
- name: Check types
run: npm run tsc
- name: Run tests - name: Run tests
run: npm run test -- --ci --maxWorkers=2 run: npm run test -- --ci --maxWorkers=2
env:
NODE_OPTIONS: "--max-old-space-size=4096" # Increase heap size for jest
- name: Create Release Pull Request or Publish Packages - name: Create Release Pull Request or Publish Packages
id: changesets id: changesets

47
CITATION.cff Normal file
View File

@ -0,0 +1,47 @@
cff-version: "1.2.0"
authors:
- family-names: Leeuw
given-names: Joshua R.
name-particle: de
orcid: "https://orcid.org/0000-0003-4815-2364"
- family-names: Gilbert
given-names: Rebecca A.
orcid: "https://orcid.org/0000-0003-4574-7792"
- family-names: Luchterhandt
given-names: Björn
orcid: "https://orcid.org/0000-0002-9225-2787"
contact:
- family-names: Leeuw
given-names: Joshua R.
name-particle: de
orcid: "https://orcid.org/0000-0003-4815-2364"
doi: 10.5281/zenodo.7702307
message: If you use this software, please cite our article in the
Journal of Open Source Software.
preferred-citation:
authors:
- family-names: Leeuw
given-names: Joshua R.
name-particle: de
orcid: "https://orcid.org/0000-0003-4815-2364"
- family-names: Gilbert
given-names: Rebecca A.
orcid: "https://orcid.org/0000-0003-4574-7792"
- family-names: Luchterhandt
given-names: Björn
orcid: "https://orcid.org/0000-0002-9225-2787"
date-published: 2023-05-11
doi: 10.21105/joss.05351
issn: 2475-9066
issue: 85
journal: Journal of Open Source Software
publisher:
name: Open Journals
start: 5351
title: "jsPsych: Enabling an Open-Source Collaborative Ecosystem of
Behavioral Experiments"
type: article
url: "https://joss.theoj.org/papers/10.21105/joss.05351"
volume: 8
title: "jsPsych: Enabling an Open-Source Collaborative Ecosystem of
Behavioral Experiments"

View File

@ -48,9 +48,15 @@ See the [contributing to jsPsych](https://www.jspsych.org/latest/developers/cont
## Citation ## Citation
If you use this library in academic work, please cite the [paper that describes jsPsych](http://link.springer.com/article/10.3758%2Fs13428-014-0458-y): If you use this library in academic work, the preferred citation is:
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 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](https://joss.theoj.org/papers/10.21105/joss.05351).
This paper is an updated description of jsPsych and includes all current core team members. It replaces the earlier paper that described jsPsych:
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](http://link.springer.com/article/10.3758%2Fs13428-014-0458-y)
Citations help us demonstrate that this library is used and valued, which allows us to continue working on it.
## Contributors ## Contributors
@ -59,4 +65,4 @@ The project is currently managed by the core team of Josh de Leeuw ([@jodeleeuw]
jsPsych was created by [Josh de Leeuw](http://www.twitter.com/joshdeleeuw). jsPsych was created by [Josh de Leeuw](http://www.twitter.com/joshdeleeuw).
We're also grateful for the generous support from a [Mozilla Open Source Support award](https://www.mozilla.org/en-US/moss/), which funded development of the library from 2020-2021. We're also grateful for the generous support from a [Mozilla Open Source Support award](https://www.mozilla.org/en-US/moss/), which funded development of the library from 2020-2022.

View File

@ -6,6 +6,12 @@ jsPsych was created by [Josh de Leeuw :fontawesome-brands-twitter:](http://www.t
### Citation ### Citation
If you use jsPsych please cite the following paper. If you use this library in academic work, the preferred citation is:
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](https://doi.org/10.3758/s13428-014-0458-y). 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](https://joss.theoj.org/papers/10.21105/joss.05351).
This paper is an updated description of jsPsych and includes all current core team members. It replaces the earlier paper that described jsPsych:
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](http://link.springer.com/article/10.3758%2Fs13428-014-0458-y)
Citations help us demonstrate that this library is used and valued, which allows us to continue working on it.

View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script>
@ -13,7 +13,7 @@
<script src="https://unpkg.com/@jspsych/extension-webgazer@1.0.2"></script> <script src="https://unpkg.com/@jspsych/extension-webgazer@1.0.2"></script>
<link <link
rel="stylesheet" rel="stylesheet"
href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css"
/> />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-animation@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-animation@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<style> <style>
#jspsych-animation-image { #jspsych-animation-image {
height: 80% !important; height: 80% !important;

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

View File

@ -2,11 +2,12 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script> <!--<script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script>-->
<script src="../../packages/plugin-audio-button-response/dist/index.browser.js"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>
@ -30,7 +31,7 @@
stimulus: 'sound/roar.mp3', stimulus: 'sound/roar.mp3',
choices: images, choices: images,
prompt: "<p>Which animal made the sound?</p>", prompt: "<p>Which animal made the sound?</p>",
button_html: '<img src="%choice%" />' button_html: (choice)=>`<img style="cursor: pointer; margin: 10px;" src="${choice}" />`
}; };
timeline.push(trial); timeline.push(trial);

View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.3"></script>
<!--<script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script>-->
<script src="../../packages/plugin-audio-button-response/dist/index.browser.js"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<!--<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />-->
<link rel="stylesheet" href="../../packages/jspsych/css/jspsych.css" />
</head>
<body></body>
<script>
const jsPsych = initJsPsych();
const timeline = [];
// sound source: https://www.videvo.net/sound-effect/lion-growl-angry-gene-pe931902/249942/
// images source: http://clipart-library.com/cartoon-animal-clipart.html
const images = ['img/lion.png', 'img/elephant.png', 'img/monkey.png']
const preload = {
type: jsPsychPreload,
auto_preload: true,
images: images
}
const trial = {
type: jsPsychAudioButtonResponse,
stimulus: 'sound/telephone.mp3',
prompt: '<p>Which key was pressed first?</p>',
choices: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '0', '#'],
button_layout: 'grid',
grid_rows: 4,
grid_columns: 3
}
timeline.push(trial);
if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline, [preload]));
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-browser-check@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
</head> </head>
<body></body> <body></body>
<script> <script>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>
@ -22,13 +22,13 @@
} }
// To use the canvas stimulus function with timeline variables, // To use the canvas stimulus function with timeline variables,
// the jsPsych.timelineVariable() function can be used inside your stimulus function. // the jsPsych.evaluateTimelineVariable() function can be used inside your stimulus function.
// In addition, this code demonstrates how to check whether participants' answers were correct or not. // In addition, this code demonstrates how to check whether participants' answers were correct or not.
const circle_procedure = { const circle_procedure = {
timeline: [{ timeline: [{
type: jsPsychCanvasButtonResponse, type: jsPsychCanvasButtonResponse,
stimulus: function(c) { stimulus: function(c) {
filledCirc(c, jsPsych.timelineVariable('radius'), jsPsych.timelineVariable('color')); filledCirc(c, jsPsych.evaluateTimelineVariable('radius'), jsPsych.evaluateTimelineVariable('color'));
}, },
canvas_size: [300, 300], canvas_size: [300, 300],
choices: ['Red', 'Green', 'Blue'], choices: ['Red', 'Green', 'Blue'],

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-slider-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-canvas-slider-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-canvas-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-categorize-animation@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-categorize-animation@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<style> <style>
#jspsych-categorize-animation-stimulus { #jspsych-categorize-animation-stimulus {
height: 80% !important; height: 80% !important;

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-categorize-animation@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-categorize-animation@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<style> <style>
#jspsych-categorize-animation-stimulus { #jspsych-categorize-animation-stimulus {
height: 80% !important; height: 80% !important;

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-categorize-html@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-categorize-html@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-categorize-image@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-categorize-image@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-cloze@1.2.0"></script> <script src="https://unpkg.com/@jspsych/plugin-cloze@1.2.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-cloze@1.2.0"></script> <script src="https://unpkg.com/@jspsych/plugin-cloze@1.2.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-cloze@1.2.0"></script> <script src="https://unpkg.com/@jspsych/plugin-cloze@1.2.0"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<!--<script src="../../packages/extension-mouse-tracking/dist/index.browser.js"></script>--> <!--<script src="../../packages/extension-mouse-tracking/dist/index.browser.js"></script>-->
<script src="https://unpkg.com/@jspsych/extension-mouse-tracking@1.0.2"></script> <script src="https://unpkg.com/@jspsych/extension-mouse-tracking@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,13 +2,13 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<!-- <script src="../../packages/extension-record-video/dist/index.browser.js"></script> --> <!-- <script src="../../packages/extension-record-video/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/extension-record-video@1.0.1"></script> <script src="https://unpkg.com/@jspsych/extension-record-video@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> --> <!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-external-html@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-external-html@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-free-sort@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-free-sort@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-fullscreen@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-fullscreen@1.2.0"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<style> <style>
html, html,
body { body {

View File

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css">
<style> <style>
.jspsych-btn {margin-bottom: 10px;} .jspsych-btn {margin-bottom: 10px;}
</style> </style>

View File

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css">
<style> <style>
.jspsych-btn {margin-bottom: 10px;} .jspsych-btn {margin-bottom: 10px;}
</style> </style>

View File

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-audio-response@1.0.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-audio-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css">
<style> <style>
.jspsych-btn {margin-bottom: 10px;} .jspsych-btn {margin-bottom: 10px;}
</style> </style>
@ -61,7 +61,7 @@
}, },
prompt: '<p>Click the object the matches the spoken name.</p>', prompt: '<p>Click the object the matches the spoken name.</p>',
choices: ['img/9.gif','img/10.gif','img/11.gif','img/12.gif'], choices: ['img/9.gif','img/10.gif','img/11.gif','img/12.gif'],
button_html: '<img src="%choice%" style="width:100px; padding: 20px;"></img>' button_html: (choice) => `<img src=${choice} style="width:100px; padding: 20px;"></img>`
} }
var trial_loop = { var trial_loop = {

View File

@ -2,9 +2,9 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.3"></script>
<!-- <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> -->
<script src="../../packages/plugin-html-button-response/dist/index.browser.js"></script>
<!-- <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" /> -->
<link rel="stylesheet" href="../../packages/jspsych/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css">
</head>
<body></body>
<script>
const jsPsych = initJsPsych();
const timeline = [];
const trial = {
type: jsPsychHtmlButtonResponse,
stimulus: `<div style="width: 600px">
<div style="width: 50px; height: 50px; background-color: red; display: inline-block"></div>
<div style="width: 50px; height: 50px; background-color: red; display: inline-block"></div>
<div style="width: 50px; height: 50px; background-color: green; display: inline-block"></div>
<div style="width: 50px; height: 50px; background-color: blue; display: inline-block"></div>
<div style="width: 50px; height: 50px; background-color: red; display: inline-block"></div>
<div style="width: 50px; height: 50px; background-color: red; display: inline-block"></div>
<div style="width: 50px; height: 50px; background-color: green; display: inline-block"></div>
<div style="width: 50px; height: 50px; background-color: blue; display: inline-block"></div>
<div style="width: 50px; height: 50px; background-color: red; display: inline-block"></div>
<div style="width: 50px; height: 50px; background-color: gray; display: inline-block"></div>
</div>`,
choices: ['red', 'green', 'blue'],
prompt: "<p>What color should the gray block be?</p>",
button_html: (choice) => `<div style="width: 80px; height: 80px; margin: 20px; background-color: ${choice}; cursor: pointer;"></div>`
};
timeline.push(trial);
if (typeof jsPsych !== "undefined") {
jsPsych.run(generateDocsDemoTimeline(timeline));
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}
</script>
</html>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-slider-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-slider-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,14 +2,14 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> --> <!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-video-response@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-html-video-response@1.0.1"></script>
<!-- <script src="../../packages/plugin-html-video-response/dist/index.browser.js"></script> --> <!-- <script src="../../packages/plugin-html-video-response/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> --> <!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,14 +2,14 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> --> <!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-video-response@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-html-video-response@1.0.1"></script>
<!-- <script src="../../packages/plugin-html-video-response/dist/index.browser.js"></script> --> <!-- <script src="../../packages/plugin-html-video-response/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> --> <!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> --> <!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-video-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-video-button-response@1.1.2"></script>
@ -10,7 +10,7 @@
<!-- <script src="../../packages/plugin-html-video-response/dist/index.browser.js"></script> --> <!-- <script src="../../packages/plugin-html-video-response/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> --> <!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-iat-html@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-iat-html@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-iat-image@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-iat-image@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-image-keyboard-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-slider-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-image-slider-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css">
<style> <style>
.jspsych-btn {margin-bottom: 10px;} .jspsych-btn {margin-bottom: 10px;}
</style> </style>

View File

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-microphone@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css"> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css">
<style> <style>
.jspsych-btn {margin-bottom: 10px;} .jspsych-btn {margin-bottom: 10px;}
</style> </style>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.3"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.3"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.3"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-maxdiff@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-maxdiff@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -3,13 +3,13 @@
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> --> <!-- <script src="../../packages/jspsych/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<!-- <script src="../../packages/plugin-mirror-camera/dist/index.browser.js"></script> --> <!-- <script src="../../packages/plugin-mirror-camera/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-mirror-camera@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-mirror-camera@1.0.1"></script>
<!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> --> <!-- <script src="../../packages/plugin-initialize-camera/dist/index.browser.js"></script> -->
<script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script> <script src="https://unpkg.com/@jspsych/plugin-initialize-camera@1.0.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-image-button-response@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-reconstruction@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-reconstruction@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-resize@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-resize@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-same-different-html@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-same-different-html@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-same-different-image@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-same-different-image@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.3"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.3"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time-mouse@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time-mouse@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time-mouse@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time-mouse@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.3"></script> <script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.3"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.3"></script> <script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.3"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.3"></script> <script src="https://unpkg.com/@jspsych/plugin-sketchpad@1.0.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script> <script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css"> <link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>

View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script> <script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css"> <link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>

View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script> <script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css"> <link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>

View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script> <script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css"> <link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>

View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script> <script src="https://unpkg.com/@jspsych/plugin-survey@0.2.1"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css"> <link rel="stylesheet" href="https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css">
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
@ -41,7 +41,7 @@
{ {
type: 'text', type: 'text',
prompt: function() { prompt: function() {
return `What's your favorite thing about ${jsPsych.timelineVariable('fruit')}?`; return `What's your favorite thing about ${jsPsych.evaluateTimelineVariable('fruit')}?`;
}, },
name: 'Q2' name: 'Q2'
} }

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-html-form@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-html-form@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-html-form@1.0.2"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-html-form@1.0.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-likert@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-likert@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-likert@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-likert@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-multi-choice@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-multi-choice@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-multi-choice@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-multi-choice@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-multi-select@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-multi-select@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css" /> <link rel="stylesheet" href="docs-demo.css" type="text/css" />
</head> </head>
<body></body> <body></body>

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<script src="docs-demo-timeline.js"></script> <script src="docs-demo-timeline.js"></script>
<script src="https://unpkg.com/jspsych@7.3.1"></script> <script src="https://unpkg.com/jspsych@7.3.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.2"></script> <script src="https://unpkg.com/@jspsych/plugin-survey-text@1.1.2"></script>
<link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.1/css/jspsych.css" /> <link rel="stylesheet" href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" />
<link rel="stylesheet" href="docs-demo.css" type="text/css"> <link rel="stylesheet" href="docs-demo.css" type="text/css">
</head> </head>
<body></body> <body></body>

Some files were not shown because too many files have changed in this diff Show More