diff --git a/examples/add-to-end-of-timeline.html b/examples/add-to-end-of-timeline.html index dc46f562..12d102d6 100644 --- a/examples/add-to-end-of-timeline.html +++ b/examples/add-to-end-of-timeline.html @@ -17,7 +17,8 @@ jsPsych.addNodeToEndOfTimeline({ timeline: [{ type: 'image-keyboard-response', - stimulus: 'img/happy_face_4.jpg' + stimulus: 'img/happy_face_4.jpg', + stimulus_width: 300 }] }, jsPsych.resumeExperiment) } diff --git a/examples/conditional-and-loop-functions.html b/examples/conditional-and-loop-functions.html index 775e81d8..6aaf91fd 100644 --- a/examples/conditional-and-loop-functions.html +++ b/examples/conditional-and-loop-functions.html @@ -10,7 +10,7 @@ var trial = { type: 'html-keyboard-response', - stimulus: 'Hello. This is in a loop. Press R to repeat this trial, or C to continue.', + stimulus: 'Hello. This is in a loop. Press "r" to repeat this trial, or "c" to continue.', choices: ['r','c'] } @@ -27,7 +27,7 @@ var pre_if_trial = { type: 'html-keyboard-response', - stimulus: 'The next trial is in a conditional statement. Press S to skip it, or V to view it.', + stimulus: 'The next trial is in a conditional statement. Press "s" to skip it, or V"vto view it.', choices: ['s','v'] } diff --git a/examples/data-add-properties.html b/examples/data-add-properties.html index 010231b2..8275772d 100644 --- a/examples/data-add-properties.html +++ b/examples/data-add-properties.html @@ -5,11 +5,6 @@ - - - @@ -18,6 +13,7 @@ stimulus: '../img/happy_face_1.jpg', choices: ['y','n'], render_on_canvas: false, + stimulus_width: 300, prompt: '

Is this face happy? Press "y" or "n".

' } @@ -26,6 +22,7 @@ stimulus: '../img/sad_face_2.jpg', choices: ['y','n'], render_on_canvas: false, + stimulus_width: 300, prompt: '

Is this face happy? Press "y" or "n".

' } @@ -34,6 +31,7 @@ stimulus: '../img/happy_face_2.jpg', choices: ['y','n'], render_on_canvas: false, + stimulus_width: 300, prompt: '

Is this face happy? Press "y" or "n".

', } diff --git a/examples/display-element-to-embed-experiment.html b/examples/display-element-to-embed-experiment.html index 35555d1b..62aa260b 100644 --- a/examples/display-element-to-embed-experiment.html +++ b/examples/display-element-to-embed-experiment.html @@ -32,7 +32,7 @@ type: 'image-keyboard-response', stimulus: 'img/happy_face_1.jpg', choices: ['y','n'], - prompt: '

Have you seen this face before? Y or N.

', + prompt: '

Have you seen this face before? Press "y" or "n".

', stimulus_width: 300, render_on_canvas: false } @@ -42,7 +42,7 @@ stimulus: 'img/happy_face_2.jpg', choices: ['y','n'], trial_duration: 5000, - prompt: '

Have you seen this face before? Y or N. (5s time limit).

', + prompt: '

Have you seen this face before? Press "y" or "n". (5s time limit).

', stimulus_width: 300, render_on_canvas: false } @@ -56,11 +56,9 @@ } var node = { - type: 'html-keyboard-response', timeline: [trial_1, trial_2, trial_3], } - jsPsych.init({ timeline: [node], display_element: 'jspsych-experiment', diff --git a/examples/jspsych-audio-keyboard-response.html b/examples/jspsych-audio-keyboard-response.html index dc8aea05..ebd091bb 100644 --- a/examples/jspsych-audio-keyboard-response.html +++ b/examples/jspsych-audio-keyboard-response.html @@ -22,7 +22,7 @@ stimulus: 'sound/speech_blue.mp3', choices: ['y', 'n'], prompt: '
'+ - '

Does the color match the word? (Y or N)

