Timeline does not progress #2203

Geoff-McK · 2021-10-06T15:41:39Z

Geoff-McK
Oct 6, 2021

Hi all,

I am trying to adapt a previous script that I know worked properly. The previous experiment includes an RSVP task. I believe that I adapted the code from here: https://github.com/paulsharpeY/rsvp-task/blob/master/experiment.js

The problem is that in the previous experiment, I created the design and assigned pictures using the function "make_rsvp_timeline". However, in this new experiment, I am importing the csv file with the conditions and stimuli already assigned to trials.

It appears that the timeline is actually made correctly, but the RSVP trials never start.

I would appreciate any help that I could get.

Thanks.

Here is the code:

<!DOCTYPE html>
<html>
<head>
    <title>My experiment</title>
    <script src="../jspsych.js"></script>
    <script src="../plugins/jspsych-html-keyboard-response.js"></script>
    <script src="../plugins/jspsych-video-keyboard-response.js"></script>
	<script src="../plugins/jspsych-html-button-response.js"></script>
	<script src="../plugins/jspsych-external-html.js"></script>
	<script src="../plugins/jspsych-call-function.js"></script>
	<script src="../plugins/jspsych-fullscreen.js"></script>
    <script src="../plugins/jspsych-survey-html-form.js"></script>
	<script src="../plugins/jspsych-survey-text.js"></script>
	<script src="../plugins/jspsych-survey-text-req.js"></script>
	<script src="../plugins/jspsych-survey-multi-select.js"></script>
	<script src="../plugins/jspsych-survey-multi-choice.js"></script>
	<script src="../plugins/jspsych-call-function.js"></script>
	<link href="../css/jspsych.css" rel="stylesheet" type="text/css"></link>
	<script src="../plugins/papaparse.min.js"></script>
	<script src ="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

</head>
 <body></body>
<script> 


var rsvp_task = []; // main timeline

var rsvp_timeline = []; // main timeline

var distractors = new Array(13);


/* define welcome message trial */
var welcome = {
  type: "html-keyboard-response",
  stimulus: "<p> Welcome to the experiment.</p>" + 
  "<strong>YOU CANNOT GO BACK AT ANY POINT DURING ANY POINT OF THIS EXPERIMENT.</strong></p>" +
      "<p><strong>PLEASE DO NOT REFRESH THIS WEBPAGE AT ANY POINT DURING THE EXPERIMENT.</strong><br></br></p>" +
	  "<p> Press any key to begin.</p>" + 
      "<div style='width: 700px;'>"+
      "</div>",
			on_start: function(){
					var today = new Date();
					data_all.Exp_start_time.push(today);
					data_all.Exp_today_date.push(today.getFullYear() + '-' + (today.getMonth()+1) + '-' +today.getDate());
					data_all.Exp_today_time.push(today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds());
				//	data_all.SubNum_demo.push(subNum_demo);
				// console.log("time: " + data_all.Exp_start_time)

			}
};

rsvp_task.push(welcome);


// load_list();


var stimuli = [];
var target_stimuli = [];
var faces = [];

var stimuli_set = [];


function load_list() {
  Papa.parse("list.csv", {
    download: true,
    header: true,
    complete: function(results) {
      console.log(results["data"]);
      faces = results["data"];
	  stimuli_set = faces;
      // load_trials();

	  // make_rsvp();
	  rsvp_task.push(make_rsvp_timeline(stimuli_set, 'test'));


    }
  });
  jsPsych.data.addProperties({
  faces: stimuli_set
});
 // return (faces);
}



//plug-in that will call the functions needed to get the stimuli ready
var get_stimuli = {
  type: 'call-function',
  func: load_list
}


rsvp_task.push(get_stimuli);




var WM_faces = new Array(679);
var WM_stimuli = new Array(679); 



