stims to pictures

expfactory · Mar 5, 2019 · 483638a · 483638a
1 parent 4669b14
commit 483638a
Show file tree

Hide file tree

Showing 290 changed files with 479 additions and 266 deletions.
diff --git a/cued_task_switching_single_task_network/experiment.js b/cued_task_switching_single_task_network/experiment.js
@@ -185,15 +185,14 @@ var setStims = function() {
 }
 
 var getCue = function() {
-  var cue_html = '<div class = upperbox><div class = "center-text" >' + curr_cue +
-    '</div></div><div class = lowerbox><div class = fixation>+</div></div>'
+  var cue_html = '<div class = upperbox><div class = "center-text" >' + curr_cue + '</div></div>'+
+  				 '<div class = lowerbox><div class = fixation>+</div></div>'
   return cue_html
 }
 
 var getStim = function() {
-  var stim_html = '<div class = upperbox><div class = "center-text" >' + curr_cue +
-    '</div></div><div class = lowerbox><div class = "center-text" style=color:' + curr_stim.color +
-    ';>' + curr_stim.number + '</div>'
+  var stim_html = '<div class = upperbox><div class = "center-text" >' + curr_cue + '</div></div>'+
+    			  '<div class = lowerbox><div class = gng_number><div class = cue-text>'+ preFileType + curr_stim.number + fileTypePNG + '</div></div></div>'
   return stim_html
 }
 
@@ -277,7 +276,8 @@ var rt_thresh = 1000;
 var missed_response_thresh = 0.10;
 var accuracy_thresh = 0.80;
 
-
+var fileTypePNG = ".png'></img>"
+var preFileType = "<img class = center src='/static/experiments/cued_task_switching_single_task_network/images/"
 
 //set up block stim. correct_responses indexed by [block][stim][type]
 var tasks = {

diff --git a/cued_task_switching_single_task_network/images/1.png b/cued_task_switching_single_task_network/images/1.png
diff --git a/cued_task_switching_single_task_network/images/2.png b/cued_task_switching_single_task_network/images/2.png
diff --git a/cued_task_switching_single_task_network/images/3.png b/cued_task_switching_single_task_network/images/3.png
diff --git a/cued_task_switching_single_task_network/images/4.png b/cued_task_switching_single_task_network/images/4.png
diff --git a/cued_task_switching_single_task_network/images/6.png b/cued_task_switching_single_task_network/images/6.png
diff --git a/cued_task_switching_single_task_network/images/7.png b/cued_task_switching_single_task_network/images/7.png
diff --git a/cued_task_switching_single_task_network/images/8.png b/cued_task_switching_single_task_network/images/8.png
diff --git a/cued_task_switching_single_task_network/images/9.png b/cued_task_switching_single_task_network/images/9.png
diff --git a/cued_task_switching_single_task_network/style.css b/cued_task_switching_single_task_network/style.css
@@ -60,12 +60,14 @@
 }
 
 .cue-text {
- text-align: center;
- font-size: 50px;
- position: relative;
- top: 50%; 
- transform: translateY(-50%);
- -webkit-transform: translateY(-50%);
+  width:20vw;
+  height: 20vh;
+  position:absolute;
+  top:50%;
+  left:50%;
+  margin-right:-50%;
+  transform: translate(-50%,-50%);
+  background-color: none;
 }
 
 .bigbox {
@@ -138,6 +140,7 @@ img.center {
   left:50%;
   margin-right:-50%;
   transform: translate(-50%, -25%);
+  background-color: none;
 }
 
 .promptbox {
@@ -149,3 +152,13 @@ img.center {
   margin-right:-50%;
   transform: translate(-125%, 50%);
 }
+
+.gng_number {
+  width: 5vw;
+  height: 5vw;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-color: none;
+  transform: translate(-50%, -50%);
+}
diff --git a/directed_forgetting_with_flanker/style.css b/directed_forgetting_with_flanker/style.css
@@ -219,7 +219,7 @@ position:absolute;
 top:50%;
 left:50%; 
 margin-right:0%;
-transform: translate(-200%,-50%);
+transform: translate(-150%,-50%);
 background-color: none;
 }
 
@@ -230,7 +230,7 @@ position:absolute;
 top:50%;
 left:50%; 
 margin-right:0%;
-transform: translate(-125%,-50%);
+transform: translate(-100%,-50%);
 background-color: none;
 }
 
@@ -252,7 +252,7 @@ position:absolute;
 top:50%;
 left:50%;
 margin-right:0%;
-transform: translate(25%,-50%);
+transform: translate(0%,-50%);
 background-color: none;
 }
 