' + '

Does the color match the word? (y or n)

' } var trial_2 = { @@ -31,7 +31,7 @@ choices: ['y', 'n'], trial_duration: 5000, prompt: '
'+ - '

Does the color match the word? (Y or N; 5s time limit)

' + '

Does the color match the word? (y or n; 5s time limit)

' } var trial_3 = { diff --git a/examples/jspsych-iat.html b/examples/jspsych-iat.html index 26fd0be2..21369bce 100644 --- a/examples/jspsych-iat.html +++ b/examples/jspsych-iat.html @@ -23,7 +23,7 @@ var welcome_block = { var category_block = { type: 'html-keyboard-response', - stimulus: '

Next, you will use the "E" and "I" computer keys ' + 'to categorize items into groups as fast as you can. ' + + stimulus: '

Next, you will use the "e" and "i" computer keys ' + 'to categorize items into groups as fast as you can. ' + 'These are the four groups and the items that belong to each:

' + 'Good:
' + 'Fabulous, Excitement, Glorious, Cheerful, Cherish, ' + 'Enjoy, Delightful, Joyous

' + 'Bad:
' + 'Humiliate, ' + @@ -41,10 +41,10 @@ var category_block = { var instructions_block = { type: 'html-keyboard-response', - stimulus: "

Press E for:
OLD

" + - "

Press I for:
YOUNG

" + - "
Put a left finger on the E key for items that belong to the Old People category. Put a right finger on the " + - "I key for items that belong to the Young People " + + stimulus: "

Press e for:
OLD

" + + "

Press i for:
YOUNG

" + + "
Put a left finger on the e key for items that belong to the Old People category. Put a right finger on the " + + "i key for items that belong to the Young People " + "category. Items will appear one at a time.

" + "If you " + "make a mistake, a red X will appear. Press the keys listed below " + "to continue. Go as fast as you can while being accurate.

" + @@ -63,8 +63,8 @@ var trial_block = { force_correct_key_press: true, display_feedback: true, trial_duration: 3000, //Only if display_feedback is false - left_category_key: 'E', - right_category_key: 'I', + left_category_key: 'e', + right_category_key: 'i', left_category_label: ['OLD'], right_category_label: ['YOUNG'], response_ends_trial: true, @@ -93,9 +93,9 @@ var instructions_block2 = { type: 'html-keyboard-response', stimulus: "
Press E for:
BAD
" + "
Press I for:
GOOD
" + - "
Put a left finger on the E key for items that " + + "
Put a left finger on the e key for items that " + "belong to the Bad category. Put a right finger on the " + - "I key for items that belong to the Good " + + "i key for items that belong to the Good " + "category. Items will appear one at a time.

" + "If you " + "make a mistake, a red X will appear. Press the keys listed below " + "to continue. Go as fast as you can while being accurate.

" + @@ -113,8 +113,8 @@ var trial_block2 = { force_correct_key_press: true, display_feedback: true, trial_duration: 3000, //Only if display_feedback is false - left_category_key: 'E', - right_category_key: 'I', + left_category_key: 'e', + right_category_key: 'i', left_category_label: ['BAD'], right_category_label: ['GOOD'], response_ends_trial: true, @@ -145,11 +145,11 @@ var trial_block2 = { var instructions_block3 = { type: 'html-keyboard-response', - stimulus: "
Press E for:
" + + stimulus: "
Press e for:
" + "BAD
" + "or
" + "OLD
" + "
" + - "Press I for:
" + "GOOD
" + "or
" + "YOUNG
" + - "
Use E for Bad and for " + - "Old People
" + "Use I for Good and for Young People
" + + "Press i for:
" + "GOOD
" + "or
" + "YOUNG
" + + "
Use e for Bad and for " + + "Old People
" + "Use i for Good and for Young People
" + "Each item belongs to only one category.

" + "If you " + "make a mistake, a red X will appear. Press the keys listed below " + "to continue. Go as fast as you can while being accurate.