var similar = [];
var dissimilar = [];
var sim_distractors = [];
var dissim_distractors = [];
var sim_distractors_1 = [];
var sim_distractors_3 = [];
var dissim_distractors_1 = [];
var dissim_distractors_3 = [];


 function shuffle(unshuffled) {
	for (var i = unshuffled.length - 1; i > 0; i--) {
		var j = Math.floor(Math.random() * (i + 1));
		var temp = unshuffled[i];
		unshuffled[i] = unshuffled[j];
		unshuffled[j] = temp;
	}
	return unshuffled;
}




var data_all = {
  subject:[],
  load:[],
  condition:[],
  present:[],
  target: [],
  choice: [],
  rt: [],
  studyTime: [],
  target_position: [],
  targets: [],
  distractors: [],
  test_trial: [],
  test_face: [],
  test_load: [],
  test_condition: [],
  test_status: [],
  test_response: [],
  test_rt: [],
  attention_response: [],
  Exp_start_time: [],
  Exp_today_date: [],
  Exp_today_time: [],
  survey_link: []
  };
  
var welcome_timeline = [];

 

// rsvp_task.push(save_demo_data);

rsvp_task.push({
  type: 'fullscreen',
  fullscreen_mode: true,
});


//stimulidefinitions
var rsvp_iti = {
    type: 'html-keyboard-response',
    stimulus: '<span></span>',
    choices: jsPsych.NO_KEYS,
    trial_duration: 30,
    data: {test_part: 'iti'}
};

var fixation = {
  type: 'html-keyboard-response',
  stimulus: '<div class="rsvp">+</div>',
  choices: jsPsych.NO_KEYS,
  trial_duration: 2000,
  data: {test_part: 'fixation'}
}

var blank = {
  type: 'html-keyboard-response',
  stimulus: '<div class="rsvp"></div>',
  choices: jsPsych.NO_KEYS,
  trial_duration: 250,
  data: {test_part: 'blank'}
}

var rsvp_stimulus_block = {
    type: 'html-keyboard-response',
    stimulus: jsPsych.timelineVariable('stimulus'),
    choices: jsPsych.NO_KEYS,
    trial_duration: 500,
    data: jsPsych.timelineVariable('data'),
};


var response_block = {
  type: "html-keyboard-response",
  stimulus: jsPsych.timelineVariable('stimulus'),
  prompt: jsPsych.timelineVariable('prompt'),
  choices: ['f','j'],
  data: jsPsych.timelineVariable('data'),
  trial_duration: 5000,
  on_finish: function(data){
	data_all.load.push(data.load);
	data_all.condition.push(data.condition);
	data_all.present.push(data.present);
	data_all.target_position.push(data.target_position);
	data_all.target.push(data.target);
	data_all.targets.push(data.targets);
	data_all.distractors.push(data.stim);
	data_all.choice.push(String.fromCharCode(data.key_press));
	data_all.rt.push(data.rt)

	}

  
}


var load_block = {
  type: "html-keyboard-response",
  stimulus: jsPsych.timelineVariable('stimulus'),
  prompt: jsPsych.timelineVariable('prompt'),
  choices: ['enter'],
  data: jsPsych.timelineVariable('data'),
  on_finish: function(data) {
	  data_all.studyTime.push(data.rt);
	  console.log("studyTime: " + data.rt)

  }
}

// rsvp_task.push(make_rsvp_timeline(stimuli_set, 'test'));


