processing arcを回転させる

Question

void setup() {
  background(255);
  size(800, 400);
}

float angle = 0;    //角度

void draw() {
  background(255);

  translate(200, 200);
  rotate(radians(angle));

  float yoko = width/2;
  float tate = height/2;
  float d = width * 0.5;

  fill(0);
  arc(yoko, tate, d, d, 0, QUARTER_PI*8);
  fill(255, 0, 0);
  arc(yoko, tate, d, d, 0, QUARTER_PI*7);
  fill(0);
  arc(yoko, tate, d, d, 0, QUARTER_PI*6);
  fill(255, 0, 0);
  arc(yoko, tate, d, d, 0, QUARTER_PI*5);
  fill(0);
  arc(yoko, tate, d, d, 0, QUARTER_PI*4);
  fill(255, 0, 0);
  arc(yoko, tate, d, d, 0, QUARTER_PI*3);
  fill(0);
  arc(yoko, tate, d, d, 0, QUARTER_PI*2);
  fill(255, 0, 0);
  arc(yoko, tate, d, d, 0, QUARTER_PI*1);

  angle = angle + 0.5;
}

その場で回転させたいのですが、参考になる物がなくて何を加えたらいいか分かりません。
よろしくお願いします。

void setup(){
    background(255);
    size(800,400);
}

float angle = 0;    //角度

void draw(){
    background(255);

    translate(200, 200);
    rotate(radians(angle));
    
    //四角を描く
    rect(-100, -100, 200, 200);

    //角度を1度増やす
    angle = angle + 1;

}

こんな感じに回転させたいのですが、円を描くように回ってしまうのです。

Comments

[thkana]

「その場で回転させたい」とは?
動きを説明してください。

それと、ほとんどはみ出しているんですがそれはよいのですか?

Answer 1

回答を待っている内に解決しましたので、後で消させていただきます。
ありがとうございました。

Comments

[thkana]

多分、削除できません。(削除は運営側が判断する)

teratailのヘルプ等に一通り目を通してください。
https://teratail.com/help#delete-question
「一般に質問・回答・コメント等の削除は原則不可としております。投稿いただいた質問や回答は、他に同じ問題を抱えている人の貴重な情報になるためです。」

あなたがやるべきことは、解決した方法を解答欄に書くことです。

(低評価した人は理由をちゃんと書いてください)