" + @@ -167,8 +167,8 @@ var trial_block3 = { force_correct_key_press: true, display_feedback: true, trial_duration: 3000, //Only if display_feedback is false - left_category_key: 'E', - right_category_key: 'I', + left_category_key: 'e', + right_category_key: 'i', left_category_label: ['BAD', 'OLD'], right_category_label: ['GOOD', 'YOUNG'], response_ends_trial: true, @@ -211,11 +211,11 @@ var trial_block3 = { var instructions_block4 = { type: 'html-keyboard-response', - stimulus: "
Press E for:
" + + stimulus: "
Press e for:
" + "BAD
" + "or
" + "OLD
" + "
" + - "Press I for:
" + "GOOD
" + "or
" + "YOUNG
" + - "
This is the same as the previous part.
" + "Use E for Bad and for " + - "Old People
" + "Use I for Good and for Young People
" + + "Press i for:
" + "GOOD
" + "or
" + "YOUNG
" + + "
This is the same as the previous part.
" + "Use e for Bad and for " + + "Old People
" + "Use i for Good and for Young People
" + "Each item belongs to only one category.

" + "If you " + "make a mistake, a red X will appear. Press the keys listed below " + "to continue. Go as fast as you can while being accurate.

" + @@ -234,8 +234,8 @@ var trial_block4 = { force_correct_key_press: true, display_feedback: true, trial_duration: 3000, //Only if display_feedback is false - left_category_key: 'E', - right_category_key: 'I', + left_category_key: 'e', + right_category_key: 'i', left_category_label: ['BAD', 'OLD'], right_category_label: ['GOOD', 'YOUNG'], response_ends_trial: true, @@ -278,10 +278,10 @@ var trial_block4 = { var instructions_block5 = { type: 'html-keyboard-response', - stimulus: "
Press E for:
" + "YOUNG
" + - "
Press I for:
" + "OLD
" + + stimulus: "
Press e for:
" + "YOUNG
" + + "
Press i for:
" + "OLD
" + "
Watch out, the labels have changed positions!
" + - "Use E for Young People
" + "Use I for Old People

" + + "Use e for Young People
" + "Use i for Old People

" + "If you make a mistake, a red X will appear. Press the keys listed below " + "to continue. Go as fast as you can while being accurate.

" + "Press the any key when you are ready to start.
" @@ -299,8 +299,8 @@ var trial_block4 = { force_correct_key_press: true, display_feedback: true, trial_duration: 3000, //Only if display_feedback is false - left_category_key: 'E', - right_category_key: 'I', + left_category_key: 'e', + right_category_key: 'i', left_category_label: ['YOUNG'], right_category_label: ['OLD'], response_ends_trial: true, @@ -327,11 +327,11 @@ var trial_block4 = { var instructions_block6 = { type: 'html-keyboard-response', - stimulus: "
Press E for:
" + "BAD
" + "or
" + - "YOUNG
" + "
Press I for:
" + "GOOD
" + "or
" + + stimulus: "
Press e for:
" + "BAD
" + "or
" + + "YOUNG
" + "
Press i for:
" + "GOOD
" + "or
" + "OLD
" + - "
Use E for Bad and for Young People
" + - "Use I for Good and for Old People

" + + "
Use e for Bad and for Young People
" + + "Use i for Good and for Old People

" + "If you make a mistake, a red X will appear. Press the keys listed below " + "to continue. Go as fast as you can while being accurate.

" + "Press the any key when you are ready to start.
" @@ -348,8 +348,8 @@ var trial_block4 = { force_correct_key_press: true, display_feedback: true, trial_duration: 3000, //Only if display_feedback is false - left_category_key: 'E', - right_category_key: 'I', + left_category_key: 'e', + right_category_key: 'i', left_category_label: ['BAD', 'YOUNG'], right_category_label: ['GOOD', 'OLD'], response_ends_trial: true, @@ -392,12 +392,12 @@ var trial_block4 = { var instructions_block7 = { type: 'html-keyboard-response', - stimulus: "
Press E for:
" + "Bad
" + "or
" + - "Young People
" + "
Press I for:
" + "Good
" + "or
" + + stimulus: "
Press e for:
" + "Bad
" + "or
" + + "Young People
" + "
Press i for:
" + "Good
" + "or
" + "Old People
" + "
This is the same as the previous part
" + - "Use E for Bad and for Young People
" + - "Use I for Good and for Old People
" + + "Use e for Bad and for Young People
" + + "Use i for Good and for Old People
" + "Each item belongs to only one category

