Problem with establishing visual stimuli of concentric rings

Coding
1

Hi,

Here is the experiment link: rspb.2011.1131 [PsychoPy]
I am trying to establish an online experiment on Pavlovia of the time perception and discrimination.

I am trying to set a visual stimuli composed of three concentric rings, just like this:

image
image8001×4501 425 KB

But I don’t to how to modify my code to achieve this visual stimuli, the only thing I can do is drawing one circle and setting the edge wider to realize one concentric ring, like this:

image
image1920×1080 43.7 KB

Here is my code:

// Initialize components for Routine "comaprison_s"
  comaprison_sClock = new util.Clock();
  image_2 = new visual.Polygon ({
    win: psychoJS.window, name: 'image_2',
    edges: 50, size:[0.015, 0.015],
    ori: 0, pos: [0, 0],
    lineWidth: 5, lineColor: new util.Color([1, 1, 1]),
    fillColor: new util.Color([0, 0, 0]),
    opacity: 1, depth: 0, interpolate: true,
  });

I am wondering how should I modify my code so that I can set the three concentric rings visual stimuli mentioned above?
Thanks!

@jon @TParsons

2

It’s all about the drawing order. Draw the largest circle first and then the smaller one later, so that the smaller one (dark line with a white fill) gets drawn on top of the larger one (a solid white circle). This shouldn’t take any code at all - can’t it just be done by using Builder’s polygon components (with the smaller one below the bigger one)?

3

Oh, I will have a look of the Builder’s polygon components.
Not so sure because I was totally new on use this whole things.
Thx!