My updates

[steffejr]

Hello all,
I have been busy coding and I must say that I really enjoy writing with jsPsych. It is easy and fun.

I have put together scripts for delivering questionnaires. I have a setup file for each questionnaire that contains the questions and scoring info. The only thing that needs to be changed in the HTML is which setup file to import. The scoring of the questionnaire is also performed and saved in the output file. I have completed the CFI, CFS, PANAS, STAI and AES. These are easy to make so I will add more later. By having the text and the "guts" separate it will be "easy" to have the language translated since someone does not have to dig through any code to get to the text.

I have the Baddeley's gramatical reasoning test completed.
I have an attentional network task done (This is like a complicated flankers task).
I have my own staircase procedure task, I know this will be at least the third version available.
I am also working on a verbal delayed match to sample task.

I have first drafts completed on these so far. Once I do some more internal testing I will make a pull request. They are all in my fork if anyone is interested right now.

Take care,
Jason

[pjkohler]

Hi Jason.

Sounds great. A few comments:

• Is there any way you can do separate pull requests for each of these?
• Is the attentional network task a Posner cueing task, or do you mean something else by that? I have a student working on the Posner cueing task is why I ask.

Best,

Peter

[pjkohler]

Is the staircase procedure just your version of using a staircase to measure thresholds?

[pjkohler]

oh and I would be great if you could raise issues labeled "DemoTaskDevelopment" for each of these, just so we are following the procedure we are trying to enforce.

[steffejr]

• Yes, I will try my best to do separate pull requests for these once I feel they are good enough.
• The ANT task is the one discussed here: Fan, J., McCandliss, B. D., Sommer, T., Raz, A., & Posner, M. I. (2002). Testing the efficiency and independence of attentional networks. Journal Cognitive Neuroscience, 14(3), 340-7.
• The staircase procedure is for measuring thresholds. I tried to use: https://github.com/hadrienj/StaircaseJS but I could not figure out how to use it. I did get to learn how to use objects in javascript by making my own. So that is good.
• I cannot see how I can assign a label to an issue, sorry.

[pjkohler]

well, raise the issues and I will assign the labels.

I think any type of staircase experiment would be good for this library.

[pjkohler]

I wonder if we could somehow merge different versions of the Posner cueing experiment into one experiment on here?

[steffejr]

Fine with me. If your student wants to take what I have and make it work best for you, that is fine. I have all the functionality complete along with the coding of the trial types for the results file. All that is left is setting the trial/ITI timing so that it matches the original article. It was a pain finding the best arrows and asterix to use. What I have also been doing for different tasks is using tables to align multiple items on the screen. I make functions like "PutStuffIntoTable" that takes some items and arranges them in a table. And if the margins and layout of the tables are set correctly than things show up in the same spot on the screen for every trial. That I think has been one of the most challenging things.

[jodeleeuw]

@steffejr you may want to explore a combination of relative and absolute CSS positioning to get items in particular locations on the screen.

Here's an example posner task stimulus that I made:

{
          type: 'html-keyboard-response',
          stimulus: `<div style="position: relative; width:100vw; height: 100vh;">
            <div style="font-size: 100px; position: absolute; top: 50%; left: 25%; transform: translate(-50%, -50%); width: 200px; height: 200px; border: 1px solid #555;">
              
            </div>
            <div style="font-size: 100px; position: absolute; top: 50%; left: 75%; transform: translate(-50%, -50%); width: 200px; height: 200px; border: 1px solid #555;">
              <p style="line-height: 200px; margin: 0;">🔵</p>    
            </div>
            <div style="position: absolute; bottom: 10%; width: 100%;">
              <p>If the circle appears in the right box, press P.</p>
              <p>Press P to continue.</p>
            </div>
            </div>`,
          choices: ['p']
        },

My full experiment is here:
https://github.com/jodeleeuw/219-eyetrack-example-full