Stroke is shaking when rotates

[vladbotlevskyi]

Most appropriate sub-area of Processing 4?

Other (specify if possible)

Processing version

4.5.2

Operating system

windows

Bug description

Stroke is shaking when rotates. Only stroke does that, not the filled shape itself.

void draw(){
noFill();
stroke(0, 150, 255); // Blue color
strokeWeight(4);
rotate(radians(angle));
arc(0, 0, 150, 150, 0, PI + HALF_PI);
}

Steps to reproduce this

1. set frameRate to 60

2. run code:

void draw(){
noFill();
stroke(0, 150, 255); // Blue color
strokeWeight(4);
rotate(radians(angle));
arc(x, y, 150, 150, 0, PI + HALF_PI);
}

OR

void draw(){
noFill();
stroke(0, 150, 255); // Blue color
strokeWeight(4);
//rotate(radians(angle));
arc(x, y, 150, 150, radians(angle), PI + HALF_PI + radians(angle));
}

3. observe shaking of the rotating arc

snippet

float angle = 0;

void setup() {
  size(400, 200);
  frameRate(60);
}

void draw() {
  background(30); 
  
  pushMatrix();
  translate(width/2, height/2); 
  
  noFill();
  stroke(0, 150, 255); 
  strokeWeight(4);
  rotate(radians(angle));
  arc(0, 0, 150, 150, 0, PI + HALF_PI);
  
  popMatrix();
  
  angle += 5;
}

Additional context

No response

Would you like to work on the issue?

No, I’m just reporting the issue

[glvjr]

Hello @vladbotlevskyi,

I could not run your examples.

I have an example that illustrates this issue and will post it if requested.

[vladbotlevskyi]

@glvjr Sorry, my snippet wasnt complete. I updated it

[glvjr]

Hello @vladbotlevskyi,

It jitters when using JAVA2D (default renderer).
It does not jitter with FX2D or P2D.

This code helped me visualize it on my end:

//import processing.javafx.*; //If testing this, you need to install the library.

void setup() {
  //size(500, 500, FX2D);     // smooth Import if testing!
  size(500, 500, JAVA2D);     // jitters Same as size(500, 500)
  //size(500, 500, P2D);      // smooth
  frameRate(60);
  // smooth(4);         // Testing with this.
}

void draw() {
  background(0);
  translate(width/2, height/2);

  noStroke();
  strokeWeight(50);
  noFill();

  // Fixed circles
  fill(255, 255, 0);
  circle(0, 0, 402);

  fill(255, 0, 0);
  circle(0, 0, 298);

  //Rotating arc 
  float angle = frameCount%360;  

  rotate(radians(angle));
  noFill();
  stroke(0, 150, 255); // Blue color
  arc(0, 0, 350, 350, 0, PI + HALF_PI);
}