processingのpushMatrix()とpopMatrix()について

Question

お世話になっております。
今processingのpushMatrix()とpopMatrix()をいじっていて疑問が生まれたためご質問をさせて頂きました。
この二つの関数で座標を保存し、一連のコードが終わったら元の座標に戻すことはわかりました。
ですがこの下のコードの中のA,C{pushMatrix()}とB,D{popMatrix()}がない時に、矩形２が矩形１を中心に回っており、それがpushMatrix()とpopMatrix()があることで矩形１も矩形２も矩形の中心から回るようになった流れがうまく掴み取れませんでした。
多分なのですが矩形１から矩形２が終わるまでの座標の遷移が掴めていないような気がしています。。。

上手くまとめられず、読みにくくすいません。もしわかる方がいました、是非お力を貸して頂きたいです。
よろしくお願いしますm(_ _)m

float angle = 0.0; //回転角度

//初期設定
void setup(){
 //画面初期設定
 size(800,600);
 frameRate(60);
 fill(0,127,255);
 noStroke();
}

//繰り返し描画
void draw(){
 background(0);
 
 //矩形１
 pushMatrix(); //座標を保存する・・・A
 translate(width/4,height/4);
 rotate(angle);
 rectMode(CENTER);
 rect(0,0,100,100);
 popMatrix(); //保存した座標に復元する・・・B
 
 //矩形２
 pushMatrix(); //座標を保存する・・・C
 translate(width/2,height/2);
 rotate(angle);
 rectMode(CENTER);
 rect(0,0,200,200);
 popMatrix(); //保存した座標に復元する・・・D
 
 //角度を更新する
 angle += 0.1;
}

Answer 1

座標系はdraw()を抜けるとリセットされますから、矩形2の方のpush/popは意味が無いです。
で、draw()に入った直後の座標系をpushしてpopしているのですから、つまり、

float angle = 0.0; //回転角度

//初期設定
void setup() {
  //画面初期設定
  size(800, 600);
  frameRate(60);
  fill(0, 127, 255);
  noStroke();
}

//繰り返し描画
void draw() {
  background(0);

  //矩形１
  //pushMatrix(); //座標を保存する・・・A
  translate(width/4, height/4);
  rotate(angle);
  rectMode(CENTER);
  rect(0, 0, 100, 100);
  //popMatrix(); //保存した座標に復元する・・・B
  resetMatrix(); //push/popって、このプログラムでは結局こういうことでしょう?

  //矩形２
  // 無意味 pushMatrix(); //座標を保存する・・・C
  translate(width/2, height/2);
  rotate(angle);
  rectMode(CENTER);
  rect(0, 0, 200, 200);
  // 無意味 popMatrix(); //保存した座標に復元する・・・D

  //角度を更新する
  angle += 0.1;
}

でも同じ動作になります。これならわかりますか?

Comments

[mana_mana419]

とても分かり易かったです！丁寧に教えていただきありがとうございました( ´ ▽ ` )