gitea_work/suspicion-checks-experiment-3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated survey

Browse Source
This commit is contained in:
Shaheed Azaad
2026-02-19 22:30:33 +01:00
parent 55f927b564
commit 39ddf07973
6 changed files with 128 additions and 935 deletions
Download Patch File Download Diff File Expand all files Collapse all files

180
scripts/text-stimuli.js
View File

@@ -1,20 +1,3 @@
import getColourMap from './colours.js';
// Define image URLs
const blueImages = {
instructions_1: '/images/blue/instructions_1.png',
instructions_2: '/images/blue/instructions_2.png',
instructions_3: '/images/blue/instructions_3.png',
instructions_4: '/images/blue/instructions_4.png',
};
const redImages = {
instructions_1: '/images/red/instructions_1.png',
instructions_2: '/images/red/instructions_2.png',
instructions_3: '/images/red/instructions_3.png',
instructions_4: '/images/red/instructions_4.png',
};
import html from '../utils/html.js';
export const textStimuli = {
@@ -25,14 +8,10 @@ export const textStimuli = {
`,
};
function getStimulusMap(together_colour) {
const colourMap = getColourMap(together_colour);
function getStimulusMap() {
const stimulusMap = new Map();
// Select the appropriate image map based on the color
const imageMap = together_colour === 'blue' ? blueImages : redImages;
stimulusMap.set('pre_survey_info', html`
<p class="leading-relaxed">
@@ -180,169 +159,14 @@ function getStimulusMap(together_colour) {
`
);
stimulusMap.set(
'multi_user_instructions',
html`
<p class="leading-relaxed">
In this experiment, you will connect and work with a partner.
</p>
<p class="leading-relaxed">
It is
<i>critical</i>
that you only continue if you are able to complete the entire experiment
without interruption and with a stable internet connection.
</p>
<p class="leading-relaxed mt-6">
Press
<strong>SPACE</strong>
once you are ready to be paired with a partner.
</p>
`
);
stimulusMap.set(
'instructions_1',
html`
<p class="leading-relaxed">
In this study, you will work with your partner to complete a task
involving moving objects to one of two goals.
</p>
<p class="leading-relaxed mt-2">
In each round, one of you will be assigned the role of the
<strong>Selector.</strong>
The Selector will choose to which goal the object(s) will be moved.
</p>
<img
class="w-6/12 mx-auto my-8 border-3 border-gray-500 rounded-md"
src="${imageMap.instructions_1}"
alt="instructions_1"
/>
<p class="leading-relaxed mt-6">
Press
<strong>SPACE</strong>
to continue.
</p>
TEST
`
);
stimulusMap.set(
'instructions_2',
// prettier-ignore
html`
<p class="leading-relaxed">
One of the goals (labelled
<span class="font-semibold ${colourMap.get('together')}">
Together</span>)
will require both of you to move an object each. The other goal
(labelled
<span class="font-semibold ${colourMap.get('alone')}">
Alone</span>)
will
<i>only</i>
require the Selector to move an object.
</p>
<p class="leading-relaxed mt-2">
When you are the Selector, you will see two buttons at the bottom of your
screen. The buttons colours correspond to the colour of the goal location
(e.g., red button for the red goal).
</p>
<img
class="w-6/12 mx-auto my-8 border-3 border-gray-500 rounded-md"
src="${imageMap.instructions_2}"
alt="instructions_2"
/>
<p class="leading-relaxed mt-6">
Press
<strong>SPACE</strong>
to continue.
</p>
`
);
stimulusMap.set(
'instructions_3',
html`
<p class="leading-relaxed">
If you are not the Selector, you will need to wait until your partner
makes a decision.
</p>
<p class="leading-relaxed mt-2">
Once a decision is made, you will first need to click the
<span class="${colourMap.get('go')} font-semibold">Go</span>
button to make your object movable. Then, once you click an object, it
will teleport to the goal location.
</p>
<img
class="w-6/12 mx-auto my-8 border-3 border-gray-500 rounded-md"
src="${imageMap.instructions_3}"
alt="instructions_3"
/>
<p class="leading-relaxed mt-6">
Press
<strong>SPACE</strong>
to continue.
</p>
`
);
stimulusMap.set(
'instructions_4',
html`
<p class="leading-relaxed">
If the Selector chooses the
<span class="font-semibold ${colourMap.get('alone')}">Alone</span>
goal, one object will disappear, and the Selector will move the
remaining object.
</p>
<p class="leading-relaxed mt-2">
Otherwise, if the Selector chooses
<span class="font-semibold ${colourMap.get('together')}">
Together
</span>
, each of you will need to click an object - only click the object that
is lower on your screen. The other is for your partner.
</p>
<img
class="w-6/12 mx-auto my-8 border-3 border-gray-500 rounded-md"
src="${imageMap.instructions_4}"
alt="instructions_4"
/>
<p class="leading-relaxed mt-6">
Press
<strong>SPACE</strong>
to continue.
</p>
`
);
stimulusMap.set(
'pre_practice_instructions',
html`
<p class="leading-relaxed">
You will now complete a short practice task with your partner.
</p>
<p class="leading-relaxed mt-6">
Press
<strong>SPACE</strong>
to continue.
</p>
`
);
stimulusMap.set(
'pre_task_instructions',
html`
<p class="leading-relaxed">
Practice complete. You will now complete the main task. This will take
around five minutes.
</p>
<p class="leading-relaxed">
Press
<strong>SPACE</strong>
to continue.
</p>
`
);
stimulusMap.set(
'debrief',