Millisecond Forums

Use <shape> elements positioned behind your <picture> elements. When the respective picture is clicked on, change the color of the shape to the desired value.

Thanks Dave. 

Now I know how to input a border of the target pictures.

But how to do this one? : "When the respective picture is clicked on, change the color of the shape to the desired value."

Sorry I dont know the language to do it. I need your further instructions. Thanks!

Here's a minimal example:

<block myblock>
/ trials = [1=mytrial]
</block>

<trial mytrial>
/ stimulusframes = [1=f1,f2,p1,p2, done]
/ inputdevice = mouse
/ validresponse = (p1,p2,done)
/ ontrialend = [if(trial.mytrial.response=="p1")shape.f1.color=blue]
/ ontrialend = [if(trial.mytrial.response=="p2")shape.f2.color=blue]
/ branch = [if(trial.mytrial.response!="done")trial.mytrial]
</trial>

<text p1>
/ items = ("picture 1")
/ position = (40%,50%)
/ size = (100px, 100px)
/ erase = false
</text>

<shape f1>
/ shape = rectangle
/ position = (40%,50%)
/ size = (110px, 110px)
/ erase = false
</shape>

<text p2>
/ items = ("picture 2")
/ position = (60%,50%)
/ size = (100px, 100px)
/ erase = false
</text>

<shape f2>
/ shape = rectangle
/ position = (60%,50%)
/ size = (110px, 110px)
/ erase = false
</shape>

<text done>
/ items = ("Click here when done...")
/ position = (50%,90%)
/ erase = false
</text>

If you need a more comprehensive example, I recommend you work through the Information Sampling Task which uses a similar mechanic.

Thanks so much!

Hi Dave,

I got another question. 

When I click one picture in one trial, the frame will appear. But the frame will last forever!  I need the frame to disappear when I click next. Then start another trial. 

Please help. Thanks!

You simply need to reset the respective shape element's color to whatever you need at the beginning of a trial then.

<trial picture1>

/ inputdevice = mouse

/ ontrialbegin = [shape.left.color=black]

/ontrialbegin = [shape.right.color=black]

/ stimulusframes = [1=left,right,targetborder,left1,target1,right1,done]

/ validresponse = (left1, right1,done)

/ontrialend = [if(trial.picture1.response=="left1")shape.left.color=red]

/ontrialend = [if(trial.picture1.response=="right1")shape.right.color=red]

/ branch = [if(trial.picture1.response!="done")trial.picture1]

</trial>

If I define the shape color as black at the beginning of each trial like this, then the shape color will not change to red when I click it. 

I am confused.

You are reverting any changes you made within a single trial. That's why.

1st run of the trial -> click on left shape -> left shape is set to red

2nd run of the trial -> left shape is set to back to black *before it is ever displayed*.

then how to write it??