Conditional function in v8 (with the psychophysics plugin)

[kittymimo]

Hi,

I am migrating from v7 to v8 and need help with a conditional function. I need the conditional function to evaluate on every trial, not just on the first one.

This is my code for the conditional function:

on_start: function(retroaction) {
            var last_trial_correct = jsPsych.data.get().last(1).values()[0].correct;
    		if(last_trial_correct) {
                retroaction.stimuli[0].file = "images/crochet.png",
                retroaction.stimuli[1].file = "audio/correct.wav"
            }
        }

And here is the full code. The conditional function is in the variable retroaction.

	var phrase = {
  		type: jsPsychAudioKeyboardResponse,
		stimulus: jsPsych.timelineVariable('phrase'),
 		prompt: "<span style='font-family:arial;font-size:40px;'>+</span>",
 		choices: "NO_KEYS",
 		trial_ends_after_audio: true, 
	}
	
	var image = {
		type: jsPsychPsychophysics,
		stimuli: [
			{
				obj_type: "image",
				file: function(){return jsPsych.evaluateTimelineVariable("image2")},
				startX: 0,
				startY: 255,
				origin_center: true,
        		image_height: 250
			},	
			{
				obj_type: "image",
				file: "images/bas.png",
				startX: 0,
				startY: 100,
				origin_center: true,
				image_height: 40
			},
			{
				obj_type: "image",
				file: function(){return jsPsych.evaluateTimelineVariable("image4")},
				startX: -450,
				startY: 0,
				origin_center: true,
				image_height: 250
			},
			{
				obj_type: "image",
				file: "images/gauche.png",
				startX: -222,
				startY: 0,
				origin_center: true,
				image_height: 40
			},
			{
				obj_type: "image",
				file: function(){return jsPsych.evaluateTimelineVariable("image6")},
				startX: 450,
				startY: 0,
				origin_center: true,
				image_height: 250
			},
			{
				obj_type: "image",
				file: "images/droite.png",
				startX: 222,
				startY: 0,
				origin_center: true,
				image_height: 40
			},
			{
				obj_type: "image",
				file: function(){return jsPsych.evaluateTimelineVariable("image8")},
				startX: 0,
				startY: -255,
				origin_center: true,
				image_height: 250
			},
			{
				obj_type: "image",
				file: "images/haut.png",
				startX: 0,
				startY: -100,
				origin_center: true,
				image_height: 40
			},
		],
  		background_color: "FFFFFF",
 		choices: ['2', '4', '6', '8'],
 		data: {
        	seance: jsPsych.timelineVariable("seance"),
        	bloc: jsPsych.timelineVariable("bloc"),
        	etape: jsPsych.timelineVariable("etape"),
        	ordre: jsPsych.timelineVariable("ordre"),
        	item: jsPsych.timelineVariable("item"),
        	type: jsPsych.timelineVariable("type"),
        	genre: jsPsych.timelineVariable("genre"),
        	position_sujet: jsPsych.timelineVariable("position_sujet"),
        	sujet: jsPsych.timelineVariable("sujet"),
        	action: jsPsych.timelineVariable("action"),
        	objet: jsPsych.timelineVariable("objet"),
        	qualificatif: jsPsych.timelineVariable("qualificatif"),
        	position_qualificatif: jsPsych.timelineVariable("position_qualificatif"),
        	phrase: jsPsych.timelineVariable("phrase"),
        	image2: jsPsych.timelineVariable("image2"),
     		image4: jsPsych.timelineVariable("image4"),
        	image6: jsPsych.timelineVariable("image6"),
        	image8: jsPsych.timelineVariable("image8"),
        	bonne_reponse: jsPsych.timelineVariable("bonne_reponse"),
        	distracteur1_reponse: jsPsych.timelineVariable("distracteur1_reponse"),
        	distracteur2_reponse: jsPsych.timelineVariable("distracteur2_reponse"),
        	distracteur3_reponse: jsPsych.timelineVariable("distracteur3_reponse"),
        	bonne_image: jsPsych.timelineVariable("bonne_image")
		}, 
		on_finish: function(data) {
       		if (data.response == data.bonne_reponse){
				data.correct = true;
			} else {
  				data.correct = false; 
			}
       	}
	}	
	
	var retroaction = {
        type: jsPsychPsychophysics,
        stimuli: [
        	{
				obj_type: "image",
				file: "images/x.png",
				startX: 0,
				startY: 0,
				origin_center: true,
				image_height: 163,
				show_end_time: 1400
			},
			{
				obj_type: "sound",
				file: "audio/incorrect.wav"
			},
			{
				obj_type: "sound",
				file: "audio/voici_la_bonne_reponse.wav",
				show_start_time: 1400,
				trial_ends_after_audio: true
			},
			{
				obj_type: "text",
				content: "+",
				font: "40px arial",
				show_start_time: 1400
			},
		],
 		background_color: "FFFFFF",
        choices: "NO_KEYS",
        on_start: function(retroaction) {
            var last_trial_correct = jsPsych.data.get().last(1).values()[0].correct;
    		if(last_trial_correct) {
                retroaction.stimuli[0].file = "images/crochet.png",
                retroaction.stimuli[1].file = "audio/correct.wav"
            }
        }
    }
    
    var reponse = {
        type: jsPsychPsychophysics,
        stimuli: [
			{
				obj_type: "sound",
				file: function(){return jsPsych.evaluateTimelineVariable("phrase")},
				trial_ends_after_audio: true
			},
			{
				obj_type: "image",
				file: function(){return jsPsych.evaluateTimelineVariable("bonne_image")},
				startX: 0,
				startY: 0,
				origin_center: true,
				image_height: 600
			}
		],
 		background_color: "FFFFFF",
 		choices: "NO_KEYS",
    }
    
	var rond_vert = {
		type: jsPsychImageKeyboardResponse,
		stimulus: "images/rond_vert.png",
		stimulus_height: 648,
 		choices: ['Escape', '5'],
 		on_finish: function(data){
    	if(jsPsych.pluginAPI.compareKeys(data.response, 'Escape')){
     		jsPsych.abortTimelineByName('test');
    		}
  		}
	}	

	var procedure_pratique = {
		timeline: [phrase, image, retroaction, reponse, rond_vert],
		timeline_variables: stimuli_pratique
	};

