| Reference | Downloads | Github

Visual stimulus edges appear blurred

Hi to all! :space_invader:

Description of the problem:

Edges of the visual stimuli appear blurred in online experiment:
The stimuli are initiated with the following code:

  // Initialize components for Routine "distr_1_1"
  distr_1_1Clock = new util.Clock();
  batch1_1_distractor = new visual.Polygon ({
    win: psychoJS.window, name: 'batch1_1_distractor', units : 'pix', 
    edges: 100, size:[74, 74],
    ori: 0, pos: [0, 0],
    lineWidth: 1, lineColor: new util.Color([1, 1, 1]),
    fillColor: new util.Color([1, 1, 1]),
    opacity: 1, depth: 0, interpolate: true,  

How do I make the outer line of the circe look smooth?

Thanx in advance!

I think the circle looks like this because it’s drawn a polygon with 100 vertices. You could increase the number of vertices, but you might get nicer results by using an image of a circle instead.

1 Like

Thanx Thomas! I’m gonna try both solutions

1 Like

Well, the first solution did not work - I increased the number of vertices to 500 and the stimuli still look pretty much the same :hugs: The second solution is not suitable in fact for my experiment, since I have to generate hundreds of images based on the trial conditions based on the conditions file…
Is it some kind of anti-aliasing mechanism that is required here? Thnks! :innocent:

Hmmm… then we might need something funkier; let me ask around. Meanwhile, what varies between all those circles you need to draw?