" + "If you make a mistake, a red X will appear. Press the keys listed below " + "to continue. Go as fast as you can while being accurate.

" + @@ -416,8 +416,8 @@ var trial_block7 = { force_correct_key_press: true, display_feedback: true, trial_duration: 3000, //Only if display_feedback is false - left_category_key: 'E', - right_category_key: 'I', + left_category_key: 'e', + right_category_key: 'i', left_category_label: ['BAD', 'YOUNG'], right_category_label: ['GOOD', 'OLD'], response_ends_trial: true, @@ -502,6 +502,8 @@ var trial_block7 = { jsPsych.init({ timeline: timeline, + preload_images: ['img/age/of1.jpg','img/age/of2.jpg','img/age/of3.jpg','img/age/om1.jpg','img/age/om2.jpg','img/age/om3.jpg', + 'img/age/yf1.jpg','img/age/yf4.jpg','img/age/yf5.jpg','img/age/ym2.jpg','img/age/ym3.jpg','img/age/ym5.jpg'], on_finish: function() { jsPsych.data.displayData(); } diff --git a/examples/jspsych-image-keyboard-response.html b/examples/jspsych-image-keyboard-response.html index 69a41e10..0a6cc7fd 100644 --- a/examples/jspsych-image-keyboard-response.html +++ b/examples/jspsych-image-keyboard-response.html @@ -38,7 +38,7 @@ type: 'image-keyboard-response', stimulus: 'img/happy_face_1.jpg', choices: ['y','n'], - prompt: '

Have you seen this face before? Y or N.

' + prompt: '

Have you seen this face before? Press y or n.

' } var trial_2 = { @@ -46,7 +46,7 @@ stimulus: 'img/happy_face_2.jpg', choices: ['y','n'], trial_duration: 5000, - prompt: '

Have you seen this face before? Y or N. (5s time limit).

' + prompt: '

Have you seen this face before? Press y or n. (5s time limit).

' } var trial_3 = { @@ -63,7 +63,7 @@ choices: ['y','n'], stimulus_width: 400, maintain_aspect_ratio: false, - prompt: '

Have you seen this face before? Y or N.

(Stimulus_width set to a smaller value and maintain_aspect_ratio set to false.)

' + prompt: '

Have you seen this face before? Press y or n.

(Stimulus_width set to a smaller value and maintain_aspect_ratio set to false.)

' } jsPsych.init({ diff --git a/examples/jspsych-reconstruction.html b/examples/jspsych-reconstruction.html index bf415d07..706ab834 100644 --- a/examples/jspsych-reconstruction.html +++ b/examples/jspsych-reconstruction.html @@ -13,7 +13,7 @@ var size = 50 + Math.floor(param*250); var html = '
'+ '

Press H to make the square larger. Press G to make the square smaller.

'+ + 'width: '+size+'px; height: '+size+'px;">

Press "h" to make the square larger. Press "g" to make the square smaller.

'+ '

When the square is the same size as the previous one, click Next.

'; return html; } @@ -25,7 +25,7 @@ 'width: 210px; height: 210px;">
', choices: ['c'], post_trial_gap: 1250, - prompt: '

Study the size of this square carefully. On the next screen you will have to recreate it. When you are ready, press C.

' + prompt: '

Study the size of this square carefully. On the next screen you will have to recreate it. When you are ready, press "c".

' } var test = { diff --git a/examples/jspsych-same-different-html.html b/examples/jspsych-same-different-html.html index 877e824e..fd7021c7 100644 --- a/examples/jspsych-same-different-html.html +++ b/examples/jspsych-same-different-html.html @@ -11,9 +11,9 @@ var trial = { type: 'same-different-html', stimuli: ['

