text: // Define study
  const studyObject = {
    "title": "root",
    "type": "lab.flow.Sequence",
    "parameters": {},
    "plugins": [
      {
        "type": "lab.plugins.Metadata"
      },
      {
        "type": "lab.plugins.Download",
        "filePrefix": "study"
      }
    ],
    "metadata": {
      "title": "",
      "description": "",
      "repository": "",
      "contributors": ""
    },
    "files": {},
    "responses": {},
    "content": [
      {
        "type": "lab.flow.Sequence",
        "files": {},
        "parameters": {},
        "responses": {},
        "messageHandlers": {},
        "title": "Multi-tasking",
        "content": [
          {
            "type": "lab.html.Screen",
            "files": {},
            "parameters": {},
            "responses": {
              "keypress(Space)": "continue"
            },
            "messageHandlers": {},
            "title": "Intro",
            "content": "\u003Cmain\u003E\n  \u003Ch1\u003E\n    Multitasking\n  \u003C\u002Fh1\u003E\n  \u003Cp\u003E\n    In this task you will learn about multitasking difficulties using a task mixing and switching paradigm. \n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    You will go through several instruction and training blocks and then several blocks of real data collection will follow.\n  \u003C\u002Fp\u003E\n  \u003Ch3\u003E\n    \u003Cem\u003E\n      Press the space bar to continue with the instructions\n    \u003C\u002Fem\u003E\n  \u003C\u002Fh3\u003E\n\u003C\u002Fmain\u003E"
          },
          {
            "type": "lab.html.Screen",
            "files": {
              "diamond_2.png": "./utils/labjs/scripts/multitasking/diamond_2.png",
              "diamond_3.png": "./utils/labjs/scripts/multitasking/diamond_3.png",
              "rectangle_2.png": "./utils/labjs/scripts/multitasking/rectangle_2.png",
              "rectangle_3.png": "./utils/labjs/scripts/multitasking/rectangle_3.png",
              "filling.png": "./utils/labjs/scripts/multitasking/filling.png",
              "shape.png": "./utils/labjs/scripts/multitasking/shape.png",
              "example_1.png": "./utils/labjs/scripts/multitasking/example_1.png",
              "example_2.png": "./utils/labjs/scripts/multitasking/example_2.png",
              "example_3.png": "./utils/labjs/scripts/multitasking/example_3.png",
              "example_4.png": "./utils/labjs/scripts/multitasking/example_4.png",
              "all_conditions.png": "./utils/labjs/scripts/multitasking/all_conditions.png"
            },
            "parameters": {},
            "responses": {
              "keypress(q)": "continue"
            },
            "messageHandlers": {
              "before:prepare": function anonymous(
  ) {
  this.options.events['keydown'] = (e) => {
    if(e.code === 'ArrowLeft' || e.code === 'ArrowRight'){
  
      let instructions = document.querySelectorAll('div.instruction')
      let notFound = true
      instructions.forEach(i => {
  
        if(i.style.display === 'block' && notFound){
          let cur_id = parseInt(i.id.split('screen_')[1])
          let next_id
          if(e.code === 'ArrowLeft'){
            next_id = cur_id - 1
          }
          if(e.code === 'ArrowRight'){
            next_id = cur_id + 1
          }
          if(next_id > 0 && next_id <= 10){
            i.style.display = 'none'
            next_id = 'screen_' + next_id
            document.querySelector(`#${next_id}`).style.display = 'block'
            notFound = false
          }
  
        }
  
      })
  
    }
  }
  }
            },
            "title": "Instructions",
            "content": "\u003Cmain\u003E\n\n\u003Cdiv class=\"instruction\" id='screen_1' style=\"display:block\"\u003E\n  \u003Cp\u003E\n    In the following, you will respond to various figures. These are the figures that you will see: diamonds and rectangles with a filling of 2 or 3 dots:\n  \u003C\u002Fp\u003E\n  \u003Ctable\u003E\n      \u003Cthead\u003E\n      \u003Ctr\u003E\n          \u003Cth\u003EDiamond with filling of 3 dots\u003C\u002Fth\u003E\n          \u003Cth\u003EDiamond with filling of 2 dots\u003C\u002Fth\u003E\n          \u003Cth\u003ERectangle with filling of 3 dots\u003C\u002Fth\u003E\n          \u003Cth\u003ERectangle with filling of 2 dots\u003C\u002Fth\u003E\n      \u003C\u002Ftr\u003E\n      \u003C\u002Fthead\u003E\n      \u003Ctbody\u003E\n      \u003Ctr\u003E\n          \u003Ctd\u003E\u003Cimg src=${this.files['diamond_3.png']} style=\"width:100px\"\u003E\u003C\u002Ftd\u003E\n          \u003Ctd\u003E\u003Cimg src=${this.files['diamond_2.png']} style=\"width:100px\"\u003E\u003C\u002Ftd\u003E\n          \u003Ctd\u003E\u003Cimg src=${this.files['rectangle_3.png']} style=\"width:100px\"\u003E\u003C\u002Ftd\u003E\n          \u003Ctd\u003E\u003Cimg src=${this.files['rectangle_2.png']} style=\"width:100px\"\u003E\u003C\u002Ftd\u003E\n      \u003C\u002Ftr\u003E\n      \u003C\u002Ftbody\u003E\n  \u003C\u002Ftable\u003E\n\n\u003C\u002Fdiv\u003E\n\n\u003Cdiv class=\"instruction\" id='screen_2' style=\"display:none\"\u003E\n\n  \u003Cp\u003E\n    You will be shown these figures in sequences of trials.\n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    Each time you will need to respond with a button press.\n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    How exactly will be explained in the next screens.\n  \u003C\u002Fp\u003E\n\n\u003C\u002Fdiv\u003E\n\n\u003Cdiv class=\"instruction\" id='screen_3' style=\"display:none\"\u003E\n  \u003Cp\u003E\n    In the shape task, a diamond requires a b button press. \n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    In the shape task, a rectangle requires a n button press. \n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    In this task, ignore the filling (dots) of the shape!\n  \u003C\u002Fp\u003E\n  \u003Cimg src=${this.files['shape.png']} style=\"width:400px\"\u003E\n\u003C\u002Fdiv\u003E\n\n\u003Cdiv class=\"instruction\" id='screen_4' style=\"display:none\"\u003E\n  \u003Cp\u003E\n    In the filling task, a filling of two dots requires a b button press. \n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    In the filling task, a filling with three dots requires a n button press. \n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    In the filling task, ignore the outer shape!\n  \u003C\u002Fp\u003E\n  \u003Cimg src=${this.files['filling.png']} style=\"width:400px\"\u003E\n\u003C\u002Fdiv\u003E\n\n\u003Cdiv class=\"instruction\" id='screen_5' style=\"display:none\"\u003E\n  \u003Cp\u003E\n    Example 1. If you see a figure in the upper part of the frame, you know you need to do the shape task, that is easy, because the word shape is at the top. Here you see a diamond, which requires a button press of the keyboard key \u003Cstrong\u003E\u003Cem\u003Eb\u003C\u002Fem\u003E\u003C\u002Fstrong\u003E\n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    In the shape task, entirely ignore the filling dots!!!\n  \u003C\u002Fp\u003E\n  \u003Cimg src=${this.files['example_1.png']} style=\"width:400px\"\u003E\n\u003C\u002Fdiv\u003E\n\n\u003Cdiv class=\"instruction\" id='screen_6' style=\"display:none\" style=\"width:400px\"\u003E\n  \u003Cp\u003E\n    Example 2. If you see a figure in the lower part of the frame, you know you need to do the filling task, that is easy, because the word filling is at the bottom. This diamond is filled with 3 dots, and thus press the keyboard key \u003Cstrong\u003E\u003Cem\u003En\u003C\u002Fem\u003E\u003C\u002Fstrong\u003E\n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    In the filling task, entirely ignore the outer shape (here a diamond)!!!\n  \u003C\u002Fp\u003E\n  \u003Cimg src=${this.files['example_2.png']} style=\"width:400px\"\u003E\n\u003C\u002Fdiv\u003E\n\n\u003Cdiv class=\"instruction\" id='screen_7' style=\"display:none\"\u003E\n  \u003Cimg src=${this.files['example_3.png']} style=\"width:400px\"\u003E\n  \u003Cp\u003E\n    Example 3. If you see a figure in the upper part of the frame, you know you need to do the shape task, that is easy, because the word shape is at the top. Here you see a rectangle, which requires the \u003Cstrong\u003E\u003Cem\u003En\u003C\u002Fem\u003E\u003C\u002Fstrong\u003E key.\n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    In the shape task, entirely ignore the filling (here 2 dots)!!!\n  \u003C\u002Fp\u003E\n\u003C\u002Fdiv\u003E\n\n\u003Cdiv class=\"instruction\" id='screen_8' style=\"display:none\"\u003E\n  \u003Cp\u003E\n    Example 4. If you see a figure in the lower part of the frame, you know you need to do the filling task, that is easy, because the word filling is at the bottom. This diamond is filled with 2 dots, and thus press \u003Cstrong\u003E\u003Cem\u003Eb\u003C\u002Fem\u003E\u003C\u002Fstrong\u003E key.\n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    In the filling task, entirely ignore the outer shape (here a diamond)!!!\n  \u003C\u002Fp\u003E\n  \u003Cimg src=${this.files['example_4.png']} style=\"width:400px\"\u003E\n\u003C\u002Fdiv\u003E\n\n\n\u003Cdiv class=\"instruction\" id='screen_9' style=\"display:none\"\u003E\n  \u003Cp\u003E\n    Here, you can see how to respond in all conditions...\n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    Just look at shape in the shape task, and at the dots in the filling task...\n  \u003C\u002Fp\u003E\n  \u003Cimg src=${this.files['all_conditions.png']} style=\"width:400px\"\u003E\n\u003C\u002Fdiv\u003E\n\n\u003Cdiv class=\"instruction\" id='screen_10' style=\"display:none\"\u003E\n  \u003Cp\u003E\n    Are you ready? Press the \"q\" button on your keyboard to quit the instructions and start doing the task.\n  \u003C\u002Fp\u003E\n  \u003Cp\u003E\n    Or you can browse back to the previous screens until you understand what you need to do in the two tasks (use the arrow keys).\n  \u003C\u002Fp\u003E\n\u003C\u002Fdiv\u003E\n\n\u003C\u002Fmain\u003E\n\n\n\u003Cfooter\u003E\n  Use left\u002Fright arrow keys to go further or back.\n\u003C\u002Ffooter\u003E"
          },
          {
            "type": "lab.flow.Loop",
            "files": {},
            "parameters": {},
            "templateParameters": [
              {
                "block": "shape",
                "task": "training",
                "num_trials": "5"
              },
              {
                "block": "filling",
                "task": "training",
                "num_trials": "5"
              },
              {
                "block": "mixed",
                "task": "training",
                "num_trials": "10"
              },
              {
                "block": "shape",
                "task": "main",
                "num_trials": "15"
              },
              {
                "block": "filling",
                "task": "main",
                "num_trials": "15"
              },
              {
                "block": "mixed",
                "task": "main",
                "num_trials": "30"
              }
            ],
            "sample": {
              "mode": "sequential",
              "n": "6"
            },
            "responses": {},
            "messageHandlers": {},
            "title": "Block loop",
            "shuffleGroups": [],
            "template": {
              "type": "lab.flow.Sequence",
              "files": {},
              "parameters": {},
              "responses": {},
              "messageHandlers": {},
              "title": "Block sequence",
              "content": [
                {
                  "type": "lab.canvas.Screen",
                  "content": [
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": -112,
                      "width": 103.95,
                      "height": 36.16,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "Ready? ",
                      "fontSize": "50",
                      "fontWeight": "bold",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "center",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "277",
                      "styles": {}
                    },
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": -25,
                      "width": 1090.61,
                      "height": 36.16,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "${parameters.task === 'training' ? 'for some training?' : 'for the real data collection?'}",
                      "fontSize": 32,
                      "fontWeight": "normal",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "center",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "278",
                      "styles": {}
                    },
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": 50,
                      "width": 416.41,
                      "height": 36.16,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "When ready, press the space bar.",
                      "fontSize": 32,
                      "fontWeight": "normal",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "center",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "279",
                      "styles": {}
                    }
                  ],
                  "files": {},
                  "parameters": {},
                  "responses": {
                    "keypress(Space)": "continue"
                  },
                  "messageHandlers": {},
                  "viewport": [
                    800,
                    600
                  ],
                  "title": "Ready"
                },
                {
                  "type": "lab.canvas.Screen",
                  "content": [
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "left",
                      "originY": "center",
                      "left": "${this.parameters.block === 'mixed' ? 1000 : -120}",
                      "top": -64,
                      "width": 372.81,
                      "height": 78.11,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "A block of just \nthe ${parameters.block} task",
                      "fontSize": 32,
                      "fontWeight": "normal",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "left",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "298",
                      "styles": {
                        "1": {
                          "4": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "5": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "6": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "7": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "8": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "9": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "10": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "11": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "12": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "13": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "14": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "15": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "16": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "17": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "18": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "19": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "20": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "21": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "22": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "23": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "24": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "25": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "26": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          },
                          "27": {
                            "stroke": null,
                            "strokeWidth": 1,
                            "fill": "black",
                            "fontFamily": "Times New Roman",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontStyle": "normal",
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "deltaY": 0,
                            "textBackgroundColor": ""
                          }
                        }
                      }
                    },
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "left",
                      "originY": "center",
                      "left": -125,
                      "top": 75,
                      "width": 293.18,
                      "height": 126.56,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "Try to be as fast as you\ncan without making errors!\nPress space bar when\nyou are ready!",
                      "fontSize": "25",
                      "fontWeight": "normal",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "left",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "300",
                      "styles": {}
                    },
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "left",
                      "originY": "center",
                      "left": "${this.parameters.block === 'mixed' ? -120 : 1000}",
                      "top": -75,
                      "width": 247.08,
                      "height": 120.05,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "A block with a mix\nof the shape & \nthe filling task",
                      "fontSize": 32,
                      "fontWeight": "normal",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "left",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "397",
                      "styles": {}
                    }
                  ],
                  "files": {},
                  "parameters": {},
                  "responses": {
                    "keypress(Space)": "continue"
                  },
                  "messageHandlers": {},
                  "viewport": [
                    800,
                    600
                  ],
                  "title": "Block description"
                },
                {
                  "type": "lab.canvas.Screen",
                  "content": [
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": 0,
                      "width": 154.59,
                      "height": 36.16,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "Concentrate",
                      "fontSize": 32,
                      "fontWeight": "normal",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "center",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "276",
                      "styles": {}
                    }
                  ],
                  "files": {},
                  "parameters": {},
                  "responses": {},
                  "messageHandlers": {},
                  "viewport": [
                    800,
                    600
                  ],
                  "title": "Concentrate",
                  "timeout": "1000"
                },
                {
                  "type": "lab.canvas.Screen",
                  "content": [
                    {
                      "type": "circle",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": 0,
                      "width": "100",
                      "height": 55,
                      "fill": "transparent",
                      "stroke": "#000000",
                      "strokeWidth": 5,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "radius": 27.5,
                      "startAngle": 0,
                      "endAngle": 6.283185307179586,
                      "id": "273"
                    },
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": 0,
                      "width": 25,
                      "height": 56.5,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "3",
                      "fontSize": "50",
                      "fontWeight": "normal",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "center",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "274",
                      "styles": {}
                    }
                  ],
                  "files": {},
                  "parameters": {},
                  "responses": {},
                  "messageHandlers": {},
                  "viewport": [
                    800,
                    600
                  ],
                  "title": "3",
                  "timeout": "1000"
                },
                {
                  "type": "lab.canvas.Screen",
                  "content": [
                    {
                      "type": "circle",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": 0,
                      "width": "100",
                      "height": 55,
                      "fill": "transparent",
                      "stroke": "#000000",
                      "strokeWidth": 5,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "radius": 27.5,
                      "startAngle": 0,
                      "endAngle": 6.283185307179586,
                      "id": "273"
                    },
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": 0,
                      "width": 27.81,
                      "height": 56.5,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "2",
                      "fontSize": "50",
                      "fontWeight": "normal",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "center",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "274",
                      "styles": {}
                    }
                  ],
                  "files": {},
                  "parameters": {},
                  "responses": {},
                  "messageHandlers": {},
                  "viewport": [
                    800,
                    600
                  ],
                  "title": "2",
                  "timeout": "1000"
                },
                {
                  "type": "lab.canvas.Screen",
                  "content": [
                    {
                      "type": "circle",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": 0,
                      "width": "100",
                      "height": 55,
                      "fill": "transparent",
                      "stroke": "#000000",
                      "strokeWidth": 5,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "radius": 27.5,
                      "startAngle": 0,
                      "endAngle": 6.283185307179586,
                      "id": "273"
                    },
                    {
                      "type": "i-text",
                      "version": "2.7.0",
                      "originX": "center",
                      "originY": "center",
                      "left": 0,
                      "top": 0,
                      "width": 27.81,
                      "height": 56.5,
                      "fill": "black",
                      "stroke": null,
                      "strokeWidth": 1,
                      "strokeDashArray": null,
                      "strokeLineCap": "butt",
                      "strokeDashOffset": 0,
                      "strokeLineJoin": "round",
                      "strokeMiterLimit": 4,
                      "scaleX": 1,
                      "scaleY": 1,
                      "angle": 0,
                      "flipX": false,
                      "flipY": false,
                      "opacity": 1,
                      "shadow": null,
                      "visible": true,
                      "clipTo": null,
                      "backgroundColor": "",
                      "fillRule": "nonzero",
                      "paintFirst": "fill",
                      "globalCompositeOperation": "source-over",
                      "transformMatrix": null,
                      "skewX": 0,
                      "skewY": 0,
                      "text": "1",
                      "fontSize": "50",
                      "fontWeight": "normal",
                      "fontFamily": "sans-serif",
                      "fontStyle": "normal",
                      "lineHeight": 1.16,
                      "underline": false,
                      "overline": false,
                      "linethrough": false,
                      "textAlign": "center",
                      "textBackgroundColor": "",
                      "charSpacing": 0,
                      "id": "274",
                      "styles": {}
                    }
                  ],
                  "files": {},
                  "parameters": {},
                  "responses": {},
                  "messageHandlers": {},
                  "viewport": [
                    800,
                    600
                  ],
                  "title": "1",
                  "timeout": "1000"
                },
                {
                  "type": "lab.flow.Loop",
                  "files": {},
                  "parameters": {},
                  "templateParameters": [],
                  "sample": {
                    "mode": "draw",
                    "n": ""
                  },
                  "responses": {},
                  "messageHandlers": {
                    "before:prepare": function anonymous(
  ) {
  function shuffle(a) {
    var j, x, i
    for (i = a.length - 1; i > 0; i--) {
      j = Math.floor(Math.random() * (i + 1))
      x = a[i]
      a[i] = a[j]
      a[j] = x
    }
    return a
  }
  
  let tasksParameters = []
  const blocks = this.parameters.block === 'mixed' ? ['shape', 'filling'] : [this.parameters.block, this.parameters.block]
  
  function trialConstructor(block, dots, form, cor_response) {
    return {
      'type': block,
      'dots': dots,
      'form': form,
      'cor_response': cor_response
    }
  }
  
  const numberBlocks = Math.ceil(this.parameters.num_trials / 4)
  
  for (let i = 1; i <= numberBlocks; i++){
    for (let block of blocks){
      if (block === 'shape'){
        tasksParameters = tasksParameters.concat(trialConstructor(block, 2, 'diamond', 'b'))
        tasksParameters = tasksParameters.concat(trialConstructor(block, 2, 'square', 'n'))
        tasksParameters = tasksParameters.concat(trialConstructor(block, 3, 'diamond', 'b'))
        tasksParameters = tasksParameters.concat(trialConstructor(block, 3, 'square', 'n'))
      } else if(block === 'filling'){
        tasksParameters = tasksParameters.concat(trialConstructor(block, 2, 'diamond', 'b'))
        tasksParameters = tasksParameters.concat(trialConstructor(block, 2, 'square', 'b'))
        tasksParameters = tasksParameters.concat(trialConstructor(block, 3, 'diamond', 'n'))
        tasksParameters = tasksParameters.concat(trialConstructor(block, 3, 'square', 'n'))
      }
    }
  }
  
  const tasksParametersShuffled = shuffle(tasksParameters)
  // assign options values to parameters of this task
  this.options.templateParameters = tasksParametersShuffled.slice(0, this.parameters.num_trials)
  }
                  },
                  "title": "Trial loop",
                  "shuffleGroups": [],
                  "template": {
                    "type": "lab.flow.Sequence",
                    "files": {},
                    "parameters": {},
                    "responses": {},
                    "messageHandlers": {},
                    "title": "Trial sequence",
                    "content": [
                      {
                        "type": "lab.canvas.Screen",
                        "content": [
                          {
                            "type": "rect",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": 0,
                            "width": 400,
                            "height": 300,
                            "fill": "transparent",
                            "stroke": "#000000",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "rx": 0,
                            "ry": 0,
                            "id": "17"
                          },
                          {
                            "type": "line",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": 0,
                            "width": 400,
                            "height": 0,
                            "fill": "rgb(0,0,0)",
                            "stroke": "black",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "id": "90",
                            "x1": -200,
                            "x2": 200,
                            "y1": 0,
                            "y2": 0
                          },
                          {
                            "type": "rect",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "${this.parameters.form === 'square' ? 0 : 1000}",
                            "top": "${this.parameters.type === 'shape' ? -75 : 75}",
                            "width": "100",
                            "height": "100",
                            "fill": "transparent",
                            "stroke": "#000000",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "rx": 0,
                            "ry": 0,
                            "id": "91"
                          },
                          {
                            "type": "circle",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "0",
                            "top": "${this.parameters.type === 'shape' ? -50 : 50}",
                            "width": 20,
                            "height": 20,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "radius": 10,
                            "startAngle": 0,
                            "endAngle": 6.283185307179586,
                            "id": "105"
                          },
                          {
                            "type": "rect",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "${this.parameters.form === 'diamond' ? 0 : 1000}",
                            "top": "${this.parameters.type === 'shape' ? -75 : 75}",
                            "width": 80,
                            "height": 80,
                            "fill": "transparent",
                            "stroke": "#000000",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 315,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "rx": 0,
                            "ry": 0,
                            "id": "98"
                          },
                          {
                            "type": "circle",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "${this.parameters.dots === 3 ? 0 : 1000}",
                            "top": "${this.parameters.type === 'shape' ? -75 : 75}",
                            "width": 20,
                            "height": 20,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "radius": 10,
                            "startAngle": 0,
                            "endAngle": 6.283185307179586,
                            "id": "103"
                          },
                          {
                            "type": "circle",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "0",
                            "top": "${this.parameters.type === 'shape' ? -100 : 100}",
                            "width": 20,
                            "height": 20,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "radius": 10,
                            "startAngle": 0,
                            "endAngle": 6.283185307179586,
                            "id": "104"
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": "-195",
                            "width": 78.2,
                            "height": 36.16,
                            "fill": "#000000",
                            "stroke": "#000000",
                            "strokeWidth": 0,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "Shape",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "sans-serif",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "112",
                            "styles": {}
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": "195",
                            "width": 85.36,
                            "height": 36.16,
                            "fill": "#000000",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "Filling",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "sans-serif",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "113",
                            "styles": {}
                          }
                        ],
                        "files": {},
                        "parameters": {},
                        "responses": {
                          "keypress(b)": "b",
                          "keypress(n)": "n"
                        },
                        "messageHandlers": {
                          "run": function anonymous(
  ) {
  this.data.correct = 'empty'
  }
                        },
                        "viewport": [
                          800,
                          600
                        ],
                        "title": "Stimulus",
                        "correctResponse": "${parameters.cor_response}",
                        "timeout": "5000"
                      },
                      {
                        "type": "lab.canvas.Screen",
                        "content": [
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": 0,
                            "width": 655.95,
                            "height": 36.16,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "${this.state.correct ? '' : 'That was the wrong key.'} ",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "sans-serif",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "37",
                            "styles": {}
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": 0,
                            "width": 688.19,
                            "height": 36.16,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "${this.state.correct === 'empty' ? 'The time is up' : ''} ",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "sans-serif",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "310",
                            "styles": {}
                          },
                          {
                            "type": "rect",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": 0,
                            "width": 400,
                            "height": 300,
                            "fill": "transparent",
                            "stroke": "#000000",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "rx": 0,
                            "ry": 0,
                            "id": "36"
                          },
                          {
                            "type": "line",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": "${this.state.correct === true ? 0 : 1000} ",
                            "width": 400,
                            "height": 0,
                            "fill": "rgb(0,0,0)",
                            "stroke": "black",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "id": "125",
                            "x1": -200,
                            "x2": 200,
                            "y1": 0,
                            "y2": 0
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": "-195",
                            "width": 78.2,
                            "height": 36.16,
                            "fill": "#000000",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "Shape",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "sans-serif",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "126",
                            "styles": {}
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": "195",
                            "width": 85.36,
                            "height": 36.16,
                            "fill": "#000000",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "Filling",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "sans-serif",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "127",
                            "styles": {}
                          }
                        ],
                        "files": {},
                        "parameters": {},
                        "responses": {},
                        "messageHandlers": {
                          "before:prepare": function anonymous(
  ) {
  
  this.data.trial_number = 1 + parseInt(this.options.id.split('_')[this.options.id.split('_').length-2]);
  this.data.condition = this.parameters.type.charAt(0).toUpperCase() + this.parameters.type.slice(1);
  this.data.reaction_time = this.state.duration;
  
  if(this.state.response === this.parameters.cor_response){
    this.data.correct_response = true;
  } else {
    this.data.correct_response = false;
  }
  
  this.data.response_given = this.state.correct === 'empty' ? 'no' : 'yes';
  
  
  
  
  
  }
                        },
                        "viewport": [
                          800,
                          600
                        ],
                        "title": "Feedback",
                        "timeout": "1000",
                        "tardy": true
                      },
                      {
                        "type": "lab.canvas.Screen",
                        "content": [
                          {
                            "type": "rect",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": 0,
                            "width": 400,
                            "height": 300,
                            "fill": "transparent",
                            "stroke": "#000000",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "rx": 0,
                            "ry": 0,
                            "id": "123"
                          },
                          {
                            "type": "line",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": 0,
                            "width": "400",
                            "height": 0,
                            "fill": "rgb(0,0,0)",
                            "stroke": "black",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "id": "124",
                            "x1": -50,
                            "x2": 50,
                            "y1": 0,
                            "y2": 0
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": -195,
                            "width": 78.2,
                            "height": 36.16,
                            "fill": "${this.parameters.type === 'shape' ? 'black' : 'lightgrey'}",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "Shape",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "sans-serif",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "128",
                            "styles": {}
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": 0,
                            "top": "195",
                            "width": 85.36,
                            "height": 36.16,
                            "fill": "${this.parameters.type === 'filling' ? 'black' : 'lightgrey'}",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "Filling",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "sans-serif",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "129",
                            "styles": {}
                          },
                          {
                            "type": "rect",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "120",
                            "top": "${this.parameters.type === 'shape' ? -90 : 1000}",
                            "width": 80,
                            "height": 80,
                            "fill": "transparent",
                            "stroke": "#000000",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "rx": 0,
                            "ry": 0,
                            "id": "130"
                          },
                          {
                            "type": "rect",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "-120",
                            "top": "${this.parameters.type === 'shape' ? -90 : 1000}",
                            "width": 60,
                            "height": 60,
                            "fill": "transparent",
                            "stroke": "#000000",
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 315,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "rx": 0,
                            "ry": 0,
                            "id": "131"
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "-120",
                            "top": "${this.parameters.type === 'shape' ? -25 : 1000}",
                            "width": 16,
                            "height": 36.16,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "b",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "Times New Roman",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "132",
                            "styles": {}
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "120",
                            "top": "${this.parameters.type === 'shape' ? -25 : 1000}",
                            "width": 16,
                            "height": 36.16,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "n",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "Times New Roman",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "133",
                            "styles": {}
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "-120",
                            "top": "${this.parameters.type === 'filling' ? 125 : 1000}",
                            "width": 16,
                            "height": 36.16,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "b",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "Times New Roman",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "134",
                            "styles": {}
                          },
                          {
                            "type": "i-text",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "120",
                            "top": "${this.parameters.type === 'filling' ? 125 : 1000}",
                            "width": 16,
                            "height": 36.16,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "text": "n",
                            "fontSize": 32,
                            "fontWeight": "normal",
                            "fontFamily": "Times New Roman",
                            "fontStyle": "normal",
                            "lineHeight": 1.16,
                            "underline": false,
                            "overline": false,
                            "linethrough": false,
                            "textAlign": "center",
                            "textBackgroundColor": "",
                            "charSpacing": 0,
                            "id": "135",
                            "styles": {}
                          },
                          {
                            "type": "circle",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "-120",
                            "top": "${this.parameters.type === 'filling' ? 30 : 1000}",
                            "width": 20,
                            "height": 20,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "radius": 10,
                            "startAngle": 0,
                            "endAngle": 6.283185307179586,
                            "id": "136"
                          },
                          {
                            "type": "circle",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "-120",
                            "top": "${this.parameters.type === 'filling' ? 90 : 1000}",
                            "width": 20,
                            "height": 20,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "radius": 10,
                            "startAngle": 0,
                            "endAngle": 6.283185307179586,
                            "id": "137"
                          },
                          {
                            "type": "circle",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "120",
                            "top": "${this.parameters.type === 'filling' ? 90 : 1000}",
                            "width": 20,
                            "height": 20,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "radius": 10,
                            "startAngle": 0,
                            "endAngle": 6.283185307179586,
                            "id": "138"
                          },
                          {
                            "type": "circle",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "120",
                            "top": "${this.parameters.type === 'filling' ? 60 : 1000}",
                            "width": 20,
                            "height": 20,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "radius": 10,
                            "startAngle": 0,
                            "endAngle": 6.283185307179586,
                            "id": "139"
                          },
                          {
                            "type": "circle",
                            "version": "2.7.0",
                            "originX": "center",
                            "originY": "center",
                            "left": "120",
                            "top": "${this.parameters.type === 'filling' ? 30 : 1000}",
                            "width": 20,
                            "height": 20,
                            "fill": "black",
                            "stroke": null,
                            "strokeWidth": 1,
                            "strokeDashArray": null,
                            "strokeLineCap": "butt",
                            "strokeDashOffset": 0,
                            "strokeLineJoin": "round",
                            "strokeMiterLimit": 4,
                            "scaleX": 1,
                            "scaleY": 1,
                            "angle": 0,
                            "flipX": false,
                            "flipY": false,
                            "opacity": 1,
                            "shadow": null,
                            "visible": true,
                            "clipTo": null,
                            "backgroundColor": "",
                            "fillRule": "nonzero",
                            "paintFirst": "fill",
                            "globalCompositeOperation": "source-over",
                            "transformMatrix": null,
                            "skewX": 0,
                            "skewY": 0,
                            "radius": 10,
                            "startAngle": 0,
                            "endAngle": 6.283185307179586,
                            "id": "140"
                          }
                        ],
                        "files": {},
                        "parameters": {},
                        "responses": {},
                        "messageHandlers": {},
                        "viewport": [
                          800,
                          600
                        ],
                        "title": "Pause",
                        "skip": "${this.state.correct === true}",
                        "timeout": "3000",
                        "tardy": true
                      }
                    ]
                  }
                }
              ]
            }
          },
          {
            "type": "lab.canvas.Screen",
            "content": [
              {
                "type": "i-text",
                "version": "2.7.0",
                "originX": "center",
                "originY": "center",
                "left": 0,
                "top": 0,
                "width": 148.41,
                "height": 36.16,
                "fill": "black",
                "stroke": null,
                "strokeWidth": 1,
                "strokeDashArray": null,
                "strokeLineCap": "butt",
                "strokeDashOffset": 0,
                "strokeLineJoin": "round",
                "strokeMiterLimit": 4,
                "scaleX": 1,
                "scaleY": 1,
                "angle": 0,
                "flipX": false,
                "flipY": false,
                "opacity": 1,
                "shadow": null,
                "visible": true,
                "clipTo": null,
                "backgroundColor": "",
                "fillRule": "nonzero",
                "paintFirst": "fill",
                "globalCompositeOperation": "source-over",
                "transformMatrix": null,
                "skewX": 0,
                "skewY": 0,
                "text": "Thank you!",
                "fontSize": 32,
                "fontWeight": "normal",
                "fontFamily": "Times New Roman",
                "fontStyle": "normal",
                "lineHeight": 1.16,
                "underline": false,
                "overline": false,
                "linethrough": false,
                "textAlign": "center",
                "textBackgroundColor": "",
                "charSpacing": 0,
                "id": "302",
                "styles": {}
              }
            ],
            "files": {},
            "parameters": {},
            "responses": {},
            "messageHandlers": {},
            "viewport": [
              800,
              600
            ],
            "title": "End",
            "tardy": true,
            "timeout": "2000"
          }
        ]
      }
    ]
  }
  
  // export
  export default studyObject;
  