jspsych 6.3.1 → 7.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -37
- package/css/jspsych.css +39 -39
- package/dist/JsPsych.d.ts +112 -0
- package/dist/TimelineNode.d.ts +34 -0
- package/dist/index.browser.js +3171 -0
- package/dist/index.browser.js.map +1 -0
- package/dist/index.browser.min.js +2 -0
- package/dist/index.browser.min.js.map +1 -0
- package/dist/index.cjs +3165 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.js +3159 -0
- package/dist/index.js.map +1 -0
- package/dist/migration.d.ts +3 -0
- package/dist/modules/data/DataCollection.d.ts +45 -0
- package/dist/modules/data/DataColumn.d.ts +15 -0
- package/dist/modules/data/index.d.ts +25 -0
- package/dist/modules/data/utils.d.ts +3 -0
- package/dist/modules/extensions.d.ts +22 -0
- package/dist/modules/plugin-api/HardwareAPI.d.ts +15 -0
- package/dist/modules/plugin-api/KeyboardListenerAPI.d.ts +34 -0
- package/dist/modules/plugin-api/MediaAPI.d.ts +27 -0
- package/dist/modules/plugin-api/SimulationAPI.d.ts +41 -0
- package/dist/modules/plugin-api/TimeoutAPI.d.ts +5 -0
- package/dist/modules/plugin-api/index.d.ts +8 -0
- package/dist/modules/plugins.d.ts +136 -0
- package/dist/modules/randomization.d.ts +35 -0
- package/dist/modules/turk.d.ts +40 -0
- package/dist/modules/utils.d.ts +7 -0
- package/package.json +32 -15
- package/src/JsPsych.ts +884 -0
- package/src/TimelineNode.ts +536 -0
- package/src/index.ts +71 -0
- package/src/migration.ts +37 -0
- package/src/modules/data/DataCollection.ts +198 -0
- package/src/modules/data/DataColumn.ts +86 -0
- package/src/modules/data/index.ts +174 -0
- package/src/modules/data/utils.ts +75 -0
- package/src/modules/extensions.ts +23 -0
- package/src/modules/plugin-api/HardwareAPI.ts +32 -0
- package/src/modules/plugin-api/KeyboardListenerAPI.ts +165 -0
- package/src/modules/plugin-api/MediaAPI.ts +337 -0
- package/src/modules/plugin-api/SimulationAPI.ts +181 -0
- package/src/modules/plugin-api/TimeoutAPI.ts +16 -0
- package/src/modules/plugin-api/index.ts +28 -0
- package/src/modules/plugins.ts +165 -0
- package/src/modules/randomization.ts +327 -0
- package/src/modules/turk.ts +99 -0
- package/src/modules/utils.ts +30 -0
- package/.github/workflows/jest.yml +0 -20
- package/code-of-conduct.md +0 -56
- package/contributors.md +0 -61
- package/docs/CNAME +0 -1
- package/docs/about/about.md +0 -18
- package/docs/about/contributing.md +0 -43
- package/docs/about/license.md +0 -25
- package/docs/about/support.md +0 -7
- package/docs/core_library/jspsych-core.md +0 -719
- package/docs/core_library/jspsych-data.md +0 -587
- package/docs/core_library/jspsych-pluginAPI.md +0 -624
- package/docs/core_library/jspsych-randomization.md +0 -389
- package/docs/core_library/jspsych-turk.md +0 -98
- package/docs/extensions/extensions.md +0 -83
- package/docs/extensions/jspsych-ext-webgazer.md +0 -137
- package/docs/img/blue.png +0 -0
- package/docs/img/devtools-change-css.png +0 -0
- package/docs/img/devtools-css-errors.png +0 -0
- package/docs/img/devtools-inspect-element.png +0 -0
- package/docs/img/folder-setup.png +0 -0
- package/docs/img/folder-with-html.png +0 -0
- package/docs/img/githubreleases.jpg +0 -0
- package/docs/img/jspsych-favicon.png +0 -0
- package/docs/img/jspsych-logo-no-text-mono.svg +0 -493
- package/docs/img/jspsych-logo.jpg +0 -0
- package/docs/img/orange.png +0 -0
- package/docs/img/palmer_stim.png +0 -0
- package/docs/img/progress_bar.png +0 -0
- package/docs/img/prolific-study-completion.png +0 -0
- package/docs/img/prolific-study-link.png +0 -0
- package/docs/img/visual_search_example.jpg +0 -0
- package/docs/index.md +0 -9
- package/docs/overview/browser-device-support.md +0 -35
- package/docs/overview/callbacks.md +0 -180
- package/docs/overview/data.md +0 -281
- package/docs/overview/dynamic-parameters.md +0 -147
- package/docs/overview/exclude-browser.md +0 -32
- package/docs/overview/experiment-options.md +0 -149
- package/docs/overview/eye-tracking.md +0 -271
- package/docs/overview/fullscreen.md +0 -36
- package/docs/overview/media-preloading.md +0 -369
- package/docs/overview/mturk.md +0 -77
- package/docs/overview/plugins.md +0 -320
- package/docs/overview/progress-bar.md +0 -110
- package/docs/overview/prolific.md +0 -78
- package/docs/overview/record-browser-interactions.md +0 -23
- package/docs/overview/running-experiments.md +0 -95
- package/docs/overview/style.md +0 -293
- package/docs/overview/timeline.md +0 -457
- package/docs/plugins/jspsych-animation.md +0 -40
- package/docs/plugins/jspsych-audio-button-response.md +0 -60
- package/docs/plugins/jspsych-audio-keyboard-response.md +0 -58
- package/docs/plugins/jspsych-audio-slider-response.md +0 -53
- package/docs/plugins/jspsych-call-function.md +0 -81
- package/docs/plugins/jspsych-canvas-button-response.md +0 -66
- package/docs/plugins/jspsych-canvas-keyboard-response.md +0 -68
- package/docs/plugins/jspsych-canvas-slider-response.md +0 -89
- package/docs/plugins/jspsych-categorize-animation.md +0 -60
- package/docs/plugins/jspsych-categorize-html.md +0 -53
- package/docs/plugins/jspsych-categorize-image.md +0 -53
- package/docs/plugins/jspsych-cloze.md +0 -45
- package/docs/plugins/jspsych-external-html.md +0 -70
- package/docs/plugins/jspsych-free-sort.md +0 -56
- package/docs/plugins/jspsych-fullscreen.md +0 -57
- package/docs/plugins/jspsych-html-button-response.md +0 -42
- package/docs/plugins/jspsych-html-keyboard-response.md +0 -51
- package/docs/plugins/jspsych-html-slider-response.md +0 -45
- package/docs/plugins/jspsych-iat-html.md +0 -64
- package/docs/plugins/jspsych-iat-image.md +0 -64
- package/docs/plugins/jspsych-image-button-response.md +0 -48
- package/docs/plugins/jspsych-image-keyboard-response.md +0 -58
- package/docs/plugins/jspsych-image-slider-response.md +0 -54
- package/docs/plugins/jspsych-instructions.md +0 -58
- package/docs/plugins/jspsych-maxdiff.md +0 -41
- package/docs/plugins/jspsych-preload.md +0 -128
- package/docs/plugins/jspsych-rdk.md +0 -119
- package/docs/plugins/jspsych-reconstruction.md +0 -48
- package/docs/plugins/jspsych-resize.md +0 -39
- package/docs/plugins/jspsych-same-different-html.md +0 -53
- package/docs/plugins/jspsych-same-different-image.md +0 -66
- package/docs/plugins/jspsych-serial-reaction-time-mouse.md +0 -52
- package/docs/plugins/jspsych-serial-reaction-time.md +0 -57
- package/docs/plugins/jspsych-survey-html-form.md +0 -50
- package/docs/plugins/jspsych-survey-likert.md +0 -70
- package/docs/plugins/jspsych-survey-multi-choice.md +0 -48
- package/docs/plugins/jspsych-survey-multi-select.md +0 -53
- package/docs/plugins/jspsych-survey-text.md +0 -63
- package/docs/plugins/jspsych-video-button-response.md +0 -54
- package/docs/plugins/jspsych-video-keyboard-response.md +0 -50
- package/docs/plugins/jspsych-video-slider-response.md +0 -60
- package/docs/plugins/jspsych-virtual-chinrest.md +0 -105
- package/docs/plugins/jspsych-visual-search-circle.md +0 -52
- package/docs/plugins/jspsych-vsl-animate-occlusion.md +0 -55
- package/docs/plugins/jspsych-vsl-grid-scene.md +0 -62
- package/docs/plugins/jspsych-webgazer-calibrate.md +0 -61
- package/docs/plugins/jspsych-webgazer-init-camera.md +0 -30
- package/docs/plugins/jspsych-webgazer-validate.md +0 -44
- package/docs/plugins/list-of-plugins.md +0 -54
- package/docs/tutorials/hello-world.md +0 -162
- package/docs/tutorials/rt-task.md +0 -1334
- package/docs/tutorials/video-tutorials.md +0 -11
- package/examples/add-to-end-of-timeline.html +0 -38
- package/examples/case-sensitive-responses.html +0 -45
- package/examples/conditional-and-loop-functions.html +0 -64
- package/examples/css/jquery-ui.css +0 -1225
- package/examples/css-classes-parameter.html +0 -145
- package/examples/data-add-properties.html +0 -44
- package/examples/data-as-function.html +0 -39
- package/examples/data-from-timeline.html +0 -52
- package/examples/data-from-url.html +0 -21
- package/examples/demo-flanker.html +0 -117
- package/examples/demo-simple-rt-task.html +0 -120
- package/examples/demos/demo_1.html +0 -35
- package/examples/demos/demo_2.html +0 -50
- package/examples/demos/demo_3.html +0 -63
- package/examples/display-element-to-embed-experiment.html +0 -79
- package/examples/end-active-node.html +0 -52
- package/examples/end-experiment.html +0 -45
- package/examples/exclusions.html +0 -32
- package/examples/external_html/simple_consent.html +0 -4
- package/examples/img/1.gif +0 -0
- package/examples/img/10.gif +0 -0
- package/examples/img/11.gif +0 -0
- package/examples/img/12.gif +0 -0
- package/examples/img/2.gif +0 -0
- package/examples/img/3.gif +0 -0
- package/examples/img/4.gif +0 -0
- package/examples/img/5.gif +0 -0
- package/examples/img/6.gif +0 -0
- package/examples/img/7.gif +0 -0
- package/examples/img/8.gif +0 -0
- package/examples/img/9.gif +0 -0
- package/examples/img/age/of1.jpg +0 -0
- package/examples/img/age/of2.jpg +0 -0
- package/examples/img/age/of3.jpg +0 -0
- package/examples/img/age/om1.jpg +0 -0
- package/examples/img/age/om2.jpg +0 -0
- package/examples/img/age/om3.jpg +0 -0
- package/examples/img/age/yf1.jpg +0 -0
- package/examples/img/age/yf4.jpg +0 -0
- package/examples/img/age/yf5.jpg +0 -0
- package/examples/img/age/ym2.jpg +0 -0
- package/examples/img/age/ym3.jpg +0 -0
- package/examples/img/age/ym5.jpg +0 -0
- package/examples/img/backwardN.gif +0 -0
- package/examples/img/blue.png +0 -0
- package/examples/img/card.png +0 -0
- package/examples/img/con1.png +0 -0
- package/examples/img/con2.png +0 -0
- package/examples/img/fixation.gif +0 -0
- package/examples/img/happy_face_1.jpg +0 -0
- package/examples/img/happy_face_2.jpg +0 -0
- package/examples/img/happy_face_3.jpg +0 -0
- package/examples/img/happy_face_4.jpg +0 -0
- package/examples/img/inc1.png +0 -0
- package/examples/img/inc2.png +0 -0
- package/examples/img/normalN.gif +0 -0
- package/examples/img/orange.png +0 -0
- package/examples/img/redX.png +0 -0
- package/examples/img/ribbon.jpg +0 -0
- package/examples/img/sad_face_1.jpg +0 -0
- package/examples/img/sad_face_2.jpg +0 -0
- package/examples/img/sad_face_3.jpg +0 -0
- package/examples/img/sad_face_4.jpg +0 -0
- package/examples/js/snap.svg-min.js +0 -21
- package/examples/js/webgazer/ridgeWorker.mjs +0 -135
- package/examples/js/webgazer/webgazer.js +0 -88909
- package/examples/js/webgazer/worker_scripts/mat.js +0 -306
- package/examples/js/webgazer/worker_scripts/util.js +0 -398
- package/examples/jspsych-RDK.html +0 -58
- package/examples/jspsych-animation.html +0 -39
- package/examples/jspsych-audio-button-response.html +0 -58
- package/examples/jspsych-audio-keyboard-response.html +0 -68
- package/examples/jspsych-audio-slider-response.html +0 -61
- package/examples/jspsych-call-function.html +0 -32
- package/examples/jspsych-canvas-button-response.html +0 -95
- package/examples/jspsych-canvas-keyboard-response.html +0 -78
- package/examples/jspsych-canvas-slider-response.html +0 -67
- package/examples/jspsych-categorize-animation.html +0 -49
- package/examples/jspsych-categorize-html.html +0 -33
- package/examples/jspsych-categorize-image.html +0 -44
- package/examples/jspsych-cloze.html +0 -37
- package/examples/jspsych-free-sort.html +0 -109
- package/examples/jspsych-fullscreen.html +0 -45
- package/examples/jspsych-html-button-response.html +0 -43
- package/examples/jspsych-html-keyboard-response.html +0 -42
- package/examples/jspsych-html-slider-response.html +0 -53
- package/examples/jspsych-iat.html +0 -520
- package/examples/jspsych-image-button-response.html +0 -91
- package/examples/jspsych-image-keyboard-response.html +0 -85
- package/examples/jspsych-image-slider-response.html +0 -85
- package/examples/jspsych-instructions.html +0 -37
- package/examples/jspsych-maxdiff.html +0 -33
- package/examples/jspsych-preload.html +0 -140
- package/examples/jspsych-reconstruction.html +0 -43
- package/examples/jspsych-resize.html +0 -34
- package/examples/jspsych-same-different-html.html +0 -28
- package/examples/jspsych-same-different-image.html +0 -39
- package/examples/jspsych-serial-reaction-time-mouse.html +0 -98
- package/examples/jspsych-serial-reaction-time.html +0 -54
- package/examples/jspsych-survey-html-form.html +0 -33
- package/examples/jspsych-survey-likert.html +0 -42
- package/examples/jspsych-survey-multi-choice.html +0 -40
- package/examples/jspsych-survey-multi-select.html +0 -42
- package/examples/jspsych-survey-text.html +0 -34
- package/examples/jspsych-video-button-response.html +0 -65
- package/examples/jspsych-video-keyboard-response.html +0 -61
- package/examples/jspsych-video-slider-response.html +0 -63
- package/examples/jspsych-virtual-chinrest.html +0 -69
- package/examples/jspsych-visual-search-circle.html +0 -64
- package/examples/jspsych-vsl-animate-occlusion.html +0 -35
- package/examples/jspsych-vsl-grid-scene.html +0 -47
- package/examples/lexical-decision.html +0 -134
- package/examples/manual-preloading.html +0 -59
- package/examples/pause-unpause.html +0 -33
- package/examples/progress-bar.html +0 -68
- package/examples/save-trial-parameters.html +0 -98
- package/examples/sound/hammer.mp3 +0 -0
- package/examples/sound/sound.mp3 +0 -0
- package/examples/sound/speech_blue.mp3 +0 -0
- package/examples/sound/speech_green.mp3 +0 -0
- package/examples/sound/speech_joke.mp3 +0 -0
- package/examples/sound/speech_red.mp3 +0 -0
- package/examples/sound/tone.mp3 +0 -0
- package/examples/timeline-variables-sampling.html +0 -50
- package/examples/timeline-variables.html +0 -64
- package/examples/video/sample_video.mp4 +0 -0
- package/examples/webgazer.html +0 -174
- package/examples/webgazer_audio.html +0 -90
- package/examples/webgazer_image.html +0 -60
- package/extensions/jspsych-ext-webgazer.js +0 -265
- package/jspsych.js +0 -3023
- package/license.txt +0 -21
- package/mkdocs.yml +0 -118
- package/plugins/jspsych-animation.js +0 -189
- package/plugins/jspsych-audio-button-response.js +0 -269
- package/plugins/jspsych-audio-keyboard-response.js +0 -209
- package/plugins/jspsych-audio-slider-response.js +0 -278
- package/plugins/jspsych-call-function.js +0 -58
- package/plugins/jspsych-canvas-button-response.js +0 -199
- package/plugins/jspsych-canvas-keyboard-response.js +0 -155
- package/plugins/jspsych-canvas-slider-response.js +0 -207
- package/plugins/jspsych-categorize-animation.js +0 -266
- package/plugins/jspsych-categorize-html.js +0 -220
- package/plugins/jspsych-categorize-image.js +0 -222
- package/plugins/jspsych-cloze.js +0 -112
- package/plugins/jspsych-external-html.js +0 -112
- package/plugins/jspsych-free-sort.js +0 -478
- package/plugins/jspsych-fullscreen.js +0 -106
- package/plugins/jspsych-html-button-response.js +0 -188
- package/plugins/jspsych-html-keyboard-response.js +0 -149
- package/plugins/jspsych-html-slider-response.js +0 -202
- package/plugins/jspsych-iat-html.js +0 -284
- package/plugins/jspsych-iat-image.js +0 -286
- package/plugins/jspsych-image-button-response.js +0 -327
- package/plugins/jspsych-image-keyboard-response.js +0 -263
- package/plugins/jspsych-image-slider-response.js +0 -369
- package/plugins/jspsych-instructions.js +0 -237
- package/plugins/jspsych-maxdiff.js +0 -173
- package/plugins/jspsych-preload.js +0 -345
- package/plugins/jspsych-rdk.js +0 -1373
- package/plugins/jspsych-reconstruction.js +0 -134
- package/plugins/jspsych-resize.js +0 -166
- package/plugins/jspsych-same-different-html.js +0 -168
- package/plugins/jspsych-same-different-image.js +0 -169
- package/plugins/jspsych-serial-reaction-time-mouse.js +0 -212
- package/plugins/jspsych-serial-reaction-time.js +0 -247
- package/plugins/jspsych-survey-html-form.js +0 -171
- package/plugins/jspsych-survey-likert.js +0 -195
- package/plugins/jspsych-survey-multi-choice.js +0 -208
- package/plugins/jspsych-survey-multi-select.js +0 -232
- package/plugins/jspsych-survey-text.js +0 -185
- package/plugins/jspsych-video-button-response.js +0 -335
- package/plugins/jspsych-video-keyboard-response.js +0 -279
- package/plugins/jspsych-video-slider-response.js +0 -351
- package/plugins/jspsych-virtual-chinrest.js +0 -471
- package/plugins/jspsych-visual-search-circle.js +0 -259
- package/plugins/jspsych-vsl-animate-occlusion.js +0 -196
- package/plugins/jspsych-vsl-grid-scene.js +0 -103
- package/plugins/jspsych-webgazer-calibrate.js +0 -161
- package/plugins/jspsych-webgazer-init-camera.js +0 -139
- package/plugins/jspsych-webgazer-validate.js +0 -314
- package/plugins/template/jspsych-plugin-template.js +0 -35
- package/tests/README.md +0 -7
- package/tests/jsPsych/case-sensitive-responses.test.js +0 -53
- package/tests/jsPsych/css-classes-parameter.test.js +0 -107
- package/tests/jsPsych/default-iti.test.js +0 -51
- package/tests/jsPsych/default-parameters.test.js +0 -58
- package/tests/jsPsych/endexperiment.test.js +0 -49
- package/tests/jsPsych/events.test.js +0 -606
- package/tests/jsPsych/functions-as-parameters.test.js +0 -210
- package/tests/jsPsych/init.test.js +0 -48
- package/tests/jsPsych/loads.test.js +0 -7
- package/tests/jsPsych/min-rt.test.js +0 -58
- package/tests/jsPsych/progressbar.test.js +0 -202
- package/tests/jsPsych/timeline-variables.test.js +0 -531
- package/tests/jsPsych/timelines.test.js +0 -569
- package/tests/jsPsych.data/data-csv-conversion.test.js +0 -85
- package/tests/jsPsych.data/data-json-conversion.test.js +0 -120
- package/tests/jsPsych.data/datacollection.test.js +0 -117
- package/tests/jsPsych.data/datacolumn.test.js +0 -50
- package/tests/jsPsych.data/datamodule.test.js +0 -152
- package/tests/jsPsych.data/dataparameter.test.js +0 -251
- package/tests/jsPsych.data/interactions.test.js +0 -109
- package/tests/jsPsych.data/trialparameters.test.js +0 -175
- package/tests/jsPsych.extensions/extensions.test.js +0 -207
- package/tests/jsPsych.extensions/test-extension.js +0 -42
- package/tests/jsPsych.pluginAPI/pluginapi.test.js +0 -365
- package/tests/jsPsych.pluginAPI/preloads.test.js +0 -43
- package/tests/jsPsych.randomization/randomziation.test.js +0 -27
- package/tests/jsPsych.utils/utils.test.js +0 -58
- package/tests/plugins/plugin-animation.test.js +0 -34
- package/tests/plugins/plugin-audio-button-response.test.js +0 -15
- package/tests/plugins/plugin-audio-keyboard-response.test.js +0 -15
- package/tests/plugins/plugin-audio-slider-response.test.js +0 -15
- package/tests/plugins/plugin-call-function.test.js +0 -49
- package/tests/plugins/plugin-categorize-animation.test.js +0 -263
- package/tests/plugins/plugin-categorize-html.test.js +0 -17
- package/tests/plugins/plugin-categorize-image.test.js +0 -17
- package/tests/plugins/plugin-cloze.test.js +0 -157
- package/tests/plugins/plugin-free-sort.test.js +0 -106
- package/tests/plugins/plugin-fullscreen.test.js +0 -41
- package/tests/plugins/plugin-html-button-response.test.js +0 -161
- package/tests/plugins/plugin-html-keyboard-response.test.js +0 -139
- package/tests/plugins/plugin-html-slider-response.test.js +0 -155
- package/tests/plugins/plugin-iat-html.test.js +0 -299
- package/tests/plugins/plugin-iat-image.test.js +0 -298
- package/tests/plugins/plugin-image-button-response.test.js +0 -174
- package/tests/plugins/plugin-image-keyboard-response.test.js +0 -147
- package/tests/plugins/plugin-image-slider-response.test.js +0 -174
- package/tests/plugins/plugin-instructions.test.js +0 -85
- package/tests/plugins/plugin-maxdiff.test.js +0 -39
- package/tests/plugins/plugin-preload.test.js +0 -916
- package/tests/plugins/plugin-rdk.test.js +0 -61
- package/tests/plugins/plugin-reconstruction.test.js +0 -16
- package/tests/plugins/plugin-resize.test.js +0 -16
- package/tests/plugins/plugin-same-different-html.test.js +0 -17
- package/tests/plugins/plugin-same-different-image.test.js +0 -17
- package/tests/plugins/plugin-serial-reaction-time-mouse.test.js +0 -42
- package/tests/plugins/plugin-serial-reaction-time.test.js +0 -109
- package/tests/plugins/plugin-survey-html-form.test.js +0 -44
- package/tests/plugins/plugin-survey-likert.test.js +0 -48
- package/tests/plugins/plugin-survey-multi-choice.test.js +0 -47
- package/tests/plugins/plugin-survey-multi-select.test.js +0 -71
- package/tests/plugins/plugin-survey-text.test.js +0 -115
- package/tests/plugins/plugin-video-button-response.test.js +0 -32
- package/tests/plugins/plugin-video-keyboard-response.test.js +0 -32
- package/tests/plugins/plugin-video-slider-response.test.js +0 -31
- package/tests/plugins/plugin-visual-search-circle.test.js +0 -16
- package/tests/plugins/plugin-vsl-animate-occlusion.test.js +0 -16
- package/tests/plugins/plugin-vsl-grid-scene.test.js +0 -16
- package/tests/testing-utils.js +0 -13
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
<script src="../jspsych.js"></script>
|
|
6
|
-
<script src="../plugins/jspsych-categorize-image.js"></script>
|
|
7
|
-
<script src="../plugins/jspsych-preload.js"></script>
|
|
8
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
9
|
-
<style>
|
|
10
|
-
img {
|
|
11
|
-
width: 300px;
|
|
12
|
-
}
|
|
13
|
-
</style>
|
|
14
|
-
</head>
|
|
15
|
-
<body></body>
|
|
16
|
-
<script>
|
|
17
|
-
var preload = {
|
|
18
|
-
type: 'preload',
|
|
19
|
-
auto_preload: true
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
var trials = {
|
|
23
|
-
type: 'categorize-image',
|
|
24
|
-
stimulus: 'img/happy_face_1.jpg',
|
|
25
|
-
key_answer: 'h',
|
|
26
|
-
choices: ['h', 's'],
|
|
27
|
-
text_answer: 'happy',
|
|
28
|
-
correct_text: "<p>Correct. This face is %ANS%.</p>",
|
|
29
|
-
incorrect_text: "<p>Incorrect. This face is %ANS%. Please press the correct key to continue.</p>",
|
|
30
|
-
prompt: "<p>Press 'h' if the face is happy. Press 's' if the face is sad.</p>",
|
|
31
|
-
trial_duration: 1500,
|
|
32
|
-
show_feedback_on_timeout: false,
|
|
33
|
-
force_correct_button_press: true
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
jsPsych.init({
|
|
37
|
-
timeline: [preload, trials],
|
|
38
|
-
on_finish: function() {
|
|
39
|
-
jsPsych.data.displayData();
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
</script>
|
|
43
|
-
|
|
44
|
-
</html>
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
<script src="../jspsych.js"></script>
|
|
6
|
-
<script src="../plugins/jspsych-cloze.js"></script>
|
|
7
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
8
|
-
</head>
|
|
9
|
-
|
|
10
|
-
<body></body>
|
|
11
|
-
<script>
|
|
12
|
-
|
|
13
|
-
var timeline = [];
|
|
14
|
-
|
|
15
|
-
// simple example using default settings (no check against correct solution, no custom button text)
|
|
16
|
-
timeline.push({
|
|
17
|
-
type: 'cloze',
|
|
18
|
-
text: 'The %% is the largest terrestrial mammal. It lives in both %% and %%.'
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
// more elaborate example (with check against correct solution, custom error handling and modified button text)
|
|
22
|
-
timeline.push({
|
|
23
|
-
type: 'cloze',
|
|
24
|
-
text: 'A rectangle has % 4 % corners and a triangle has % 3 %.',
|
|
25
|
-
check_answers: true,
|
|
26
|
-
button_text: 'Next',
|
|
27
|
-
mistake_fn: function () { alert("Wrong answer. Please check again.") }
|
|
28
|
-
});
|
|
29
|
-
|
|
30
|
-
jsPsych.init({
|
|
31
|
-
timeline: timeline,
|
|
32
|
-
on_finish: function () { jsPsych.data.displayData(); }
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
</script>
|
|
36
|
-
|
|
37
|
-
</html>
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<script src="../jspsych.js"></script>
|
|
5
|
-
<script src="../plugins/jspsych-free-sort.js"></script>
|
|
6
|
-
<script src="../plugins/jspsych-canvas-keyboard-response.js"></script>
|
|
7
|
-
<script src="../plugins/jspsych-preload.js"></script>
|
|
8
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
9
|
-
</head>
|
|
10
|
-
<body></body>
|
|
11
|
-
<script>
|
|
12
|
-
|
|
13
|
-
var preload = {
|
|
14
|
-
type: 'preload',
|
|
15
|
-
auto_preload: true
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
var trial_1 = {
|
|
19
|
-
type: 'free-sort',
|
|
20
|
-
stimuli: ['img/happy_face_1.jpg','img/happy_face_3.jpg','img/sad_face_2.jpg','img/sad_face_4.jpg'],
|
|
21
|
-
stim_height: 120,
|
|
22
|
-
stim_width: 160,
|
|
23
|
-
sort_area_height: 500,
|
|
24
|
-
sort_area_width: 500,
|
|
25
|
-
prompt: 'Please group similar expressions together. ',
|
|
26
|
-
column_spread_factor: .5
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
var trial_2 = {
|
|
30
|
-
type: 'free-sort',
|
|
31
|
-
stimuli: ['img/happy_face_1.jpg','img/happy_face_3.jpg','img/sad_face_2.jpg','img/sad_face_4.jpg'],
|
|
32
|
-
stim_height: 120,
|
|
33
|
-
stim_width: 160,
|
|
34
|
-
prompt: '<p>Arrange the faces.</p>',
|
|
35
|
-
prompt_location: "below",
|
|
36
|
-
sort_area_height: 400,
|
|
37
|
-
sort_area_width: 500,
|
|
38
|
-
sort_area_shape: "square",
|
|
39
|
-
scale_factor: 1.2,
|
|
40
|
-
border_color_in: '#DCDCDC',
|
|
41
|
-
border_color_out: 'red'
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
var trial_3 = {
|
|
45
|
-
type: 'canvas-keyboard-response',
|
|
46
|
-
stimulus: function(c) {
|
|
47
|
-
c.style.border = "5px solid #A9A9A9";
|
|
48
|
-
// present images on a canvas at specific locations
|
|
49
|
-
var ctx = c.getContext('2d');
|
|
50
|
-
var img1 = new Image();
|
|
51
|
-
var img2 = new Image();
|
|
52
|
-
var img3 = new Image();
|
|
53
|
-
img1.src = 'img/1.gif';
|
|
54
|
-
img2.src = 'img/2.gif';
|
|
55
|
-
img3.src = 'img/3.gif';
|
|
56
|
-
img1.addEventListener('load', function() {
|
|
57
|
-
ctx.drawImage(img1, 0, 0, 90, 90);
|
|
58
|
-
}, false);
|
|
59
|
-
img2.addEventListener('load', function() {
|
|
60
|
-
ctx.drawImage(img2, 400, 400, 90, 90);
|
|
61
|
-
}, false);
|
|
62
|
-
img3.addEventListener('load', function() {
|
|
63
|
-
ctx.drawImage(img3, 300, 100, 90, 90);
|
|
64
|
-
}, false);
|
|
65
|
-
},
|
|
66
|
-
canvas_size: [500,500],
|
|
67
|
-
prompt: "Memorize the image locations (5s).",
|
|
68
|
-
choices: jsPsych.NO_KEYS,
|
|
69
|
-
trial_duration: 5000
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
var trial_4 = {
|
|
73
|
-
type: 'free-sort',
|
|
74
|
-
stimuli: ['img/1.gif','img/2.gif','img/3.gif'],
|
|
75
|
-
stim_height: 90,
|
|
76
|
-
stim_width: 90,
|
|
77
|
-
scale_factor: 1.0,
|
|
78
|
-
prompt: '<p>Where were the images?</p>',
|
|
79
|
-
prompt_location: 'below',
|
|
80
|
-
sort_area_shape: "square",
|
|
81
|
-
sort_area_height: 500,
|
|
82
|
-
sort_area_width: 500,
|
|
83
|
-
change_border_background_color: false,
|
|
84
|
-
border_width: 5,
|
|
85
|
-
counter_text_unfinished: "Not done yet...",
|
|
86
|
-
counter_text_finished: "Done!",
|
|
87
|
-
column_spread_factor: .5
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
var trial_5 = {
|
|
91
|
-
type: 'free-sort',
|
|
92
|
-
stimuli: ['img/4.gif','img/5.gif','img/6.gif'],
|
|
93
|
-
prompt: '<p>Arrange the images.</p><p>Images start at random locations inside the sort area.</p>',
|
|
94
|
-
change_border_background_color: false,
|
|
95
|
-
border_width: 3,
|
|
96
|
-
counter_text_unfinished: "",
|
|
97
|
-
counter_text_finished: "",
|
|
98
|
-
stim_starts_inside: true,
|
|
99
|
-
sort_area_shape: "square"
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
jsPsych.init({
|
|
103
|
-
timeline: [preload, trial_1, trial_2, trial_3, trial_4, trial_5],
|
|
104
|
-
on_finish: function(){jsPsych.data.displayData();}
|
|
105
|
-
});
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
</script>
|
|
109
|
-
</html>
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
|
|
6
|
-
<script src="../jspsych.js"></script>
|
|
7
|
-
<script src="../plugins/jspsych-fullscreen.js"></script>
|
|
8
|
-
<script src="../plugins/jspsych-image-keyboard-response.js"></script>
|
|
9
|
-
<script src="../plugins/jspsych-preload.js"></script>
|
|
10
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
11
|
-
</head>
|
|
12
|
-
<body></body>
|
|
13
|
-
<script>
|
|
14
|
-
|
|
15
|
-
var fullscreen_trial = {
|
|
16
|
-
type: 'fullscreen',
|
|
17
|
-
fullscreen_mode: true
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
var preload = {
|
|
21
|
-
type: 'preload',
|
|
22
|
-
auto_preload: true
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
var trial_1 = {
|
|
26
|
-
type: 'image-keyboard-response',
|
|
27
|
-
stimulus: 'img/happy_face_1.jpg',
|
|
28
|
-
choices: ['y','n'],
|
|
29
|
-
prompt: '<p>Have you seen this face before? Press "y" or "n".</p>'
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
var fullscreen_trial_exit = {
|
|
33
|
-
type: 'fullscreen',
|
|
34
|
-
fullscreen_mode: false
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
jsPsych.init({
|
|
38
|
-
timeline: [ fullscreen_trial, preload, trial_1, fullscreen_trial_exit ],
|
|
39
|
-
on_finish: function() {
|
|
40
|
-
jsPsych.data.displayData();
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
</script>
|
|
44
|
-
|
|
45
|
-
</html>
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<script src="../jspsych.js"></script>
|
|
5
|
-
<script src="../plugins/jspsych-html-button-response.js"></script>
|
|
6
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
7
|
-
</head>
|
|
8
|
-
<body></body>
|
|
9
|
-
<script>
|
|
10
|
-
|
|
11
|
-
var timeline = [];
|
|
12
|
-
|
|
13
|
-
timeline.push({
|
|
14
|
-
type: 'html-button-response',
|
|
15
|
-
stimulus: '<p style="color: red; font-size: 48px; font-weight: bold;">GREEN</p>',
|
|
16
|
-
choices: ['Green', 'Blue', 'Red'],
|
|
17
|
-
prompt: "<p>What color is this word?</p>"
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
timeline.push({
|
|
21
|
-
type: 'html-button-response',
|
|
22
|
-
stimulus: '<p style="color: green; font-size: 48px; font-weight: bold;">GREEN</p>',
|
|
23
|
-
choices: ['Green', 'Blue', 'Red'],
|
|
24
|
-
stimulus_duration: 1000,
|
|
25
|
-
prompt: "<p>What color is this word? (word disappears after 1s)</p>"
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
timeline.push({
|
|
29
|
-
type: 'html-button-response',
|
|
30
|
-
stimulus: '<p style="color: blue; font-size: 48px; font-weight: bold;">RED</p>',
|
|
31
|
-
choices: ['Green', 'Blue', 'Red'],
|
|
32
|
-
trial_duration: 2000,
|
|
33
|
-
response_ends_trial: false,
|
|
34
|
-
prompt: "<p>What color is this word? (trial ends after 2s)</p>"
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
jsPsych.init({
|
|
38
|
-
timeline: timeline,
|
|
39
|
-
on_finish: function(){jsPsych.data.displayData();}
|
|
40
|
-
});
|
|
41
|
-
|
|
42
|
-
</script>
|
|
43
|
-
</html>
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<script src="../jspsych.js"></script>
|
|
5
|
-
<script src="../plugins/jspsych-html-keyboard-response.js"></script>
|
|
6
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
7
|
-
</head>
|
|
8
|
-
<body></body>
|
|
9
|
-
<script>
|
|
10
|
-
var trial_1 = {
|
|
11
|
-
type: 'html-keyboard-response',
|
|
12
|
-
stimulus: '<p style="color: red; font-size: 48px; font-weight: bold;">GREEN</p>',
|
|
13
|
-
choices: ['y', 'n'],
|
|
14
|
-
prompt: '<p>Does the color match the word? (y or n)</p>'
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
var trial_2 = {
|
|
18
|
-
type: 'html-keyboard-response',
|
|
19
|
-
stimulus: '<p style="color: red; font-size: 48px; font-weight: bold;">RED</p>',
|
|
20
|
-
choices: ['y', 'n'],
|
|
21
|
-
trial_duration: 5000,
|
|
22
|
-
prompt: '<p>Does the color match the word? (y or n; 5s time limit)</p>'
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
var trial_3 = {
|
|
26
|
-
type: 'html-keyboard-response',
|
|
27
|
-
stimulus: '<p style="color: orange; font-size: 48px; font-weight: bold;">BLUE</p>',
|
|
28
|
-
choices: jsPsych.NO_KEYS,
|
|
29
|
-
trial_duration: 2000,
|
|
30
|
-
prompt: '<p>No response allowed. 2s wait.</p>'
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
jsPsych.init({
|
|
34
|
-
timeline: [trial_1, trial_2, trial_3],
|
|
35
|
-
on_finish: function() {
|
|
36
|
-
jsPsych.data.displayData();
|
|
37
|
-
},
|
|
38
|
-
default_iti: 250
|
|
39
|
-
});
|
|
40
|
-
</script>
|
|
41
|
-
|
|
42
|
-
</html>
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<script src="../jspsych.js"></script>
|
|
5
|
-
<script src="../plugins/jspsych-html-slider-response.js"></script>
|
|
6
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
7
|
-
<style>
|
|
8
|
-
img {
|
|
9
|
-
width: 300px;
|
|
10
|
-
}
|
|
11
|
-
</style>
|
|
12
|
-
</head>
|
|
13
|
-
<body></body>
|
|
14
|
-
<script>
|
|
15
|
-
|
|
16
|
-
var trial_1 = {
|
|
17
|
-
type: 'html-slider-response',
|
|
18
|
-
stimulus: '<div style="margin: 50px auto; width: 100px; height: 100px; background-color: rgb(46, 26, 122);"></div>',
|
|
19
|
-
labels: ['Purple', 'Blue'],
|
|
20
|
-
slider_width: 500,
|
|
21
|
-
require_movement: true,
|
|
22
|
-
prompt: '<p>Is this color closer to purple or blue? Use the slider above.</p>'
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
var trial_2 = {
|
|
26
|
-
type: 'html-slider-response',
|
|
27
|
-
stimulus: '<div style="margin: 50px auto; width: 100px; height: 100px; background-color: rgb(29, 23, 138)"></div>',
|
|
28
|
-
labels: ['Purple', 'Blue'],
|
|
29
|
-
slider_start: 10,
|
|
30
|
-
slider_width: 500,
|
|
31
|
-
prompt: '<p>Is this color closer to purple or blue? Use the slider above. (5s time limit; custom starting value).</p>',
|
|
32
|
-
trial_duration: 5000
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
var trial_3 = {
|
|
36
|
-
type: 'html-slider-response',
|
|
37
|
-
stimulus: '<div style="margin: 50px auto; width: 100px; height: 100px; background-color: rgb(63, 17, 129)"></div>',
|
|
38
|
-
labels: ['Purple', 'Blue'],
|
|
39
|
-
prompt: '<p>Is this color closer to purple or blue? Use the slider above. (1s display).</p>',
|
|
40
|
-
slider_width: 500,
|
|
41
|
-
stimulus_duration: 1000
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
jsPsych.init({
|
|
45
|
-
timeline: [trial_1, trial_2, trial_3],
|
|
46
|
-
on_finish: function() {
|
|
47
|
-
jsPsych.data.displayData();
|
|
48
|
-
},
|
|
49
|
-
default_iti: 250
|
|
50
|
-
});
|
|
51
|
-
</script>
|
|
52
|
-
|
|
53
|
-
</html>
|