function rsvp_trial(o,trial_number) {

	var target_pos = [0, 1, 2, 3, 4]

	console.log("properties!!!: " + Object.getOwnPropertyNames(o));
	console.log("o!!!: " + o.condition);

	// console.log("stimuli_set!!!: " + Object.getOwnPropertyNames(stimuli_set[trial_number]));

/*    var distractors =  o.distractor1.concat(",", o.distractor2, ",", o.distractor3, ",", o.distractor4, ",",
							",", o.distractor5, ",", o.distractor6, ",", o.distractor7, ",", o.distractor8, ",", 
							",", o.distractor9, ",", o.distractor10, ",", o.distractor11, ",", 
							",", o.distractor12, ",", o.distractor13); */

console.log("DISTRACTOR : " + stimuli_set[trial_number]["distractor1"])

	   var distractors_temp =  stimuli_set[trial_number]["distractor1"].concat(",", stimuli_set[trial_number]["distractor2"], ",",
	    					stimuli_set[trial_number]["distractor3"], ",", stimuli_set[trial_number]["distractor4"], ",",
							",", stimuli_set[trial_number]["distractor5"], ",", stimuli_set[trial_number]["distractor6"], ",",
							stimuli_set[trial_number]["distractor7"], ",",stimuli_set[trial_number]["distractor8"], ",",
							stimuli_set[trial_number]["distractor9"], ",",stimuli_set[trial_number]["distractor10"], ",",
							stimuli_set[trial_number]["distractor11"], ",",stimuli_set[trial_number]["distractor12"], ",",
							stimuli_set[trial_number]["distractor13"]);

		console.log("distractors1: " + distractors_temp);


 		distractors_temp = distractors_temp.split(/[ ,]+/);

/* 		for (var m=0; m<13; m++){
			distractor_pics[m] = distractors_temp[m];
		}  */


/* 		distractors[0] = stimuli_set[trial_number]["distractor1"];
		distractors[1] = stimuli_set[trial_number]["distractor2"];
		distractors[2] = stimuli_set[trial_number]["distractor3"];
		distractors[3] = stimuli_set[trial_number]["distractor4"];
		distractors[4] = stimuli_set[trial_number]["distractor5"];
		distractors[5] = stimuli_set[trial_number]["distractor6"];
		distractors[6] = stimuli_set[trial_number]["distractor7"];
		distractors[7] = stimuli_set[trial_number]["distractor8"];
		distractors[8] = stimuli_set[trial_number]["distractor9"];
		distractors[9] = stimuli_set[trial_number]["distractor10"];
		distractors[10] = stimuli_set[trial_number]["distractor11"];
		distractors[11] = stimuli_set[trial_number]["distractor12"];
		distractors[12] = stimuli_set[trial_number]["distractor13"]; */




		// console.log("distractors2: " + distractors);

	if (o.condition == 'similar'){
		if (o.load == '1'){

		
		var sim_distractors_1 = distractors_temp

		var stimuli                    = jsPsych.randomization.sampleWithoutReplacement(sim_distractors_1, 13) // shuffle(fam_distractors_1b)

		console.log("sim_distractors_1: " + sim_distractors_1);
		console.log("type of : " + typeof(sim_distractors_1))


		var temp_targets                    = o.target1;
		var targets 						= temp_targets.split(/[,]+/);
		
		console.log("targets: " + targets)
		
		target_pos 			           = shuffle(target_pos)
		target_pos                     = target_pos[0]


		// console.log("fam_targets: " + fam_targets)


        if (o.target_presence == '1'){
        stimuli[target_pos]    = targets[0] // jsPsych.randomization.sampleWithoutReplacement(targets, 1) // targets[0];
        } else {
        }

		stimuli                       = shuffle(stimuli)

		var target_position			  = stimuli.indexOf(targets[0]);

        var distractors               = stimuli;
       distractors                    = distractors.join(';');


		} else {


		var sim_distractors_3 = distractors_temp;

		var stimuli                    = jsPsych.randomization.sampleWithoutReplacement(sim_distractors_3, 13) // shuffle(fam_distractors_1b)

		console.log("sim_distractors_3: " + sim_distractors_3);

		var temp_targets                    = o.target1.concat(",", o.target2, ",", o.target3)
		var targets 						= temp_targets.split(/[,]+/);

		console.log("targets: " + targets)

		target_pos 			           = shuffle(target_pos)
		target_pos                     = target_pos[0]



        if (o.target_presence == '1'){
        stimuli[target_pos]    = targets[0] // jsPsych.randomization.sampleWithoutReplacement(targets, 1) // targets[0];
        } else {
        }

		stimuli                       = shuffle(stimuli)

		var target_position			  = stimuli.indexOf(targets[0]);


        var distractors               = stimuli;
        distractors                   = distractors.join(';');


		}

	    } else {
		if (o.load == '1'){
        
		var dissim_distractors_1 = distractors_temp;

		var stimuli                    = jsPsych.randomization.sampleWithoutReplacement(dissim_distractors_1, 13) // shuffle(unfam_distractors_1b)

		console.log("dissim_distractors_1: " + dissim_distractors_1);

		var temp_targets                    = o.target1;
		var targets 						= temp_targets.split(/[,]+/);

		console.log("targets: " + targets)
        
		target_pos 			           = shuffle(target_pos)
		target_pos                     = target_pos[0]

        if (o.target_presence == '1'){
        stimuli[target_pos]    = targets[0] // jsPsych.randomization.sampleWithoutReplacement(targets, 1) // targets[0];
        } else {
        }
		stimuli                       = shuffle(stimuli)

		var target_position			  = stimuli.indexOf(targets[0]);


        var distractors               = stimuli;
        distractors                   = distractors.join(';');



		} else {

		var dissim_distractors_3 = distractors_temp;

		var stimuli                    = jsPsych.randomization.sampleWithoutReplacement(dissim_distractors_3, 13) // shuffle(unfam_distractors_1b)


		console.log("dissim_distractors_3: " + dissim_distractors_3);

		var temp_targets                    = o.target1.concat(",", o.target2, ",", o.target3)
		var targets 						= temp_targets.split(/[,]+/);

		console.log("targets: " + targets)
        
        target_pos 			           = shuffle(target_pos)
		target_pos                     = target_pos[0]


        if (o.target_presence == '1'){
        stimuli[target_pos]    = targets[0] // jsPsych.randomization.sampleWithoutReplacement(targets, 1) // targets[0];
        } else {
        }

		stimuli                       = shuffle(stimuli)

		var target_position			  = stimuli.indexOf(targets[0]);


        var distractors               = stimuli;
        distractors                   = distractors.join(';');





		}

	}

	return({stimuli: stimuli, targets: targets, distractors: distractors, load: o.load, condition: o.condition, present: o.target_presence, target_position: target_position});

 }


