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,134 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
|
|
6
|
-
<script src="../jspsych.js"></script>
|
|
7
|
-
<script src="../plugins/jspsych-html-keyboard-response.js"></script>
|
|
8
|
-
<script src="../plugins/jspsych-html-button-response.js"></script>
|
|
9
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
10
|
-
<style>
|
|
11
|
-
.stimulus { font-size: 32px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
|
|
15
|
-
<script>
|
|
16
|
-
var timeline = [];
|
|
17
|
-
|
|
18
|
-
var instructions = {
|
|
19
|
-
type: 'html-button-response',
|
|
20
|
-
stimulus: '<p>Each screen will show either an English word or letters that do not form a word.</p>'+
|
|
21
|
-
'<p>Press y if the letters form a valid word.</p><p>Press n if the letters do not form a valid word.</p>',
|
|
22
|
-
choices: ['Ready to start']
|
|
23
|
-
}
|
|
24
|
-
timeline.push(instructions);
|
|
25
|
-
|
|
26
|
-
var stimuli = [
|
|
27
|
-
{word: 'woman', word_validity: 'valid', word_frequency: 'high'},
|
|
28
|
-
{word: 'title', word_validity: 'valid', word_frequency: 'high'},
|
|
29
|
-
{word: 'speed', word_validity: 'valid', word_frequency: 'high'},
|
|
30
|
-
{word: 'movie', word_validity: 'valid', word_frequency: 'high'},
|
|
31
|
-
{word: 'night', word_validity: 'valid', word_frequency: 'high'},
|
|
32
|
-
{word: 'house', word_validity: 'valid', word_frequency: 'high'},
|
|
33
|
-
{word: 'child', word_validity: 'valid', word_frequency: 'high'},
|
|
34
|
-
{word: 'apple', word_validity: 'valid', word_frequency: 'high'},
|
|
35
|
-
{word: 'books', word_validity: 'valid', word_frequency: 'high'},
|
|
36
|
-
{word: 'color', word_validity: 'valid', word_frequency: 'high'},
|
|
37
|
-
{word: 'whigs', word_validity: 'valid', word_frequency: 'low'},
|
|
38
|
-
{word: 'pecan', word_validity: 'valid', word_frequency: 'low'},
|
|
39
|
-
{word: 'hanky', word_validity: 'valid', word_frequency: 'low'},
|
|
40
|
-
{word: 'femur', word_validity: 'valid', word_frequency: 'low'},
|
|
41
|
-
{word: 'tusks', word_validity: 'valid', word_frequency: 'low'},
|
|
42
|
-
{word: 'tongs', word_validity: 'valid', word_frequency: 'low'},
|
|
43
|
-
{word: 'petal', word_validity: 'valid', word_frequency: 'low'},
|
|
44
|
-
{word: 'dunce', word_validity: 'valid', word_frequency: 'low'},
|
|
45
|
-
{word: 'friar', word_validity: 'valid', word_frequency: 'low'},
|
|
46
|
-
{word: 'gable', word_validity: 'valid', word_frequency: 'low'},
|
|
47
|
-
{word: 'womfn', word_validity: 'invalid', word_frequency: undefined},
|
|
48
|
-
{word: 'tgtle', word_validity: 'invalid', word_frequency: undefined},
|
|
49
|
-
{word: 'speqd', word_validity: 'invalid', word_frequency: undefined},
|
|
50
|
-
{word: 'movje', word_validity: 'invalid', word_frequency: undefined},
|
|
51
|
-
{word: 'npght', word_validity: 'invalid', word_frequency: undefined},
|
|
52
|
-
{word: 'hoxse', word_validity: 'invalid', word_frequency: undefined},
|
|
53
|
-
{word: 'chrld', word_validity: 'invalid', word_frequency: undefined},
|
|
54
|
-
{word: 'wpple', word_validity: 'invalid', word_frequency: undefined},
|
|
55
|
-
{word: 'boxks', word_validity: 'invalid', word_frequency: undefined},
|
|
56
|
-
{word: 'colwr', word_validity: 'invalid', word_frequency: undefined},
|
|
57
|
-
{word: 'whzgs', word_validity: 'invalid', word_frequency: undefined},
|
|
58
|
-
{word: 'pecjn', word_validity: 'invalid', word_frequency: undefined},
|
|
59
|
-
{word: 'hankk', word_validity: 'invalid', word_frequency: undefined},
|
|
60
|
-
{word: 'fembr', word_validity: 'invalid', word_frequency: undefined},
|
|
61
|
-
{word: 'tmsks', word_validity: 'invalid', word_frequency: undefined},
|
|
62
|
-
{word: 'tvngs', word_validity: 'invalid', word_frequency: undefined},
|
|
63
|
-
{word: 'pettl', word_validity: 'invalid', word_frequency: undefined},
|
|
64
|
-
{word: 'duncr', word_validity: 'invalid', word_frequency: undefined},
|
|
65
|
-
{word: 'friwr', word_validity: 'invalid', word_frequency: undefined},
|
|
66
|
-
{word: 'gabls', word_validity: 'invalid', word_frequency: undefined}
|
|
67
|
-
];
|
|
68
|
-
|
|
69
|
-
var trials = {
|
|
70
|
-
timeline_variables: stimuli,
|
|
71
|
-
randomize_order: true,
|
|
72
|
-
timeline: [
|
|
73
|
-
{
|
|
74
|
-
type: 'html-keyboard-response',
|
|
75
|
-
stimulus: '+',
|
|
76
|
-
choices: jsPsych.NO_KEYS,
|
|
77
|
-
trial_duration: 500,
|
|
78
|
-
post_trial_gap: 0,
|
|
79
|
-
css_classes: ['stimulus']
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
type: 'html-keyboard-response',
|
|
83
|
-
stimulus: jsPsych.timelineVariable('word'),
|
|
84
|
-
choices: ['y','n'],
|
|
85
|
-
post_trial_gap: 0,
|
|
86
|
-
css_classes: ['stimulus'],
|
|
87
|
-
data: {
|
|
88
|
-
word_validity: jsPsych.timelineVariable('word_validity'),
|
|
89
|
-
word_frequency: jsPsych.timelineVariable('word_frequency')
|
|
90
|
-
},
|
|
91
|
-
on_finish: function(data){
|
|
92
|
-
if(data.word_validity == 'valid'){
|
|
93
|
-
var correct = jsPsych.pluginAPI.compareKeys(data.response, 'y');
|
|
94
|
-
} else {
|
|
95
|
-
var correct = jsPsych.pluginAPI.compareKeys(data.response, 'n');
|
|
96
|
-
}
|
|
97
|
-
data.correct = correct;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
]
|
|
101
|
-
}
|
|
102
|
-
timeline.push(trials);
|
|
103
|
-
|
|
104
|
-
var debrief = {
|
|
105
|
-
type: 'html-keyboard-response',
|
|
106
|
-
choices: ['c'],
|
|
107
|
-
stimulus: function(){
|
|
108
|
-
var high_rt = jsPsych.data.get().filter({word_frequency: 'high', correct: true}).select('rt').mean();
|
|
109
|
-
var low_rt = jsPsych.data.get().filter({word_frequency: 'low', correct: true}).select('rt').mean();
|
|
110
|
-
|
|
111
|
-
var message = "<p>All done!</p>"+
|
|
112
|
-
"<p>Your average correct response time for high frequency English words was "+Math.round(high_rt)+"ms.</p>"+
|
|
113
|
-
"<p>Your average correct response time for low frequency English words was "+Math.round(low_rt)+"ms.</p>"+
|
|
114
|
-
"<p>The typical pattern of results is that people are faster to respond to high frequency (common) "+
|
|
115
|
-
"word than low frequency (uncommon) words.</p>"+
|
|
116
|
-
"<p>Press c to see the entire set of data generated by this experiment.</p>";
|
|
117
|
-
|
|
118
|
-
return message;
|
|
119
|
-
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
timeline.push(debrief);
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
jsPsych.init({
|
|
126
|
-
timeline: timeline,
|
|
127
|
-
on_finish: function() {
|
|
128
|
-
jsPsych.data.displayData();
|
|
129
|
-
},
|
|
130
|
-
default_iti: 250
|
|
131
|
-
});
|
|
132
|
-
</script>
|
|
133
|
-
|
|
134
|
-
</html>
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<script src="../jspsych.js"></script>
|
|
5
|
-
<script src="../plugins/jspsych-preload.js"></script>
|
|
6
|
-
<script src="../plugins/jspsych-html-keyboard-response.js"></script>
|
|
7
|
-
<script src="../plugins/jspsych-image-keyboard-response.js"></script>
|
|
8
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
9
|
-
</style>
|
|
10
|
-
</head>
|
|
11
|
-
<body></body>
|
|
12
|
-
<script>
|
|
13
|
-
|
|
14
|
-
// create the list of images that should be preloaded
|
|
15
|
-
var images_to_preload = [
|
|
16
|
-
'img/happy_face_1.jpg',
|
|
17
|
-
'img/happy_face_2.jpg',
|
|
18
|
-
'img/happy_face_3.jpg',
|
|
19
|
-
'img/happy_face_4.jpg',
|
|
20
|
-
'img/sad_face_1.jpg',
|
|
21
|
-
'img/sad_face_2.jpg',
|
|
22
|
-
'img/sad_face_3.jpg',
|
|
23
|
-
'img/sad_face_4.jpg'
|
|
24
|
-
];
|
|
25
|
-
|
|
26
|
-
var preload_trial = {
|
|
27
|
-
type: 'preload',
|
|
28
|
-
images: images_to_preload // preload the list of images
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
var pre_trial = {
|
|
32
|
-
type: 'html-keyboard-response',
|
|
33
|
-
stimulus: '<p>If you check the Network tab in your browser’s developer tools,<br>you should see that 8 images have been loaded into memory.</p>'+
|
|
34
|
-
'<p>The next trial uses the image-keyboard-response plugin.<br>This plugin automatically preloads the image when an image file name is used for the stimulus parameter.</p>'+
|
|
35
|
-
'<p>However, in this case the stimulus parameter is a <em>function</em> that randomly selects an image to display.<br>'+
|
|
36
|
-
'We therefore need to manually preload the images.</p>'+
|
|
37
|
-
'<p>The image that is randomly selected and displayed in the next trial should not load again in the Network tab when the trial starts.</p>'+
|
|
38
|
-
'<p>Press any key to continue.</p>'
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
var trial = {
|
|
42
|
-
type: 'image-keyboard-response',
|
|
43
|
-
stimulus: function(){
|
|
44
|
-
return jsPsych.randomization.sampleWithoutReplacement(images_to_preload, 1)[0];
|
|
45
|
-
},
|
|
46
|
-
choices: ['y','n'],
|
|
47
|
-
prompt: '<p>Have you seen this face before? Press y or n.</p>',
|
|
48
|
-
stimulus_width: 300
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
jsPsych.init({
|
|
52
|
-
timeline: [preload_trial, pre_trial, trial],
|
|
53
|
-
on_finish: function() {
|
|
54
|
-
jsPsych.data.displayData();
|
|
55
|
-
}
|
|
56
|
-
});
|
|
57
|
-
</script>
|
|
58
|
-
|
|
59
|
-
</html>
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
|
|
5
|
-
<script src="../jspsych.js"></script>
|
|
6
|
-
<script src="../plugins/jspsych-html-keyboard-response.js"></script>
|
|
7
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
8
|
-
</head>
|
|
9
|
-
<body></body>
|
|
10
|
-
<script>
|
|
11
|
-
|
|
12
|
-
var first = {
|
|
13
|
-
type: 'html-keyboard-response',
|
|
14
|
-
stimulus: 'first trial! experiment will pause for 2s in between trials. press any key.',
|
|
15
|
-
post_trial_gap: 0,
|
|
16
|
-
on_finish: function(){
|
|
17
|
-
jsPsych.pauseExperiment();
|
|
18
|
-
setTimeout(jsPsych.resumeExperiment, 2000);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
var second = {
|
|
23
|
-
type: 'html-keyboard-response',
|
|
24
|
-
stimulus: 'second trial!'
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
jsPsych.init({
|
|
28
|
-
timeline: [first, second],
|
|
29
|
-
on_finish: function(){jsPsych.data.displayData(); }
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
</script>
|
|
33
|
-
</html>
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<script src="../jspsych.js"></script>
|
|
5
|
-
<script src="../plugins/jspsych-image-keyboard-response.js"></script>
|
|
6
|
-
<script src="../plugins/jspsych-html-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
|
-
var preload = {
|
|
13
|
-
type: 'preload',
|
|
14
|
-
auto_preload: true
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
var trial_1 = {
|
|
18
|
-
type: 'image-keyboard-response',
|
|
19
|
-
stimulus: 'img/happy_face_1.jpg',
|
|
20
|
-
choices: ['y','n'],
|
|
21
|
-
render_on_canvas: false,
|
|
22
|
-
stimulus_width: 300,
|
|
23
|
-
prompt: '<p>Have you seen this face before? Press "y" or "n".</p>'
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
var trial_2 = {
|
|
27
|
-
type: 'image-keyboard-response',
|
|
28
|
-
stimulus: 'img/happy_face_2.jpg',
|
|
29
|
-
choices: ['y','n'],
|
|
30
|
-
render_on_canvas: false,
|
|
31
|
-
stimulus_width: 300,
|
|
32
|
-
prompt: '<p>Have you seen this face before? Press "y" or "n".</p>'
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
var trial_3 = {
|
|
36
|
-
type: 'image-keyboard-response',
|
|
37
|
-
stimulus: 'img/happy_face_3.jpg',
|
|
38
|
-
choices: ['y','n'],
|
|
39
|
-
render_on_canvas: false,
|
|
40
|
-
stimulus_width: 300,
|
|
41
|
-
prompt: '<p>Have you seen this face before? Press "y" or "n".</p>'
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
var count = 0;
|
|
45
|
-
|
|
46
|
-
var block_set = {
|
|
47
|
-
timeline: [trial_1, trial_2, trial_3],
|
|
48
|
-
loop_function: function() {
|
|
49
|
-
count++;
|
|
50
|
-
return count < 2;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
var end_screen = {
|
|
55
|
-
type: 'html-keyboard-response',
|
|
56
|
-
stimulus: 'The experiment is over.'
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
jsPsych.init({
|
|
60
|
-
timeline: [preload, trial_1, trial_2, trial_3], //block_set, end_screen],
|
|
61
|
-
show_progress_bar: true,
|
|
62
|
-
on_finish: function() {
|
|
63
|
-
jsPsych.data.displayData();
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
</script>
|
|
67
|
-
</head>
|
|
68
|
-
</html>
|
|
@@ -1,98 +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
|
-
<script src="../plugins/jspsych-html-button-response.js"></script>
|
|
7
|
-
<script src="../plugins/jspsych-canvas-keyboard-response.js"></script>
|
|
8
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
9
|
-
</head>
|
|
10
|
-
<body></body>
|
|
11
|
-
<script>
|
|
12
|
-
|
|
13
|
-
// If you want to save parameters to the trial data that aren't normally saved, you can do so with the save_trial_parameters option.
|
|
14
|
-
// For example, the html-keyboard-response plugin doesn't save the prompt string or choices array by default,
|
|
15
|
-
// but this information will be saved in the example trial below.
|
|
16
|
-
var trial_1 = {
|
|
17
|
-
type: 'html-keyboard-response',
|
|
18
|
-
stimulus: '<p style="color: red; font-size: 48px; font-weight: bold;">GREEN</p>',
|
|
19
|
-
choices: ['y', 'n'],
|
|
20
|
-
prompt: '<p>Does the color match the word? (y or n)</p><p>The prompt and choices parameters will be saved to the data in this trial.</p>',
|
|
21
|
-
save_trial_parameters: {
|
|
22
|
-
choices: true,
|
|
23
|
-
prompt: true
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
// You can also use 'false' in the save_trial_parameters option to prevent a parameter from being saved
|
|
28
|
-
// that is normally saved by default.
|
|
29
|
-
var trial_2 = {
|
|
30
|
-
type: 'html-keyboard-response',
|
|
31
|
-
stimulus: '<p style="color: red; font-size: 48px; font-weight: bold;">RED</p>',
|
|
32
|
-
choices: ['y', 'n'],
|
|
33
|
-
prompt: '<p>Does the color match the word? (y or n)</p><p>The stimulus will not be saved to the data in this trial.</p>',
|
|
34
|
-
save_trial_parameters: {
|
|
35
|
-
stimulus: false,
|
|
36
|
-
prompt: true
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// If the parameter is dynamic or a timeline variable,
|
|
41
|
-
// then the value that is returned from the function or timeline variables will be saved to the data.
|
|
42
|
-
var trial_3 = {
|
|
43
|
-
type: 'html-button-response',
|
|
44
|
-
stimulus: '<p style="color: orange; font-size: 48px; font-weight: bold;">BLUE</p>',
|
|
45
|
-
choices: function() {
|
|
46
|
-
// randomly shuffle the yes/no button order on each trial
|
|
47
|
-
var button_choices = ['Yes','No'];
|
|
48
|
-
return jsPsych.randomization.shuffle(button_choices);
|
|
49
|
-
},
|
|
50
|
-
post_trial_gap: function() {
|
|
51
|
-
// randomly select an ITI duration
|
|
52
|
-
return jsPsych.randomization.sampleWithoutReplacement([200,300,400,500],1)[0];
|
|
53
|
-
},
|
|
54
|
-
prompt: '<p>Does the color match the word?</p><p>Randomized button choice order and post trial gap duration.<br>'+
|
|
55
|
-
'These values will be saved to the data.</p>',
|
|
56
|
-
save_trial_parameters: {
|
|
57
|
-
// save the randomly-selected button order and ITI value to the trial data
|
|
58
|
-
choices: true,
|
|
59
|
-
post_trial_gap: true
|
|
60
|
-
},
|
|
61
|
-
on_finish: function(data) {
|
|
62
|
-
// determine which button was pressed, based on the response (button index: 0 or 1) and choices array (randomized order of button labels)
|
|
63
|
-
data.response_button_label = data.choices[data.response];
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
// If the parameter is always expected to be a function, then the function itself will be saved to the data as a string.
|
|
68
|
-
// This includes parameters like the 'stimulus' function in canvas-* plugins,
|
|
69
|
-
// and event-related callback functions, like 'on_start' and 'on_finish'.
|
|
70
|
-
var trial_4 = {
|
|
71
|
-
type: 'canvas-keyboard-response',
|
|
72
|
-
stimulus: function (c) {
|
|
73
|
-
var ctx = c.getContext('2d');
|
|
74
|
-
ctx.beginPath();
|
|
75
|
-
ctx.arc(250, 250, 200, 0, 2 * Math.PI);
|
|
76
|
-
ctx.stroke();
|
|
77
|
-
},
|
|
78
|
-
on_finish: function() {
|
|
79
|
-
console.log('finished!')
|
|
80
|
-
},
|
|
81
|
-
choices: ['e', 'i'],
|
|
82
|
-
prompt: '<p>Is this a circle or a rectangle? Press "e" for circle and "i" for rectangle.</p>' +
|
|
83
|
-
'<p>The stimulus and on_finish functions will be saved to the data as strings.</p>',
|
|
84
|
-
save_trial_parameters: {
|
|
85
|
-
stimulus: true,
|
|
86
|
-
on_finish: true
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
jsPsych.init({
|
|
91
|
-
timeline: [trial_1, trial_2, trial_3, trial_4],
|
|
92
|
-
on_finish: function () {
|
|
93
|
-
jsPsych.data.displayData();
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
|
|
97
|
-
</script>
|
|
98
|
-
</html>
|
|
Binary file
|
package/examples/sound/sound.mp3
DELETED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/examples/sound/tone.mp3
DELETED
|
Binary file
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
<script src="../jspsych.js"></script>
|
|
6
|
-
<script src="../plugins/jspsych-html-keyboard-response.js"></script>
|
|
7
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
8
|
-
<style>
|
|
9
|
-
</style>
|
|
10
|
-
</head>
|
|
11
|
-
<body>
|
|
12
|
-
</body>
|
|
13
|
-
<script>
|
|
14
|
-
|
|
15
|
-
var timeline_variables = [
|
|
16
|
-
{ v1: "<p>1</p>" },
|
|
17
|
-
{ v1: "<p>2</p>" },
|
|
18
|
-
{ v1: "<p>3</p>" },
|
|
19
|
-
{ v1: "<p>4</p>" },
|
|
20
|
-
{ v1: "<p>5</p>" },
|
|
21
|
-
{ v1: "<p>6</p>" }
|
|
22
|
-
];
|
|
23
|
-
|
|
24
|
-
var node = {
|
|
25
|
-
timeline_variables: timeline_variables,
|
|
26
|
-
timeline: [
|
|
27
|
-
{
|
|
28
|
-
type: 'html-keyboard-response',
|
|
29
|
-
choices: jsPsych.ALL_KEYS,
|
|
30
|
-
stimulus: jsPsych.timelineVariable('v1'),
|
|
31
|
-
}
|
|
32
|
-
],
|
|
33
|
-
sample: {
|
|
34
|
-
type: 'custom',
|
|
35
|
-
fn: function(x){ return x.reverse(); }
|
|
36
|
-
},
|
|
37
|
-
repetitions: 2
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
jsPsych.init({
|
|
41
|
-
timeline: [node],
|
|
42
|
-
on_finish: function() {
|
|
43
|
-
jsPsych.data.displayData();
|
|
44
|
-
},
|
|
45
|
-
default_iti: 250
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
</script>
|
|
49
|
-
|
|
50
|
-
</html>
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
|
|
6
|
-
<script src="../jspsych.js"></script>
|
|
7
|
-
<script src="../plugins/jspsych-image-keyboard-response.js"></script>
|
|
8
|
-
<script src="../plugins/jspsych-html-keyboard-response.js"></script>
|
|
9
|
-
<script src="../plugins/jspsych-preload.js"></script>
|
|
10
|
-
<link rel="stylesheet" href="../css/jspsych.css">
|
|
11
|
-
</head>
|
|
12
|
-
|
|
13
|
-
<body>
|
|
14
|
-
</body>
|
|
15
|
-
<script>
|
|
16
|
-
|
|
17
|
-
// manually preload the image files, since they are passed to the image-keyboard-response stimulus parameter
|
|
18
|
-
// through timeline variables, and therefore cannot be automatically preloaded
|
|
19
|
-
var images = ['img/happy_face_1.jpg', 'img/happy_face_2.jpg', 'img/happy_face_3.jpg'];
|
|
20
|
-
var preload = {
|
|
21
|
-
type: 'preload',
|
|
22
|
-
images: images
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
var timeline_variables = [
|
|
26
|
-
{ v1: 'img/happy_face_1.jpg', v2: 'Ann' },
|
|
27
|
-
{ v1: 'img/happy_face_2.jpg', v2: 'Jackson' },
|
|
28
|
-
{ v1: 'img/happy_face_3.jpg', v2: 'Riley' }
|
|
29
|
-
];
|
|
30
|
-
|
|
31
|
-
var node = {
|
|
32
|
-
timeline_variables: timeline_variables,
|
|
33
|
-
timeline: [
|
|
34
|
-
{
|
|
35
|
-
type: 'html-keyboard-response',
|
|
36
|
-
choices: jsPsych.NO_KEYS,
|
|
37
|
-
stimulus: "<p style='text-align:center; font-size:80px;'>+</p>",
|
|
38
|
-
trial_duration: 500
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
type: 'image-keyboard-response',
|
|
42
|
-
choices: ['y','n'],
|
|
43
|
-
stimulus: jsPsych.timelineVariable('v1'),
|
|
44
|
-
prompt: function() {
|
|
45
|
-
return '<p>Have you seen '+jsPsych.timelineVariable('v2', true)+ ' before? Press "y" or "n".</p>'
|
|
46
|
-
},
|
|
47
|
-
stimulus_width: 300
|
|
48
|
-
}
|
|
49
|
-
],
|
|
50
|
-
randomize_order: true,
|
|
51
|
-
repetitions: 2
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
jsPsych.init({
|
|
55
|
-
timeline: [preload, node],
|
|
56
|
-
on_finish: function() {
|
|
57
|
-
jsPsych.data.displayData();
|
|
58
|
-
},
|
|
59
|
-
default_iti: 250
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
</script>
|
|
63
|
-
|
|
64
|
-
</html>
|
|
Binary file
|