There are some neat aspects to the mouse that can make for interesting interactive experiments
It’s the easiest thing in the world to make a stimulus appear at the location of the mouse:
add a Mouse Component (let’s call it mouse)
set the position of your stimulus to be at mouse.getPos() and update on every frame
Most stimuli (except for text) have a method .contains() and so we can test whether the mouse is at that location.
Let’s create a circle called myStim and an object that tracks the mouse, called marker and make marker change color if it goes inside the circle.
All we need is a Code Component with “Each Frame” set to:
thisColor = 'red'
thisColor = 'blue'
Use $thisColor to set the color of your marker
The stimulus that you test can be moving and that’s fine too. The .contains() method doesn’t care if the position is changing!
The “stimulus” can also be invisible (so you’re effectively just using it to define an “area” rather than a stimulus).
You can continuously check if a mouse is pressed in an object using the mouse.isPressedIn(x) method. To check if the mouse is in the area of x and if one of the buttons is pressed in.
OK so we have covered the basics of making a task and how to do exciting dynamic things with the mouse. Let’s touch on a relatively new response type…
A number of polygons
The ‘brush’ component (our pencil to join the dots)
A code component to turn the polygons red when the mouse is clicked in their location
We have already seen how we can use ‘conditional if’ statements in python. And we could just use several of these statements to check if the mouse is in each polygon individually.
Alternatively, we could use a ‘for’ loop…
For loops allow us to repeat the same set of code over a predifined n or over a set of objects. e.g.:
polygons=[polygon1, polygon2, polygon3]
for polygon in polygons:
polygon.color = 'red'
OK so once we have this, let’s try and take this online.
When getting this online, we might notice this doesn’t quite look as we expect. In these cases, there are several places we could look for support:
If something works locally, but not online, this is typically a JS translation issue. so we can change the JS side of our code e.g.:
polygon.fillColor = new util.Color("red");
polygon.color = 'red'
Practice what we learnt earlier to present several trials of our task:
-repeat our trial 3 times and present the dots in new locations on each trial. - use a second mouse component with a clickable button to end each trial