@@ -263,6 +263,6 @@ position:absolute;
 top:50%;
 left:50%;
 margin-right:0%;
-transform: translate(100%,-50%);
+transform: translate(50%,-50%);
 background-color: none;
 }
diff --git a/flanker_with_cued_task_switching/style.css b/flanker_with_cued_task_switching/style.css
@@ -163,7 +163,7 @@ position:absolute;
 top:50%;
 left:50%; 
 margin-right:0%;
-transform: translate(-200%,-50%);
+transform: translate(-150%,-50%);
 background-color: none;
 }
 
@@ -174,7 +174,7 @@ position:absolute;
 top:50%;
 left:50%; 
 margin-right:0%;
-transform: translate(-125%,-50%);
+transform: translate(-100%,-50%);
 background-color: none;
 }
 
@@ -196,7 +196,7 @@ position:absolute;
 top:50%;
 left:50%;
 margin-right:0%;
-transform: translate(25%,-50%);
+transform: translate(0%,-50%);
 background-color: none;
 }
 
@@ -207,6 +207,6 @@ position:absolute;
 top:50%;
 left:50%;
 margin-right:0%;
-transform: translate(100%,-50%);
+transform: translate(50%,-50%);
 background-color: none;
 }
diff --git a/flanker_with_predictable_task_switching/style.css b/flanker_with_predictable_task_switching/style.css
@@ -182,7 +182,7 @@ position:absolute;
 top:50%;
 left:50%; 
 margin-right:0%;
-transform: translate(-200%,-50%);
+transform: translate(-150%,-50%);
 background-color: none;
 }
 
@@ -193,7 +193,7 @@ position:absolute;
 top:50%;
 left:50%; 
 margin-right:0%;
-transform: translate(-125%,-50%);
+transform: translate(-100%,-50%);
 background-color: none;
 }
 
@@ -215,7 +215,7 @@ position:absolute;
 top:50%;
 left:50%;
 margin-right:0%;
-transform: translate(25%,-50%);
+transform: translate(0%,-50%);
 background-color: none;
 }
 
@@ -226,6 +226,6 @@ position:absolute;
 top:50%;
 left:50%;
 margin-right:0%;
-transform: translate(100%,-50%);
+transform: translate(50%,-50%);
 background-color: none;
-}
+}
diff --git a/go_nogo_with_directed_forgetting/style.css b/go_nogo_with_directed_forgetting/style.css
@@ -212,8 +212,8 @@ background-color: none;
 /*******************************************************/
 
 .gng_number {
-width: 10vw;
-height: 10vw;
+width: 5vw;
+height: 5vw;
 position:absolute;
 top:50%;
 left:50%;

diff --git a/go_nogo_with_flanker/style.css b/go_nogo_with_flanker/style.css
@@ -129,7 +129,7 @@ position:absolute;
 top:50%;
 left:50%; 
 margin-right:0%;
-transform: translate(-200%,-50%);
+transform: translate(-150%,-50%);
 background-color: none;
 }
 
@@ -140,7 +140,7 @@ position:absolute;
 top:50%;
 left:50%; 
 margin-right:0%;
-transform: translate(-125%,-50%);
+transform: translate(-100%,-50%);
 background-color: none;
 }
 
@@ -162,7 +162,7 @@ position:absolute;
 top:50%;
 left:50%;
 margin-right:0%;
-transform: translate(25%,-50%);
+transform: translate(0%,-50%);
 background-color: none;
 }
 
@@ -173,6 +173,6 @@ position:absolute;
 top:50%;
 left:50%;
 margin-right:0%;
-transform: translate(100%,-50%);
+transform: translate(50%,-50%);
 background-color: none;
 }
