PennController · goldengua · Aug 20, 2020 · Aug 20, 2020 · Aug 20, 2020 · Aug 20, 2020
diff --git a/chunk_includes/1deerDenseWood.mp3 b/chunk_includes/1deerDenseWood.mp3
diff --git a/chunk_includes/1deerDenseWood.png b/chunk_includes/1deerDenseWood.png
diff --git a/chunk_includes/1fishSquareTank.mp3 b/chunk_includes/1fishSquareTank.mp3
diff --git a/chunk_includes/1fishSquareTank.png b/chunk_includes/1fishSquareTank.png
diff --git a/chunk_includes/1mooseNewPark.mp3 b/chunk_includes/1mooseNewPark.mp3
diff --git a/chunk_includes/1mooseNewPark.png b/chunk_includes/1mooseNewPark.png
diff --git a/chunk_includes/1sheepRedPen.mp3 b/chunk_includes/1sheepRedPen.mp3
diff --git a/chunk_includes/1sheepRedPen.png b/chunk_includes/1sheepRedPen.png
diff --git a/chunk_includes/2deerSparseWood.mp3 b/chunk_includes/2deerSparseWood.mp3
diff --git a/chunk_includes/2deerSparseWood.png b/chunk_includes/2deerSparseWood.png
diff --git a/chunk_includes/2fishRoundTank.mp3 b/chunk_includes/2fishRoundTank.mp3
diff --git a/chunk_includes/2fishRoundTank.png b/chunk_includes/2fishRoundTank.png
diff --git a/chunk_includes/2mooseOldPark.mp3 b/chunk_includes/2mooseOldPark.mp3
diff --git a/chunk_includes/2mooseOldPark.png b/chunk_includes/2mooseOldPark.png
diff --git a/chunk_includes/2sheepBluePen.mp3 b/chunk_includes/2sheepBluePen.mp3
diff --git a/chunk_includes/2sheepBluePen.png b/chunk_includes/2sheepBluePen.png
diff --git a/chunk_includes/Syllable_B3_Mia_ba1.wav b/chunk_includes/Syllable_B3_Mia_ba1.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ba2.wav b/chunk_includes/Syllable_B3_Mia_ba2.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ba3.wav b/chunk_includes/Syllable_B3_Mia_ba3.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ba4.wav b/chunk_includes/Syllable_B3_Mia_ba4.wav
diff --git a/chunk_includes/Syllable_B3_Mia_di1.wav b/chunk_includes/Syllable_B3_Mia_di1.wav
diff --git a/chunk_includes/Syllable_B3_Mia_di2.wav b/chunk_includes/Syllable_B3_Mia_di2.wav
diff --git a/chunk_includes/Syllable_B3_Mia_di3.wav b/chunk_includes/Syllable_B3_Mia_di3.wav
diff --git a/chunk_includes/Syllable_B3_Mia_di4.wav b/chunk_includes/Syllable_B3_Mia_di4.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ma1.wav b/chunk_includes/Syllable_B3_Mia_ma1.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ma2.wav b/chunk_includes/Syllable_B3_Mia_ma2.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ma3.wav b/chunk_includes/Syllable_B3_Mia_ma3.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ma4.wav b/chunk_includes/Syllable_B3_Mia_ma4.wav
diff --git a/chunk_includes/Syllable_B3_Mia_shu1.wav b/chunk_includes/Syllable_B3_Mia_shu1.wav
diff --git a/chunk_includes/Syllable_B3_Mia_shu2.wav b/chunk_includes/Syllable_B3_Mia_shu2.wav
diff --git a/chunk_includes/Syllable_B3_Mia_shu3.wav b/chunk_includes/Syllable_B3_Mia_shu3.wav
diff --git a/chunk_includes/Syllable_B3_Mia_shu4.wav b/chunk_includes/Syllable_B3_Mia_shu4.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ti1.wav b/chunk_includes/Syllable_B3_Mia_ti1.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ti2.wav b/chunk_includes/Syllable_B3_Mia_ti2.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ti3.wav b/chunk_includes/Syllable_B3_Mia_ti3.wav
diff --git a/chunk_includes/Syllable_B3_Mia_ti4.wav b/chunk_includes/Syllable_B3_Mia_ti4.wav
diff --git a/chunk_includes/Syllable_B3_Mia_wu1.wav b/chunk_includes/Syllable_B3_Mia_wu1.wav
diff --git a/chunk_includes/Syllable_B3_Mia_wu2.wav b/chunk_includes/Syllable_B3_Mia_wu2.wav
diff --git a/chunk_includes/Syllable_B3_Mia_wu3.wav b/chunk_includes/Syllable_B3_Mia_wu3.wav
diff --git a/chunk_includes/Syllable_B3_Mia_wu4.wav b/chunk_includes/Syllable_B3_Mia_wu4.wav
diff --git a/chunk_includes/alien1.png b/chunk_includes/alien1.png
diff --git a/chunk_includes/alien2.png b/chunk_includes/alien2.png
diff --git a/chunk_includes/alien3.png b/chunk_includes/alien3.png
diff --git a/chunk_includes/alien4.png b/chunk_includes/alien4.png
diff --git a/chunk_includes/asd.png b/chunk_includes/asd.png
diff --git a/chunk_includes/drag.html b/chunk_includes/drag.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+<style>
+#mydiv {
+  position: absolute;
+  z-index: 9;
+  background-color: #f1f1f1;
+  text-align: center;
+  border: 1px solid #d3d3d3;
+}
+
+#mydivheader {
+  padding: 10px;
+  cursor: move;
+  z-index: 10;
+  background-color: #2196F3;
+  color: #fff;
+}
+</style>
+<body>
+
+<h1>Draggable DIV Element</h1>
+
+<p>Click and hold the mouse button down while moving the DIV element</p>
+
+<div id="mydiv">
+  <div id="mydivheader">Click here to move</div>
+  <p>Move</p>
+  <p>this</p>
+  <p>DIV</p>
+</div>
+
+<script>
+//Make the DIV element draggagle:
+dragElement(document.getElementById("mydiv"));
+
+function dragElement(elmnt) {
+  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
+  if (document.getElementById(elmnt.id + "header")) {
+    /* if present, the header is where you move the DIV from:*/
+    document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
+  } else {
+    /* otherwise, move the DIV from anywhere inside the DIV:*/
+    elmnt.onmousedown = dragMouseDown;
+  }
+
+  function dragMouseDown(e) {
+    e = e || window.event;
+    e.preventDefault();
+    // get the mouse cursor position at startup:
+    pos3 = e.clientX;
+    pos4 = e.clientY;
+    document.onmouseup = closeDragElement;
+    // call a function whenever the cursor moves:
+    document.onmousemove = elementDrag;
+  }
+
+  function elementDrag(e) {
+    e = e || window.event;
+    e.preventDefault();
+    // calculate the new cursor position:
+    pos1 = pos3 - e.clientX;
+    pos2 = pos4 - e.clientY;
+    pos3 = e.clientX;
+    pos4 = e.clientY;
+    // set the element's new position:
+    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
+    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
+  }
+
+  function closeDragElement() {
+    /* stop moving when mouse button is released:*/
+    document.onmouseup = null;
+    document.onmousemove = null;
+  }
+}
+</script>
+
+</body>
+</html>
diff --git a/chunk_includes/drumloop_65.wav b/chunk_includes/drumloop_65.wav
diff --git a/chunk_includes/exit.html b/chunk_includes/exit.html
@@ -0,0 +1,35 @@
+<script language="javascript" type="text/javascript">
+function randomString() {
+  var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
+  var string_length = 8;
+  var randomstring = '';
+  for (var i=0; i<string_length; i++) {
+    var rnum = Math.floor(Math.random() * chars.length);
+    randomstring += chars.substring(rnum,rnum+1);
+  }
+  document.randform.randomfield.value = randomstring;
+}
+</script>
+
+<table>
+
+<tr>
+  <td colspan="1"> <b> Press the button below to generate your identification code, save the code before you end the experiment。 </b> </td>
+ </tr>
+
+<tr>
+<td>
+<form name="randform">
+<input type="button" value="Generate Identification Code" onClick="randomString();">&nbsp;
+<input type="text" name="randomfield" value="">
+</form>
+
+</td>
+</tr>
+
+
+</table>
+
+<p>
+<b> Please press the button bellow to end the experiment. Do not turn off the page until the data has been sent. Thank you! </b>
+</p>
diff --git a/chunk_includes/failure.wav b/chunk_includes/failure.wav
diff --git a/chunk_includes/fulldesign.csv b/chunk_includes/fulldesign.csv
@@ -1,9 +1,25 @@
-AudioFile,Description,PluralImageFile,SingularImageFile,Item,Group,Ending,Duration
-1fishSquareTank.mp3,The fish swims in a tank which is perfectly square,2fishRoundTank.png,1fishSquareTank.png,fish,A,-s,2600
-2fishRoundTank.mp3,The fish swim in a tank which is perfectly round,2fishRoundTank.png,1fishSquareTank.png,fish,B,No-s,2600
-1deerDenseWood.mp3,The deer runs in a wood which is extremely dense,2deerSparseWood.png,1deerDenseWood.png,deer,B,-s,2500
-2deerSparseWood.mp3,The deer run in a wood which is extremely sparse,2deerSparseWood.png,1deerDenseWood.png,deer,A,No-s,2500
-1sheepRedPen.mp3,The sheep roams in a pen which is strikingly red,2sheepBluePen.png,1sheepRedPen.png,sheep,A,-s,2200
-2sheepBluePen.mp3,The sheep roam in a pen which is strikingly blue,2sheepBluePen.png,1sheepRedPen.png,sheep,B,No-s,2200
-1mooseNewPark.mp3,The moose walks in a park which is visibly new,2mooseOldPark.png,1mooseNewPark.png,moose,B,-s,2200
-2mooseOldPark.mp3,The moose walk in a park which is visibly old,2mooseOldPark.png,1mooseNewPark.png,moose,A,No-s,2200
+AudioFile,ImageFile,key,Item,Group,P1x,P1y,P2x,P2y,P3x,P3y
+m2_syllable_b3_ai1.wav, alien1.png,w,ai1,1, 0, 100, 100, 100, 200, 100
+m2_syllable_b3_ai2.wav, alien2.png,a,ai2,1, 0, 200, 100, 100, 200, 0
+m2_syllable_b3_ai3.wav, alien3.png,s,ai3,1, 0, 100, 100, 200, 200, 100
+m2_syllable_b3_ai4.wav, alien4.png,d,ai4,1, 0, 0, 100, 100, 200, 200
+m2_syllable_b3_ba1.wav, alien1.png,w,ai1,1, 0, 100, 100, 100, 200, 100
+m2_syllable_b3_ba2.wav, alien2.png,a,ai2,1, 0, 200, 100, 100, 200, 0
+m2_syllable_b3_ba3.wav, alien3.png,s,ai3,1, 0, 100, 100, 200, 200, 100
+m2_syllable_b3_ba4.wav, alien4.png,d,ai4,1, 0, 0, 100, 100, 200, 200
+m2_syllable_b3_bao1.wav, alien1.png,w,ai1,1, 0, 100, 100, 100, 200, 100
+m2_syllable_b3_bao2.wav, alien2.png,a,ai2,1, 0, 200, 100, 100, 200, 0
+m2_syllable_b3_bao3.wav, alien3.png,s,ai3,1, 0, 100, 100, 200, 200, 100
+m2_syllable_b3_bao4.wav, alien4.png,d,ai4,1, 0, 0, 100, 100, 200, 200
+m2_syllable_b3_di1.wav, alien1.png,w,ai1,1, 0, 100, 100, 100, 200, 100
+m2_syllable_b3_di2.wav, alien2.png,a,ai2,1, 0, 200, 100, 100, 200, 0
+m2_syllable_b3_di3.wav, alien3.png,s,ai3,1, 0, 100, 100, 200, 200, 100
+m2_syllable_b3_di4.wav, alien4.png,d,ai4,1, 0, 0, 100, 100, 200, 200
+m2_syllable_b3_wu1.wav, alien1.png,w,ai1,1, 0, 100, 100, 100, 200, 100
+m2_syllable_b3_wu2.wav, alien2.png,a,ai2,1, 0, 200, 100, 100, 200, 0
+m2_syllable_b3_wu3.wav, alien3.png,s,ai3,1, 0, 100, 100, 200, 200, 100
+m2_syllable_b3_wu4.wav, alien4.png,d,ai4,1, 0, 0, 100, 100, 200, 200
+m2_syllable_b3_xu1.wav, alien1.png,w,ai1,1, 0, 100, 100, 100, 200, 100
+m2_syllable_b3_xu2.wav, alien2.png,a,ai2,1, 0, 200, 100, 100, 200, 0
+m2_syllable_b3_xu3.wav, alien3.png,s,ai3,1, 0, 100, 100, 200, 200, 100
+m2_syllable_b3_xu4.wav, alien4.png,d,ai4,1, 0, 0, 100, 100, 200, 200
diff --git a/chunk_includes/m2_syllable_b3_ai1.wav b/chunk_includes/m2_syllable_b3_ai1.wav
diff --git a/chunk_includes/m2_syllable_b3_ai2.wav b/chunk_includes/m2_syllable_b3_ai2.wav
diff --git a/chunk_includes/m2_syllable_b3_ai3.wav b/chunk_includes/m2_syllable_b3_ai3.wav
diff --git a/chunk_includes/m2_syllable_b3_ai4.wav b/chunk_includes/m2_syllable_b3_ai4.wav
diff --git a/chunk_includes/m2_syllable_b3_ba1.wav b/chunk_includes/m2_syllable_b3_ba1.wav
diff --git a/chunk_includes/m2_syllable_b3_ba2.wav b/chunk_includes/m2_syllable_b3_ba2.wav
diff --git a/chunk_includes/m2_syllable_b3_ba3.wav b/chunk_includes/m2_syllable_b3_ba3.wav
diff --git a/chunk_includes/m2_syllable_b3_ba4.wav b/chunk_includes/m2_syllable_b3_ba4.wav
diff --git a/chunk_includes/m2_syllable_b3_bao1.wav b/chunk_includes/m2_syllable_b3_bao1.wav
diff --git a/chunk_includes/m2_syllable_b3_bao2.wav b/chunk_includes/m2_syllable_b3_bao2.wav
diff --git a/chunk_includes/m2_syllable_b3_bao3.wav b/chunk_includes/m2_syllable_b3_bao3.wav
diff --git a/chunk_includes/m2_syllable_b3_bao4.wav b/chunk_includes/m2_syllable_b3_bao4.wav
diff --git a/chunk_includes/m2_syllable_b3_chao1.wav b/chunk_includes/m2_syllable_b3_chao1.wav
diff --git a/chunk_includes/m2_syllable_b3_chao2.wav b/chunk_includes/m2_syllable_b3_chao2.wav
diff --git a/chunk_includes/m2_syllable_b3_chao3.wav b/chunk_includes/m2_syllable_b3_chao3.wav
diff --git a/chunk_includes/m2_syllable_b3_chao4.wav b/chunk_includes/m2_syllable_b3_chao4.wav
diff --git a/chunk_includes/m2_syllable_b3_chi1.wav b/chunk_includes/m2_syllable_b3_chi1.wav
diff --git a/chunk_includes/m2_syllable_b3_chi2.wav b/chunk_includes/m2_syllable_b3_chi2.wav
diff --git a/chunk_includes/m2_syllable_b3_chi3.wav b/chunk_includes/m2_syllable_b3_chi3.wav
diff --git a/chunk_includes/m2_syllable_b3_chi4.wav b/chunk_includes/m2_syllable_b3_chi4.wav
diff --git a/chunk_includes/m2_syllable_b3_da1.wav b/chunk_includes/m2_syllable_b3_da1.wav
diff --git a/chunk_includes/m2_syllable_b3_da2.wav b/chunk_includes/m2_syllable_b3_da2.wav
diff --git a/chunk_includes/m2_syllable_b3_da3.wav b/chunk_includes/m2_syllable_b3_da3.wav
diff --git a/chunk_includes/m2_syllable_b3_da4.wav b/chunk_includes/m2_syllable_b3_da4.wav
diff --git a/chunk_includes/m2_syllable_b3_di1.wav b/chunk_includes/m2_syllable_b3_di1.wav
diff --git a/chunk_includes/m2_syllable_b3_di2.wav b/chunk_includes/m2_syllable_b3_di2.wav
diff --git a/chunk_includes/m2_syllable_b3_di3.wav b/chunk_includes/m2_syllable_b3_di3.wav
diff --git a/chunk_includes/m2_syllable_b3_di4.wav b/chunk_includes/m2_syllable_b3_di4.wav
diff --git a/chunk_includes/m2_syllable_b3_du1.wav b/chunk_includes/m2_syllable_b3_du1.wav
diff --git a/chunk_includes/m2_syllable_b3_du2.wav b/chunk_includes/m2_syllable_b3_du2.wav
diff --git a/chunk_includes/m2_syllable_b3_du3.wav b/chunk_includes/m2_syllable_b3_du3.wav
diff --git a/chunk_includes/m2_syllable_b3_du4.wav b/chunk_includes/m2_syllable_b3_du4.wav
diff --git a/chunk_includes/m2_syllable_b3_fa1.wav b/chunk_includes/m2_syllable_b3_fa1.wav
diff --git a/chunk_includes/m2_syllable_b3_fa2.wav b/chunk_includes/m2_syllable_b3_fa2.wav
diff --git a/chunk_includes/m2_syllable_b3_fa3.wav b/chunk_includes/m2_syllable_b3_fa3.wav
diff --git a/chunk_includes/m2_syllable_b3_fa4.wav b/chunk_includes/m2_syllable_b3_fa4.wav
diff --git a/chunk_includes/m2_syllable_b3_fa4_v2.wav b/chunk_includes/m2_syllable_b3_fa4_v2.wav
diff --git a/chunk_includes/m2_syllable_b3_fu1.wav b/chunk_includes/m2_syllable_b3_fu1.wav
diff --git a/chunk_includes/m2_syllable_b3_fu2.wav b/chunk_includes/m2_syllable_b3_fu2.wav
diff --git a/chunk_includes/m2_syllable_b3_fu3.wav b/chunk_includes/m2_syllable_b3_fu3.wav
diff --git a/chunk_includes/m2_syllable_b3_fu4.wav b/chunk_includes/m2_syllable_b3_fu4.wav
diff --git a/chunk_includes/m2_syllable_b3_hu1.wav b/chunk_includes/m2_syllable_b3_hu1.wav
diff --git a/chunk_includes/m2_syllable_b3_hu2.wav b/chunk_includes/m2_syllable_b3_hu2.wav
diff --git a/chunk_includes/m2_syllable_b3_hu3.wav b/chunk_includes/m2_syllable_b3_hu3.wav
diff --git a/chunk_includes/m2_syllable_b3_hu4.wav b/chunk_includes/m2_syllable_b3_hu4.wav
diff --git a/chunk_includes/m2_syllable_b3_ji1.wav b/chunk_includes/m2_syllable_b3_ji1.wav
diff --git a/chunk_includes/m2_syllable_b3_ji2.wav b/chunk_includes/m2_syllable_b3_ji2.wav
diff --git a/chunk_includes/m2_syllable_b3_ji3.wav b/chunk_includes/m2_syllable_b3_ji3.wav
diff --git a/chunk_includes/m2_syllable_b3_ji4.wav b/chunk_includes/m2_syllable_b3_ji4.wav
diff --git a/chunk_includes/m2_syllable_b3_jie1.wav b/chunk_includes/m2_syllable_b3_jie1.wav
diff --git a/chunk_includes/m2_syllable_b3_jie2.wav b/chunk_includes/m2_syllable_b3_jie2.wav
diff --git a/chunk_includes/m2_syllable_b3_jie3.wav b/chunk_includes/m2_syllable_b3_jie3.wav
diff --git a/chunk_includes/m2_syllable_b3_jie4.wav b/chunk_includes/m2_syllable_b3_jie4.wav
diff --git a/chunk_includes/m2_syllable_b3_ju1.wav b/chunk_includes/m2_syllable_b3_ju1.wav
diff --git a/chunk_includes/m2_syllable_b3_ju2.wav b/chunk_includes/m2_syllable_b3_ju2.wav
diff --git a/chunk_includes/m2_syllable_b3_ju3.wav b/chunk_includes/m2_syllable_b3_ju3.wav
diff --git a/chunk_includes/m2_syllable_b3_ju4.wav b/chunk_includes/m2_syllable_b3_ju4.wav
diff --git a/chunk_includes/m2_syllable_b3_ma1.wav b/chunk_includes/m2_syllable_b3_ma1.wav
diff --git a/chunk_includes/m2_syllable_b3_ma2.wav b/chunk_includes/m2_syllable_b3_ma2.wav
diff --git a/chunk_includes/m2_syllable_b3_ma3.wav b/chunk_includes/m2_syllable_b3_ma3.wav
diff --git a/chunk_includes/m2_syllable_b3_ma4.wav b/chunk_includes/m2_syllable_b3_ma4.wav
diff --git a/chunk_includes/m2_syllable_b3_shi1.wav b/chunk_includes/m2_syllable_b3_shi1.wav
diff --git a/chunk_includes/m2_syllable_b3_shi2.wav b/chunk_includes/m2_syllable_b3_shi2.wav
diff --git a/chunk_includes/m2_syllable_b3_shi3.wav b/chunk_includes/m2_syllable_b3_shi3.wav
diff --git a/chunk_includes/m2_syllable_b3_shi4.wav b/chunk_includes/m2_syllable_b3_shi4.wav
diff --git a/chunk_includes/m2_syllable_b3_shu1.wav b/chunk_includes/m2_syllable_b3_shu1.wav
diff --git a/chunk_includes/m2_syllable_b3_shu2.wav b/chunk_includes/m2_syllable_b3_shu2.wav
diff --git a/chunk_includes/m2_syllable_b3_shu3.wav b/chunk_includes/m2_syllable_b3_shu3.wav
diff --git a/chunk_includes/m2_syllable_b3_shu4.wav b/chunk_includes/m2_syllable_b3_shu4.wav
diff --git a/chunk_includes/m2_syllable_b3_tao1.wav b/chunk_includes/m2_syllable_b3_tao1.wav
diff --git a/chunk_includes/m2_syllable_b3_tao2.wav b/chunk_includes/m2_syllable_b3_tao2.wav
diff --git a/chunk_includes/m2_syllable_b3_tao3.wav b/chunk_includes/m2_syllable_b3_tao3.wav
diff --git a/chunk_includes/m2_syllable_b3_tao4.wav b/chunk_includes/m2_syllable_b3_tao4.wav
diff --git a/chunk_includes/m2_syllable_b3_ti1.wav b/chunk_includes/m2_syllable_b3_ti1.wav
diff --git a/chunk_includes/m2_syllable_b3_ti2.wav b/chunk_includes/m2_syllable_b3_ti2.wav
diff --git a/chunk_includes/m2_syllable_b3_ti3.wav b/chunk_includes/m2_syllable_b3_ti3.wav
diff --git a/chunk_includes/m2_syllable_b3_ti4.wav b/chunk_includes/m2_syllable_b3_ti4.wav
diff --git a/chunk_includes/m2_syllable_b3_tu1.wav b/chunk_includes/m2_syllable_b3_tu1.wav
diff --git a/chunk_includes/m2_syllable_b3_tu2.wav b/chunk_includes/m2_syllable_b3_tu2.wav
diff --git a/chunk_includes/m2_syllable_b3_tu3.wav b/chunk_includes/m2_syllable_b3_tu3.wav
diff --git a/chunk_includes/m2_syllable_b3_tu4.wav b/chunk_includes/m2_syllable_b3_tu4.wav
diff --git a/chunk_includes/m2_syllable_b3_wu1.wav b/chunk_includes/m2_syllable_b3_wu1.wav
diff --git a/chunk_includes/m2_syllable_b3_wu2.wav b/chunk_includes/m2_syllable_b3_wu2.wav
diff --git a/chunk_includes/m2_syllable_b3_wu3.wav b/chunk_includes/m2_syllable_b3_wu3.wav
diff --git a/chunk_includes/m2_syllable_b3_wu4.wav b/chunk_includes/m2_syllable_b3_wu4.wav
diff --git a/chunk_includes/m2_syllable_b3_xi1.wav b/chunk_includes/m2_syllable_b3_xi1.wav
diff --git a/chunk_includes/m2_syllable_b3_xi2.wav b/chunk_includes/m2_syllable_b3_xi2.wav
diff --git a/chunk_includes/m2_syllable_b3_xi3.wav b/chunk_includes/m2_syllable_b3_xi3.wav
diff --git a/chunk_includes/m2_syllable_b3_xi4.wav b/chunk_includes/m2_syllable_b3_xi4.wav
diff --git a/chunk_includes/m2_syllable_b3_xie1.wav b/chunk_includes/m2_syllable_b3_xie1.wav
diff --git a/chunk_includes/m2_syllable_b3_xie2.wav b/chunk_includes/m2_syllable_b3_xie2.wav
diff --git a/chunk_includes/m2_syllable_b3_xie3.wav b/chunk_includes/m2_syllable_b3_xie3.wav
diff --git a/chunk_includes/m2_syllable_b3_xie4.wav b/chunk_includes/m2_syllable_b3_xie4.wav
diff --git a/chunk_includes/m2_syllable_b3_xu1.wav b/chunk_includes/m2_syllable_b3_xu1.wav
diff --git a/chunk_includes/m2_syllable_b3_xu2.wav b/chunk_includes/m2_syllable_b3_xu2.wav
diff --git a/chunk_includes/m2_syllable_b3_xu3.wav b/chunk_includes/m2_syllable_b3_xu3.wav
diff --git a/chunk_includes/m2_syllable_b3_xu4.wav b/chunk_includes/m2_syllable_b3_xu4.wav
diff --git a/chunk_includes/m2_syllable_b3_ya1.wav b/chunk_includes/m2_syllable_b3_ya1.wav
diff --git a/chunk_includes/m2_syllable_b3_ya2.wav b/chunk_includes/m2_syllable_b3_ya2.wav
diff --git a/chunk_includes/m2_syllable_b3_ya3.wav b/chunk_includes/m2_syllable_b3_ya3.wav
diff --git a/chunk_includes/m2_syllable_b3_ya4.wav b/chunk_includes/m2_syllable_b3_ya4.wav
diff --git a/chunk_includes/m2_syllable_b3_yao1.wav b/chunk_includes/m2_syllable_b3_yao1.wav
diff --git a/chunk_includes/m2_syllable_b3_yao2.wav b/chunk_includes/m2_syllable_b3_yao2.wav
diff --git a/chunk_includes/m2_syllable_b3_yao3.wav b/chunk_includes/m2_syllable_b3_yao3.wav
diff --git a/chunk_includes/m2_syllable_b3_yao4.wav b/chunk_includes/m2_syllable_b3_yao4.wav
diff --git a/chunk_includes/m2_syllable_b3_you1.wav b/chunk_includes/m2_syllable_b3_you1.wav
diff --git a/chunk_includes/m2_syllable_b3_you2.wav b/chunk_includes/m2_syllable_b3_you2.wav
diff --git a/chunk_includes/m2_syllable_b3_you3.wav b/chunk_includes/m2_syllable_b3_you3.wav
diff --git a/chunk_includes/m2_syllable_b3_you4.wav b/chunk_includes/m2_syllable_b3_you4.wav
diff --git a/chunk_includes/m2_syllable_b3_zhu1.wav b/chunk_includes/m2_syllable_b3_zhu1.wav
diff --git a/chunk_includes/m2_syllable_b3_zhu2.wav b/chunk_includes/m2_syllable_b3_zhu2.wav
diff --git a/chunk_includes/m2_syllable_b3_zhu3.wav b/chunk_includes/m2_syllable_b3_zhu3.wav
diff --git a/chunk_includes/m2_syllable_b3_zhu4.wav b/chunk_includes/m2_syllable_b3_zhu4.wav
diff --git a/chunk_includes/qse.png b/chunk_includes/qse.png
diff --git a/chunk_includes/qsx.png b/chunk_includes/qsx.png
diff --git a/chunk_includes/success.wav b/chunk_includes/success.wav
diff --git a/chunk_includes/tone1.png b/chunk_includes/tone1.png
diff --git a/chunk_includes/tone2.png b/chunk_includes/tone2.png
diff --git a/chunk_includes/tone3.png b/chunk_includes/tone3.png
diff --git a/chunk_includes/tone4.png b/chunk_includes/tone4.png
diff --git a/chunk_includes/zse.png b/chunk_includes/zse.png
diff --git a/data_includes/main.js b/data_includes/main.js
@@ -1,3 +1,215 @@
 PennController.ResetPrefix(null); // Initiates PennController