Talkative

', '

Loquacious

'], - prompt: "

Press S if the words mean the same thing. Press D if they mean different things.

", - same_key: 'S', - different_key: 'D', + prompt: "

Press 's' if the words mean the same thing. Press 'd' if they mean different things.

", + same_key: 's', + different_key: 'd', answer: 'same' } diff --git a/examples/jspsych-same-different-image.html b/examples/jspsych-same-different-image.html index 73fbfea3..36c2139a 100644 --- a/examples/jspsych-same-different-image.html +++ b/examples/jspsych-same-different-image.html @@ -16,9 +16,9 @@ var trial = { type: 'same-different-image', stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'], - prompt: "

Press S if the faces had the same emotional expression. Press D if the faces had different emotional expressions.

", - same_key: 'S', - different_key: 'D', + prompt: "

Press 's' if the faces had the same emotional expression. Press 'd' if the faces had different emotional expressions.

", + same_key: 's', + different_key: 'd', answer: 'different' } diff --git a/examples/jspsych-video-keyboard-response.html b/examples/jspsych-video-keyboard-response.html index e766cd3e..fbfcf09c 100644 --- a/examples/jspsych-video-keyboard-response.html +++ b/examples/jspsych-video-keyboard-response.html @@ -19,7 +19,7 @@ type: 'video-keyboard-response', stimulus: ['video/sample_video.mp4'], choices: ['y','n'], - prompt: 'Press Y or N', + prompt: 'Press y or n.', width: 600, //height: 600, autoplay: true, diff --git a/examples/jspsych-visual-search-circle.html b/examples/jspsych-visual-search-circle.html index fca92395..42653a5a 100644 --- a/examples/jspsych-visual-search-circle.html +++ b/examples/jspsych-visual-search-circle.html @@ -14,7 +14,7 @@ var intro = { type: 'html-keyboard-response', - stimulus: '

You will see a set of Ns on the following screens. Press J if there is a backwards N. If there is no backwards N press F.

Press any key to begin.

' + stimulus: '

You will see a set of Ns on the following screens. Press j if there is a backwards N. If there is no backwards N press f.

Press any key to begin.

' } var trial_1 = { diff --git a/examples/lexical-decision.html b/examples/lexical-decision.html index a43abd74..c26b9f3f 100644 --- a/examples/lexical-decision.html +++ b/examples/lexical-decision.html @@ -18,7 +18,7 @@ var instructions = { type: 'html-button-response', stimulus: '

Each screen will show either an English word or letters that do not form a word.

'+ - '

Press Y if the letters form a valid word.

Press N if the letters do not form a valid word.

', + '

Press y if the letters form a valid word.

Press n if the letters do not form a valid word.

', choices: ['Ready to start'] } timeline.push(instructions); @@ -111,7 +111,7 @@ "

Your average correct response time for low frequency English words was "+Math.round(low_rt)+"ms.

"+ "

The typical pattern of results is that people are faster to respond to high frequency (common) "+ "word than low frequency (uncommon) words.

"+ - "

Press C to see the entire set of data generated by this experiment.

"; + "

Press c to see the entire set of data generated by this experiment.

"; return message; diff --git a/examples/manual-preloading.html b/examples/manual-preloading.html index 1401f1e0..bfb72f3f 100644 --- a/examples/manual-preloading.html +++ b/examples/manual-preloading.html @@ -37,7 +37,7 @@ return jsPsych.randomization.sampleWithoutReplacement(images_to_preload, 1)[0]; }, choices: ['y','n'], - prompt: '

Have you seen this face before? Y or N.

', + prompt: '

Have you seen this face before? Press y or n.

', stimulus_width: 300 } diff --git a/examples/progress-bar.html b/examples/progress-bar.html index 73aed71b..ad874ec8 100644 --- a/examples/progress-bar.html +++ b/examples/progress-bar.html @@ -5,11 +5,6 @@ -