diff --git a/go_nogo_with_predictable_task_switching/style.css b/go_nogo_with_predictable_task_switching/style.css
@@ -60,8 +60,8 @@
 }
 
 .cue-text {
-  width:100vw;
-  height: 100vh;
+  width:20vw;
+  height: 20vh;
   position:absolute;
   top:50%;
   left:50%;
@@ -174,8 +174,8 @@ img.center {
 /*******************************************************/
 
 .gng_number {
-width: 15vw;
-height: 15vw;
+width: 5vw;
+height: 5vw;
 position:absolute;
 top:50%;
 left:50%;

diff --git a/n_back_single_task_network/experiment.js b/n_back_single_task_network/experiment.js
@@ -189,10 +189,13 @@ var getStim = function(){
 	correct_response = stim.correct_response
 	delay = stim.delay
 
-
-	return task_boards[0]+ 
-			probe+
-		   task_boards[1]
+	if (probe == probe.toUpperCase()) {
+	 letter_case = 'uppercase'
+	} else if (probe == probe.toLowerCase()) {
+	 letter_case = 'lowercase'
+	}
+
+	return task_boards[0]+ preFileType  + letter_case + '_' + probe + fileTypePNG + task_boards[1]	
 }
 
 var getResponse =  function(){
@@ -217,7 +220,8 @@ var appendData = function(){
 		correct_response: correct_response,
 		delay: delay,
 		current_trial: current_trial,
-		current_block: current_block
+		current_block: current_block,
+		letter_case: letter_case
 	})
 
 	if (jsPsych.data.getDataByTrialIndex(curr_trial).key_press == correct_response){
@@ -287,7 +291,7 @@ var current_block = 0
 /*          Define Game Boards          */
 /* ************************************ */
 
-var task_boards = [['<div class = bigbox><div class = centerbox><div class = flanker-text>'],['<div></div><div>']]	
+var task_boards = ['<div class = bigbox><div class = centerbox><div class = gng_number><div class = cue-text>','</div></div></div></div>']		
 
 var stims = createTrialTypes(practice_len, delay)
 

diff --git a/n_back_single_task_network/images/lowercase_B.png b/n_back_single_task_network/images/lowercase_B.png
diff --git a/n_back_single_task_network/images/lowercase_D.png b/n_back_single_task_network/images/lowercase_D.png
diff --git a/n_back_single_task_network/images/lowercase_G.png b/n_back_single_task_network/images/lowercase_G.png
diff --git a/n_back_single_task_network/images/lowercase_T.png b/n_back_single_task_network/images/lowercase_T.png
diff --git a/n_back_single_task_network/images/lowercase_V.png b/n_back_single_task_network/images/lowercase_V.png
diff --git a/n_back_single_task_network/images/uppercase_B.png b/n_back_single_task_network/images/uppercase_B.png
diff --git a/n_back_single_task_network/images/uppercase_D.png b/n_back_single_task_network/images/uppercase_D.png
diff --git a/n_back_single_task_network/images/uppercase_G.png b/n_back_single_task_network/images/uppercase_G.png
diff --git a/n_back_single_task_network/images/uppercase_T.png b/n_back_single_task_network/images/uppercase_T.png
diff --git a/n_back_single_task_network/images/uppercase_V.png b/n_back_single_task_network/images/uppercase_V.png
diff --git a/n_back_single_task_network/style.css b/n_back_single_task_network/style.css
@@ -27,6 +27,8 @@
     -webkit-transform: translateY(-50%);
 }
 
+
+
 .fb_box {
   width:35vw;
   height: 20vh;
@@ -60,12 +62,13 @@
 }
 
 .cue-text {
- text-align: center;
- font-size: 50px;
- position: relative;
- top: 50%; 
- transform: translateY(-50%);
- -webkit-transform: translateY(-50%);
+  width:20vw;
+  height: 20vh;
+  position:absolute;
+  top:50%;
+  left:50%;
+  margin-right:-50%;
+  transform: translate(-50%,-50%);
 }
 
 .bigbox {
@@ -129,3 +132,15 @@ img.center {
   margin-right:-50%;
   transform: translate(-50%,-50%);
 }
+
+
+.gng_number {
+width: 5vw;
+height: 5vw;
+position:absolute;
+top:50%;
+left:50%;
+margin-right:0%;
+transform: translate(-50%,-50%);
+background-color: none;
+}
diff --git a/n_back_with_cued_task_switching/experiment.js b/n_back_with_cued_task_switching/experiment.js
@@ -266,15 +266,21 @@ var getCueStim = function() {
 	correct_response = stim.correct_response
 	delay = stim.delay
 
+	if (probe == probe.toUpperCase()) {
+	 letter_case = 'uppercase'
+	} else if (probe == probe.toLowerCase()) {
+	 letter_case = 'lowercase'
+	}
+
   var cue_html = '<div class = upperbox><div class = "center-text" >' + curr_cue +
     '</div></div><div class = lowerbox><div class = fixation>+</div></div>'
   return cue_html
 }
 
 var getStim = function() {
 
-  var stim_html = '<div class = upperbox><div class = "center-text" >' + curr_cue +
-		'</div></div><div class = lowerbox><div class = flanker-text>'+ probe +'</div></div>'
+  var stim_html = '<div class = upperbox><div class = "center-text" >' + curr_cue + '</div></div>'+
+  				  '<div class = lowerbox><div class = gng_number><div class = cue-text>'+ preFileType  + letter_case + '_' + probe + fileTypePNG +'</div></div></div>'
 
   return stim_html
 }
@@ -414,8 +420,7 @@ var current_block = 0
 /*          Define Game Boards          */
 /* ************************************ */
 
-var task_boards = [['<div class = bigbox><div class = centerbox><div class = fixation>'],['</div></div></div>']]
-
+var task_boards = ['<div class = bigbox><div class = centerbox><div class = gng_number><div class = cue-text>','</div></div></div></div>']		
 
 
 /* ************************************ */

diff --git a/n_back_with_cued_task_switching/images/lowercase_A.png b/n_back_with_cued_task_switching/images/lowercase_A.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_B.png b/n_back_with_cued_task_switching/images/lowercase_B.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_C.png b/n_back_with_cued_task_switching/images/lowercase_C.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_D.png b/n_back_with_cued_task_switching/images/lowercase_D.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_E.png b/n_back_with_cued_task_switching/images/lowercase_E.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_F.png b/n_back_with_cued_task_switching/images/lowercase_F.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_G.png b/n_back_with_cued_task_switching/images/lowercase_G.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_H.png b/n_back_with_cued_task_switching/images/lowercase_H.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_I.png b/n_back_with_cued_task_switching/images/lowercase_I.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_J.png b/n_back_with_cued_task_switching/images/lowercase_J.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_K.png b/n_back_with_cued_task_switching/images/lowercase_K.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_L.png b/n_back_with_cued_task_switching/images/lowercase_L.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_M.png b/n_back_with_cued_task_switching/images/lowercase_M.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_N.png b/n_back_with_cued_task_switching/images/lowercase_N.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_O.png b/n_back_with_cued_task_switching/images/lowercase_O.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_P.png b/n_back_with_cued_task_switching/images/lowercase_P.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_Q.png b/n_back_with_cued_task_switching/images/lowercase_Q.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_R.png b/n_back_with_cued_task_switching/images/lowercase_R.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_S.png b/n_back_with_cued_task_switching/images/lowercase_S.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_T.png b/n_back_with_cued_task_switching/images/lowercase_T.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_U.png b/n_back_with_cued_task_switching/images/lowercase_U.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_V.png b/n_back_with_cued_task_switching/images/lowercase_V.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_W.png b/n_back_with_cued_task_switching/images/lowercase_W.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_X.png b/n_back_with_cued_task_switching/images/lowercase_X.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_Y.png b/n_back_with_cued_task_switching/images/lowercase_Y.png
diff --git a/n_back_with_cued_task_switching/images/lowercase_Z.png b/n_back_with_cued_task_switching/images/lowercase_Z.png
diff --git a/...single_task_network/images/stopSignal.png → ...cued_task_switching/images/stopSignal.png b/...single_task_network/images/stopSignal.png → ...cued_task_switching/images/stopSignal.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_A.png b/n_back_with_cued_task_switching/images/uppercase_A.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_B.png b/n_back_with_cued_task_switching/images/uppercase_B.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_C.png b/n_back_with_cued_task_switching/images/uppercase_C.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_D.png b/n_back_with_cued_task_switching/images/uppercase_D.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_E.png b/n_back_with_cued_task_switching/images/uppercase_E.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_F.png b/n_back_with_cued_task_switching/images/uppercase_F.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_G.png b/n_back_with_cued_task_switching/images/uppercase_G.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_H.png b/n_back_with_cued_task_switching/images/uppercase_H.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_I.png b/n_back_with_cued_task_switching/images/uppercase_I.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_J.png b/n_back_with_cued_task_switching/images/uppercase_J.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_K.png b/n_back_with_cued_task_switching/images/uppercase_K.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_L.png b/n_back_with_cued_task_switching/images/uppercase_L.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_M.png b/n_back_with_cued_task_switching/images/uppercase_M.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_N.png b/n_back_with_cued_task_switching/images/uppercase_N.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_O.png b/n_back_with_cued_task_switching/images/uppercase_O.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_P.png b/n_back_with_cued_task_switching/images/uppercase_P.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_Q.png b/n_back_with_cued_task_switching/images/uppercase_Q.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_R.png b/n_back_with_cued_task_switching/images/uppercase_R.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_S.png b/n_back_with_cued_task_switching/images/uppercase_S.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_T.png b/n_back_with_cued_task_switching/images/uppercase_T.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_U.png b/n_back_with_cued_task_switching/images/uppercase_U.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_V.png b/n_back_with_cued_task_switching/images/uppercase_V.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_W.png b/n_back_with_cued_task_switching/images/uppercase_W.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_X.png b/n_back_with_cued_task_switching/images/uppercase_X.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_Y.png b/n_back_with_cued_task_switching/images/uppercase_Y.png
diff --git a/n_back_with_cued_task_switching/images/uppercase_Z.png b/n_back_with_cued_task_switching/images/uppercase_Z.png