// Make a block of RSVP stimuli and responses
function make_rsvp_timeline(trials, phase) {
	rsvp_timeline = [];
	trial_number  = -1;

	for (trial in trials) {
		trial_number++;

		rsvp_stimuli = rsvp_trial(trials[trial],trial_number);

		var rsvp_load_stimuli = [];

		if (rsvp_stimuli.load == 1){
			var stim = "<img src=" + rsvp_stimuli.targets[0] +">";
		} else {
			var order 					   = [0, 1]
			order 						   = shuffle(order)
			var stim = "<img src=" + rsvp_stimuli.targets[order[0]] + "><img src=" + rsvp_stimuli.targets[order[1]] + ">";
		}

		var all_targets = rsvp_stimuli.targets.join(';');



		rsvp_load_stimuli.push(
			{

			
				stimulus: stim,
				prompt: '<p class="rsvp">(press enter when you are ready to begin)</p>',
				data: {
					subject: 1,
					phase: phase,
					test_part: 'response',
					targets: all_targets,
					target: rsvp_stimuli.targets[0],
					load: rsvp_stimuli.load,
					condition: rsvp_stimuli.condition,
					present: rsvp_stimuli.present,
					target_position: rsvp_stimuli.target_position,
					trial_number: trial_number
				},
			}
		);

		// console.log("rsvp_load_stimuli: " + Object.values(rsvp_load_stimuli[0]))
		// console.log("target_presence: " + rsvp_stimuli.present)

		// RSVP: 18 letters, 2 number targets
		var rsvp_block_stimuli = [];
		for (stimulus in rsvp_stimuli.stimuli) {
			console.log("rsvp_stimuli : <img src=" + rsvp_stimuli.stimuli[stimulus] +">")
			rsvp_block_stimuli.push(
	  			{
	  				stimulus: "<img src=" + rsvp_stimuli.stimuli[stimulus] +">",
	  				data: {
	  					phase: phase,
	  					test_part: 'rsvp',
						targets: all_targets,
	  					stim: rsvp_stimuli.distractors,
						load: rsvp_stimuli.load,
						condition: rsvp_stimuli.condition,
						present: rsvp_stimuli.present,
						target_position: rsvp_stimuli.target_position,
	  					trial_number: trial_number
	  				},
	  			}
	  		);
		}

		var load_procedure = {
			timeline: [load_block],
			timeline_variables: rsvp_load_stimuli
		}

		// attach RSVP stimuli to a timeline
		if (phase == 'instructions') {
			// slow stimuli
			stimulus_trial = rsvp_demo_stimulus_block;
			iti_trial      = rsvp_demo_iti;
		} else {
			stimulus_trial = rsvp_stimulus_block;
			iti_trial      = rsvp_iti;
		}
		var test_procedure = {
			timeline: [stimulus_trial, iti_trial],
			timeline_variables: rsvp_block_stimuli
		}


	  	var rsvp_response_stimuli = [];
	  	rsvp_response_stimuli.push(
			{
				stimulus:'<div class="rsvp">Was the face (or one of the faces) present?</div>',
				prompt: '<p class="rsvp">Press "F" for YES, and "J" for NO</p>',
				data: {
					phase: phase,
					test_part: 'response',
					targets: all_targets,
					stim: rsvp_stimuli.distractors,
					load: rsvp_stimuli.load,
					condition: rsvp_stimuli.condition,
					present: rsvp_stimuli.present,
					correct_responses: rsvp_stimuli.targets,
					target: rsvp_stimuli.targets[0],
					target_position: rsvp_stimuli.target_position,
					trial_number: trial_number
				}
				

			}
		);
		// attach responses to timeline
		var response_procedure = {
			timeline: [response_block],
			timeline_variables: rsvp_response_stimuli
		}
		rsvp_timeline.push(load_procedure);
 		rsvp_timeline.push(fixation);
		rsvp_timeline.push(blank);
		rsvp_timeline.push(test_procedure);
		rsvp_timeline.push(response_procedure);
	}
	return { timeline: rsvp_timeline }
}