Thanks a lot for your help!

[kittymimo]

Hi again,

I did some tests and I think the problem is specific to the psychophysics plugin. When I use the jsPsychHtmlKeyboardResponse plugin instead, it works fine. But when I use the psychophysics plugin, as soon as one of my answers is correct, the feedback for correct answers is provided for all subsequent answers, even if they are incorrect.

The same code worked fine with version 3.7 of the psychophysics plugin.

Thanks a lot for your help!

[kurokida]

Hi @kittymimo ,

Thank you for using my plugin!

I’m not sure if I understood your question correctly, but you should probably define the stimuli as a function instead of using on_start.

I haven't tested this code yet, but please try the following and see if it works.
Please remove the on_start section.

stimuli: function() {
    let img_file_name, audio_file_name;
    
    const last_trial_correct = jsPsych.data.get().last(1).values()[0].correct;
    if(last_trial_correct) {
        img_file_name = "images/crochet.png";
        audio_file_name = "audio/correct.wav";
    } else {
        img_file_name = "images/x.png";
        audio_file_name = "audio/incorrect.wav";
    }

    const stimuli = [
        {
            obj_type: "image",
            file: img_file_name,
            startX: 0,
            startY: 0,
            origin_center: true,
            image_height: 163,
            show_end_time: 1400
        },
        {
            obj_type: "sound",
            file: audio_file_name
        },
        {
            obj_type: "sound",
            file: "audio/voici_la_bonne_reponse.wav",
            show_start_time: 1400,
            trial_ends_after_audio: true
        },
        {
            obj_type: "text",
            content: "+",
            font: "40px arial",
            show_start_time: 1400
        },
    ];
    return stimuli;
},

Best,
Daiichiro

[kittymimo]

Hi Daiichiro,

This works perfectly, thank you so much!

I really appreciate your plugin and the support you’ve been providing over the last years. It’s been very helpful for my work!

Thanks again,

Catherine