+AddHost("https://github.com/goldengua/TimedPictureSelection/tree/master/chunk_includes/");
+//PreloadZip("https://github.com/goldengua/TimedPictureSelection/blob/master/chunk_includes/samples.zip");
+// Start typing your code here
+ // Initiates PennController
 
 // Start typing your code here
+
+Sequence( "welcome" , randomize("experiment"), "break", randomize("experiment"), "break",randomize("experiment"), "break",randomize("experiment"), "break",randomize("experiment"), "break",
+         randomize("experiment"), "break", randomize("experiment"), "break", randomize("experiment"), "break", randomize("experiment"), "break", randomize("experiment"), 
+         "exit","send" , "final" )
+newTrial( "welcome" ,
+    defaultText
+        .print()
+    ,
+    newText("<p>Welcome!</p>")
+    ,
+    newText("<p>In this experiment, you will see four kinds of aliens suddenly appear on the screen. </p>")
+    ,
+    newText("<p>Press mouse click to catch these aliens as quickly as possible.</p>")
+    ,
+    newText("<p>There are some regularities in the alien's moving trajectory. </p>")
+    ,
+    newText("<p>Discovering the trajectory might help you with a quick action. </p>")
+    ,
+    newText("<p>Please get yourself familiar with the action required for catching aliens. </p>")
+    ,
+    newText("<p>Please enter your ID and then click the button below to start the experiment.</p>")
+    ,
+    newImage("1","alien1.png")
+         .size(100,100)
+    ,
+     newImage("2","alien2.png")
+         .size(100,100)
+    ,
+     newImage("3","alien3.png")
+         .size(100,100)
+    ,
+     newImage("4","alien4.png")
+         .size(100,100)
+    ,
+    newCanvas("intro",200,200)
+         .add(   0 , 0 , getImage("1") )
+         .add(   100 , 0 , getImage("2") )
+         .add(   0 , 100 , getImage("3") )
+         .add(   100 , 100 , getImage("4") )
+         .print()
+    ,
+    newTextInput("inputID")
+        .print()
+    ,
+    newButton("Start")
+        .print()
+        .wait()
+    ,
+    newVar("ID")
+        .global()
+        .set( getTextInput("inputID") )
+   ,
+   getCanvas("intro")
+         .remove()
+)
+.log( "ID" , getVar("ID") )
+Template( variable =>
+    newTrial( "experiment" ,
+    newAudio('bgm',"drumloop_65.wav")
+        .play()
+    ,
+    newText("fixation",'+')
+        .print()
+    ,
+
+    newTimer("wait", 800)
+        .start()
+        .wait()
+    ,
+
+    getText('fixation')
+        .remove()
+    ,
+    newImage("gesture_key","alien1.png")
+        .size(100,100)
+    ,
+
+    //first position
+    newAudio("tone", variable.AudioFile)
+        .play()
+    ,
+    newCanvas("p1",300,300)
+        .add(   variable.P1x , variable.P1y , newImage("p1_alien",variable.ImageFile).size(100,100) )
+        .print()
+    ,
+    newSelector('p1')
+       .add( getImage("p1_alien")  )
+       .log()
+       //.wait()
+   ,
+    newTimer("wait", 1200)
+        .start()
+        .wait()
+    ,
+    getSelector("p1")
+       .test.selected()
+       .success( newAudio("success", "success.wav").play() )
+       .failure( newAudio("failure", "failure.wav").play() )
+    ,
+    getCanvas("p1")
+        .remove()
+    ,
+    //second position
+    newAudio("tone", variable.AudioFile)
+        .play()
+    ,
+    newCanvas("p2",300,300)
+        .add(   variable.P2x , variable.P2y , newImage("p2_alien",variable.ImageFile).size(100,100) )
+        .print()
+    ,
+    newSelector('p2')
+       .add( getImage("p2_alien")  )
+       .log()
+       //.wait()
+   ,
+    newTimer("wait", 1200)
+        .start()
+        .wait()
+    , 
+    getSelector("p2")
+       .test.selected()
+       .success( newAudio("success", "success.wav").play() )
+       .failure( newAudio("failure", "failure.wav").play() )
+    ,
+    getCanvas("p2")
+        .remove()
+    ,
+
+    //third canvas 
+    newAudio("tone", variable.AudioFile)
+        .play()
+    ,
+    newCanvas("p3",300,300)
+        .add(   variable.P3x , variable.P3y , newImage("p3_alien",variable.ImageFile).size(100,100) )
+        .print()
+    ,
+    newSelector('p3')
+       .add( getImage("p3_alien")  )
+       .log()
+       //.wait()
+   ,
+
+    newTimer("wait", 1200)
+        .start()
+        .wait()
+    ,  
+    getSelector("p3")
+       .test.selected()
+       .success( newAudio("success", "success.wav").play() )
+       .failure( newAudio("failure", "failure.wav").play() )
+    ,          
+    getCanvas("p3")
+        .remove()
+    ,
+    //newCanvas("alien",300,300)
+        //.add(   variable.P1x , variable.P1y , newImage(variable.ImageFile).size(100,100) )
+        //.add(   variable.P2x , variable.P2y , newImage(variable.ImageFile).size(100,100) )
+        //.add(   variable.P3x , variable.P3y , newImage(variable.ImageFile).size(100,100))
+        //.print()
+    //,
+
+
+   //newTimer("wait", 500)
+        //.start()
+        //.wait()
+    //,         
+    //getCanvas("alien")
+        //.remove()
+
+
+
+    //newText("continue","Press space bar to continue;")
+        //.print()
+    //,
+    //newKey('space',' ')
+         //.wait()
+
+  )
+  .log( "ID"     , getVar("ID")    )
+  .log( "Item"   , variable.Item   )
+  .log( "Group"  , variable.Group  )
+)
+newTrial( "break" ,
+    defaultText
+        .print()
+    ,
+    newText("<p>You have finished a block! You can take a break now. </p>")
+    ,
+    newButton("Continue")
+        .print()
+        .wait()    
+)
+var items = [
+["exit", "Form", {consentRequired: false, html: {include: "exit.html" }} ],
+];
+
+SendResults( "send" )
+newTrial( "final" ,
+    newText("<p>Thank you for your participation!</p>")
+        .print()
+    ,
+    newText("<p><a href='https://www.pcibex.net/' href='_blank'>Click here to validate your participation.</a></p>")
+        .print()
+    ,
+    newButton("void")
+        .wait()
+)
+