Trail making task

.gitignore

@@ -1,7 +1,24 @@
 node_modules/
-.DS_Store
+**/.DS_Store
 Thumbs.db
 /.settings/
 /.project
 /.tern-project
 site/
+
+/ANT/jsPsych/
+Questionnaires/BackgroundPapers/
+Questionnaires/ToAdd/
+ANT/jsPsych/
+
+
+BaddeleyGramReason/jspsych/
+
+ANT/.idea/vcs.xml
+ANT/.idea/ANT.iml
+ANT/.idea/modules.xml
+ANT/.idea/workspace.xml
+
+TrailMaking/jspysch/*
+TestButtons/jspsych/*
+Stroop/jspsych/*

ANT/ANT_Setup_EN.js

@@ -0,0 +1,125 @@
+// This variable affects the distance between the center of
+// the screen and the high and low line
+
+
+// How many times to cycle over all different trials for PRACTICE
+var NumberOfCyclesForPractice = 1
+// How many times to cycle over all different trials for TESTING
+var NumberOfCyclesForTesting = 2
+
+var InstructionText = 'For this task you will see...'
+
+var ScreenSpacing = 300
+// Set the fixation time between trials, in milliseconds
+var FixationDuration = 300
+// how many flankers should be on either side of the central arrow
+var NFlankers = 2;
+// define the flankers as empty strings
+var flankersL = '';
+var flankersR = '';
+var flankersN = '';
+// append to the empty strings the different number of flankers
+for (i = 0; i < NFlankers; i++) 
+   {
+	// the following are the codes for the specific arrows and star to use
+	// https://www.fileformat.info/info/unicode/char/2190/index.htm
+      flankersL += "\u2190";
+      flankersR += "\u2192";
+      flankersN += "\u2014";
+    }
+// font size of the stimuli
+var FontSize = 72
+
+// What are the keyboard keys to record responses from
+var KeyboardChoices = ['arrowleft', 'arrowright'];
+// The above key codes need to be mapped onto text descriptions used later for scoring
+var ResponseMapping = ['left', 'right'];
+
+// format the stimuli on the screen. This uses the fontsize specified above
+// The stimuli are presented with some at the top of the screen, some in the middle and some at the bottom. Build an
+// html formatted table of the stimuli.
+function PutIntoTable(top='top', middle='mid', bottom='bot', width=600, height=ScreenSpacing) {
+      return '<table margin-left="auto" margin-right="auto" border="0" width="'+width+'"><tr height="'+height+'"><td>'+top+'</td></tr><tr height="'+height+'"><td><div style="font-size:'+FontSize+'px;">'+middle+'</div></td></tr> <tr height="'+height+'"><td>'+bottom+'</td></tr></table>';
+    }
+
+         // What type of trial is this?
+          // Factors: 
+          // flanker: left, right, none [3]
+          // central arrow direction: left, right [2]
+          // star: top&bot, top, bot, none, middle [5]
+          // position: top, bottom [2]
+
+
+// Create the array of objects dynamically
+// https://stackoverflow.com/questions/7858385/how-to-add-values-to-an-array-of-objects-dynamically-in-javascript
+
+// The order of these is important and needs to map onto the for loops below which index these lists
+var flankers = [flankersL, flankersR, flankersN];
+var centralArrow = ["\u2190", "\u2192"]; // left, right
+var fixation = [PutIntoTable("\u2217","+","\u2217"), PutIntoTable("\u2217","+"," "), PutIntoTable(" ","+","\u2217"), PutIntoTable(" ","+"," "), PutIntoTable(" ","\u2217"," ")];
+var position = ["high","low"];
+var count = 0;
+var ANT = [];
+
+// The test procedure in the HTML specifies how many times to repeat the stimuli presentation
+// The following sets up the stimuli for all cells across the different factors
+// This also adds text descriptions which will go into the resulatnt data file and will be used for scoring
+for(var i=0; i<3; i++) { // flanker type: LEFT, RIGHT, NEUTRAL
+	for (var j = 0; j < 2; j++) { // cycle over central arrow directions
+		for (var k = 0; k < 1; k++) { // cycle over fixation positions
+			for (var m = 0; m < 2; m++) { // cycle over stimulus position
+				// Set up all the stimuli
+				ANT[count] = {};
+				ANT[count].flanker = flankers[i]; // left/right/neutral
+				ANT[count].centralArrow = centralArrow[j]; // right/left
+				ANT[count].fixation = fixation[k]; //upper/lower/both/center/none
+				ANT[count].position = position[m]; // upper/lower
+				// 	THE FOLLOWING NEEDS TO BE CHECKED AND CONFIRMED
+
+				// Define what is considered correct and incorrect for each trial
+				// The central arrow points to the LEFT
+				if (j==0) {ANT[count].correct = 'left'}
+				// The central arrow points to the RIGHT
+				if (j==1) {ANT[count].correct = 'right'}
+
+				// map the stim to the type
+				// using the indices is a convenience. It would be better if this was more explicit
+				// This information will be used for scoring this experiment
+
+				// Flankers are LEFT
+				// Central arrow is LEFT
+				if (i==0 & j==0) {ANT[count].flankerType = 'conFlanker';}
+				// Central arrow is RIGHT
+				if (i==0 & j==1) {ANT[count].flankerType = 'incFlanker';}
+				// Flankers are RIGHT
+				// Central arrow is RIGHT
+				if (i==1 & j==1) {ANT[count].flankerType = 'conFlanker';}
+				// Central arrow is LEFT
+				if (i==1 & j==0) {ANT[count].flankerType = 'incFlanker';}
+				// Flankers are NEURAL
+				if (i==2) {ANT[count].flankerType = 'neuFlanker';}
+				// Position of the CUE
+
+				if (k==0) {ANT[count].cuePos = 'both';}
+				if (k==1) {ANT[count].cuePos = 'upper';}
+				if (k==2) {ANT[count].cuePos = 'lower';}
+				if (k==3) {ANT[count].cuePos = 'none';}
+				if (k==4) {ANT[count].cuePos = 'center';}
+				// Code whether the stim is congruent with the CUE
+				// Stimulus is HIGH (m = 0)
+				if (k==0 & m==0) {ANT[count].cueType = 'bothCue';}
+				if (k==1 & m==0) {ANT[count].cueType = 'conCue';}
+				if (k==2 & m==0) {ANT[count].cueType = 'incCue';}
+				if (k==3 & m==0) {ANT[count].cueType = 'noCue';}
+				if (k==4 & m==0) {ANT[count].cueType = 'centerCue';}
+				// Stimulus is LOW (m = 1)
+				if (k==2 & m==1) {ANT[count].cueType = 'conCue';}
+				if (k==1 & m==1) {ANT[count].cueType = 'incCue';}
+				if (k==0 & m==1) {ANT[count].cueType = 'bothCue';}
+				if (k==3 & m==1) {ANT[count].cueType = 'noCue';}
+				if (k==4 & m==1) {ANT[count].cueType = 'centerCue';}
+				count += 1;
+			}
+		}
+	}
+}

ANT/README.md

@@ -0,0 +1,49 @@
+# Attention Network Task-Flanker Task 
+[Description](http://lcni-3.uoregon.edu/phenowiki/index.php/Attention_Network_Task-Flanker_Task_(ANT))
+
+[In depth description](https://scienceofbehaviorchange.org/measures/attentional-network-task/)
+
+This task tests the three attentional networks of alerting, orienting, and executive control. It is a combination of a cued reaction time task and a flanker task.
+
+The flanker task stimuli are presented at the top or bottom of the screen. An alerting star(s) is also presented in the following locations:
+- upper
+- lower
+- both
+- center
+- none
+
+## Conditions
+- cue type (5)
+    - upper
+    - lower
+    - both
+    - center
+    - none
+
+- target location (2)
+    - upper
+    - lower
+
+- target direction (2)
+    - left
+    - right
+
+- flanker condition (3)
+    - congruent
+      - flanking arrows the same direction as the target direction
+    - incongruent
+        - flanking arrows the opposite direction as the target direction
+    - neutral
+        - the target is flanked by lines without arrowheads
+
+There are a total of 60 unique condition combinations. 
+The resulatant measures need to be accuracy and response time for the following conditions:
+- cue type (5)
+- target location (2) 
+- flanker condition (3)
+This is 30 different measures!!!
+
+# To do
+- Add instructions
+- Add practice trials
+- Should there be trials with feedback?

ANT/ant.html

@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="description" content="jsPsych ANT">
+    <meta name="keywords" content="HTML, CSS, JavaScript">
+    <meta name="author" content="Jason Steffener, NCMLab">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ANT</title>
+    <script src="jspsych/jspsych.js"></script>
+    <script src="jspsych/plugins/jspsych-html-keyboard-response.js"></script>
+    <script src="jspsych/plugins/jspsych-image-keyboard-response.js"></script>
+    <script src="jspsych/plugins/jspsych-fullscreen.js"></script>
+    <script src="jspsych/plugins/jspsych-instructions.js"></script>
+    <script src="ANT_Setup_EN.js"></script>
+    <link href="jspsych/css/jspsych.css" rel="stylesheet" type="text/css">
+
+    <style>
+      .stimulus { font-size: FontSize; }
+      .jspsych-html-keyboard-response-stimulus {font-size: FontSize;}
+      .jspsych-display-element {
+        font-family: 'Open Sans', 'Arial', sans-serif;
+        font-size: 72px;
+        line-height: 0.85em;
+      }
+      .center {
+        margin-left: auto;
+        margin-right: auto;
+            }
+
+    </style>
+  </head>
+  <script>
+	/*<?php
+		$post_data = json_decode(file_get_contents('php://input'), true); 
+		// the directory "data" must be writable by the server
+		$name = "data/".$post_data['filename'].".csv"; 
+		$data = $post_data['filedata'];
+		// write the file to disk
+		file_put_contents($name, $data);
+		?>*/
+
+    /* create timeline */
+
+    var timeline = [];
+
+  //https://www.webnots.com/keyboard-shortcuts-for-asterisk-symbol/
+    var Stim = {
+      type: 'html-keyboard-response',
+      stimulus: function()
+      { // The stimulus is based on the conditions laid out in the ANT
+        // variable read from the setup file.
+        // Recall that the ANT variable is an array of objects. 
+        // The object contains everything there is know about this trial.
+        // Read how this trial will be made
+        var centralArrow = jsPsych.timelineVariable("centralArrow", true)
+        var flanker = jsPsych.timelineVariable("flanker", true)
+        var position = jsPsych.timelineVariable("position", true)
+
+        // make the stimulus for this trial
+        var stim = flanker + centralArrow + flanker
+        return stim
+      },
+      choices: KeyboardChoices,
+      on_finish: function(data, correct){
+        // find the correct response for this trial
+        var correct = jsPsych.timelineVariable("correct", true)
+        // in the list of allowable key presses, what is the index of what was pressed?
+        var ResponseIndex = KeyboardChoices.indexOf(data.response)
+        //console.log(ResponseMapping[ResponseIndex])
+
+        if (ResponseMapping[ResponseIndex] == correct) 
+          {data.correct = 1}
+          else {data.correct = 0}
+        /* If the ESCAPE key is pressed the current timeline is ended and the thank you screen is shown */
+        if (data.key_press == 27) {jsPsych.end();}
+        // What data to write to the output data file
+        data.flankerType = jsPsych.timelineVariable("flankerType", true);
+        data.cuePos = jsPsych.timelineVariable("cuePos", true);
+        data.cueType = jsPsych.timelineVariable("cueType", true);
+        data.trialType = 'trial';
+      },
+
+    } 
+
+    var Fix = {
+      // Each trial also has its own specific cue which occurs BEFORE the stimulus presentation
+      // The cue itself is actually made in the setup file and not here. This could be changed if desired
+      type: 'html-keyboard-response',
+      stimulus: function()
+      {
+        var stim = jsPsych.timelineVariable("fixation", true)
+        return stim
+      },
+      choices: jsPsych.NO_KEYS,
+      trial_duration: FixationDuration,
+      //on_finish: function(data){
+      //  data.trialType = "fixation"
+      //}
+
+    } 
+
+    var test_procedure = {
+      // Make sure this order is correct: fixation cue and then the stimulus
+      // Otherwise the scoring will not make any sense
+      timeline: [Fix, Stim],
+      timeline_variables: ANT,
+      sample: {
+        type: 'fixed-repetitions',
+        // "fixed-repetitons": Repeat each item in the timeline variables size times, in a random order.
+        // Unlike using the repetitons parameter, this method allows for consecutive trials to use the same
+        // timeline variable set.
+        size: 1, 
+      }
+    };
+    timeline.push(test_procedure)
+
+    /* define debrief */
+    var debrief_block = {
+      type: 'html-keyboard-response',
+        stimulus: function() {
+
+        var trials = jsPsych.data.get().filter({trialType: 'trial'});
+        var correct_trials = trials.filter({correct: true});
+        var accuracy = Math.round(correct_trials.count() / trials.count() * 100);
+        var rt = Math.round(correct_trials.select('rt').mean());
+
+        return `<p>You responded correctly on ${accuracy}% of the trials.</p>
+          <p>Your average response time was ${rt}ms.</p>
+          <p>Press any key to complete the experiment. Thank you!</p>`;
+
+      }
+    };
+    timeline.push(debrief_block);
+
+    /* start the experiment */
+    //jatos.onLoad(function() {
+    jsPsych.init({
+        experiment_width: 600,
+        timeline: timeline,
+        on_finish: function() {
+          jsPsych.data.get().localSave('csv','ANTMydata.csv');
+        }
+      })
+  </script>
+</html>

BaddeleyGramReason/BGR.css

@@ -0,0 +1 @@
+body {background-color: rgb(150, 150, 150)}