-
Notifications
You must be signed in to change notification settings - Fork 3
/
instructions.js
49 lines (43 loc) · 3.48 KB
/
instructions.js
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
// =========================================================================================
// Parameters
// =========================================================================================
function shuffleArray(array) {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1))
;[array[i], array[j]] = [array[j], array[i]]
}
return array
}
var color_cues = shuffleArray(["red", "blue", "green"])
color_cues = { Reality: color_cues[0], Fiction: color_cues[1] }
// =========================================================================================
// Fiction
// =========================================================================================
var text_instructions1_en =
"<h1>Instructions</h1>" +
// Left aligned text
"<p style='text-align: left; margin-left: 30%; margin-right: 30%;'>In this study, we aim at validating our new image-generation algorithm (based on the Generative Adversarial Network - GAN technology) trained to produce high-quality erotic (but also non-erotic content).</p>" +
"<p style='text-align: left; margin-left: 30%; margin-right: 30%;'>In the following task, you will be presented with images generated by our algorithm (preceded by the word '<b style='color:" +
color_cues["Fiction"] +
"'>AI-generated</b>'), intermixed with erotic and non - erotic real photos (preceded by the word '<b style='color:" +
color_cues["Reality"] +
"'>Picture</b>') taken from publicly available picture databases, adjusted to be of similar dimension and aspect as the artificially - generated images.</p > " +
"<p style='text-align: left; margin-left: 30%; margin-right: 30%;'>After each image, you will have to rate the images on the following scales:</p><ul style='text-align: left; margin-left: 30%; margin-right: 30%;'>" +
"<li><b>Sexy</b>: How sexy do you think others would find this image, on average? This question is about how sexually appealing you believe this image would in itself be to <b>people similar to you</b> in terms of gender and sexual orientation.</li>" + // "in itself" to suggest "regardless of the condition"
"<li><b>Arousal</b>: How much do you find the image sexually arousing. This question is about <b>your own personal reaction</b> to the image.</li>" +
// "<li><b>Convincing</b>: In case you spot any artifacts or problems with the image that made it look fake (mostly applies to the artificial images)</li>" +
"</ul>"
var text_instructions2_en =
"<h1>Done!</h1>" +
"<p style='text-align: left; margin-left: 30%; margin-right: 30%;'>Thanks a lot. In the next phase, we aim at testing if you found our <b>image generation algorithm convincing</b> and artifacts-free.</p>" +
"<p style='text-align: left; margin-left: 30%; margin-right: 30%;'>We will briefly present you all the images one last time (our generated ones as well as the photos), and you will have to rate them on how <b>real</b> they are.</p>"
//-------------------------
var text_instructionsbutton_en = "Let's start!"
// -------------------------
var text_cue_en = { Reality: "Picture", Fiction: "AI-generated" }
// Ratings ----------------------------------------------------------------
var text_ticks_en = ["Not at all", "Very much"]
var text_rating_sexy_en =
"How much would you consider this image to be <b>sexy</b> on average?" // Sexual appeal
var text_rating_arousal_en = "How much did you feel <b>sexually aroused</b>?"
var text_rating_realness_en = "How <b>realistic</b> is this image?"