jsPsych.init({
    timeline: rsvp_task,
	// preload_images: all_faces,
	exclusions: {
			min_width: 1200,
			min_height: 400
		},
    on_finish: function() {
   }

    // use_webaudio: false
});


</script>
</html>

becky-gilbert · 2021-10-06T16:35:46Z

becky-gilbert
Oct 6, 2021
Maintainer

Hi @Geoff-McK, thanks for providing your code. Unfortunately we might still have a hard time helping you with this because you're using a custom csv file and stimuli files (making it impossible for us to run your code as it is) and because you're using an unusual/complicated method of constructing the rsvp trials and timeline (making it hard to see what might be going wrong by just looking through the code).

In any case, maybe you could provide some info that would help narrow down the problem:

Do you get any errors in the console? (It'd be useful to see all of them if there are multiple)
Does your experiment fail to start completely, or does it show the pre-rsvp trials (e.g. welcome) and then stop when it reaches the rsvp procedure?
What does your experiment timeline look like? (If it's very long, then just seeing part of the rsvp trial procedure would help)

You also said that you've used similar code for a previous experiment, but that one difference here is that you're loading the stimuli/condition information from a csv file. Is that the only change you made? I assume the structure of the stimuli_set array that you get from loading the csv file looks the same as in your previous experiment (or it does at some point, after some re-structuring in the code)?

Sorry that I can't offer more help at this point. Feel free to add a minimal reproducible example, e.g. a few trials using hard-coded stimuli rather than reading from a csv file, and with images that load from the jsPsych examples folder.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Timeline does not progress #2203

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Timeline does not progress #2203

Uh oh!

Geoff-McK Oct 6, 2021

Replies: 1 comment

Uh oh!

becky-gilbert Oct 6, 2021 Maintainer

Geoff-McK
Oct 6, 2021

becky-gilbert
Oct 6, 2021
Maintainer