-
Notifications
You must be signed in to change notification settings - Fork 19
/
experiment.html
76 lines (63 loc) · 2.7 KB
/
experiment.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
<head>
<title>Puzzle Game</title>
<!-- Load libraries -->
<script src="https://unpkg.com/jspsych@7.3.3"></script>
<!-- Initialize jsPsych -->
<script src="./js/init-jspsych.js"></script>
<!-- Load jsPsych plug-ins -->
<script src="./js/plugin-rpm.js"></script>
<script src="./js/plugin-screen-check.js"></script>
<script src="https://unpkg.com/@jspsych/plugin-instructions@1.1.3"></script>
<script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-call-function@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-fullscreen@1.1.2"></script>
<script src="https://unpkg.com/@jspsych/plugin-preload@1.1.2"></script>
<!-- Load experiment -->
<script src="./js/rpm-tfa.js"></script>
<script src="./js/rpm-tfb.js"></script>
<!-- Load CSS styles -->
<link href="https://unpkg.com/jspsych@7.3.3/css/jspsych.css" rel="stylesheet" type="text/css" />
</head>
<body></body>
<script>
// Query URL
const urlParams = new URLSearchParams(window.location.search);
const test_form = urlParams.get('tf');
// Define image preloading.
var PRELOAD = {
type: jsPsychPreload,
images: (test_form == "a") ? preload_rpm_tfa : preload_rpm_tfb,
message: 'Loading images. This may take a moment depending on your internet connection.',
error_message: '<p>The experiment failed to load. Please try restarting your browser.</p><p>If this error persists after 2-3 tries, please contact the experimenter.</p>',
continue_after_error: false,
show_progress_bar: true,
max_load_time: 30000
}
// Define experiment fullscreen.
var FULLSCREEN = {
type: jsPsychFullscreen,
fullscreen_mode: true
}
// Define instructions
var INSTRUCTIONS = {
type: jsPsychInstructions,
pages: [
"<p>We are beginning the <b>puzzle task</b>.</p><p>In this task, you will be shown a series of puzzles. For each puzzle, your goal is to<br>identify the missing piece from the options appearing below the puzzle.</p>",
'<p>There are 9 puzzles in total. You will have <b>30 seconds</b> for each puzzle.</p><p>Try to be as accurate as you can be. If you cannot solve the puzzle before time runs out, then you should guess.</p><p>Press the "next" button to get started.</p>',
],
show_clickable_nav: true,
button_label_previous: 'Prev',
button_label_next: 'Next',
}
// Initialize timeline.
var timeline = [];
timeline = timeline.concat(PRELOAD);
timeline = timeline.concat(FULLSCREEN);
timeline = timeline.concat(INSTRUCTIONS);
timeline = timeline.concat((test_form == "a") ? RPM_TFa : RPM_TFb);
// Execute timeline.
jsPsych.run(timeline);
</script>
</html>