【Processing】push()の使い方【今の描画スタイル（色や線の太さなど）や変換（回転や移動など）の設定を保存する】

size(400, 400);  // キャンバスサイズを設定
background(255);  // 背景を白に設定

// 白い四角形
fill(255);  // 塗りつぶし色を白に設定
rect(50, 50, 100, 100);  // (50, 50)の位置に100x100ピクセルの四角形を描画

push();  // 現在の描画状態を保存
translate(150, 150);  // 座標を(150, 150)に移動
rotate(PI / 4);  // 四角形を45度回転
fill(0);  // 塗りつぶし色を黒に設定
rect(0, 0, 100, 100);  // 現在の座標(0, 0)に100x100ピクセルの四角形を描画
pop();  // 保存した描画状態を復元

push();  // 現在の描画状態を保存
translate(250, 250);  // 座標を(250, 250)に移動
rotate(PI / 4);  // 四角形を45度回転
fill(100);  // 塗りつぶし色を灰色に設定
rect(0, 0, 100, 100);  // 現在の座標(0, 0)に100x100ピクセルの四角形を描画
pop();  // 保存した描画状態を復元

// 淡い青色の四角形
fill(173, 216, 230);  // 塗りつぶし色を淡い青色に設定
rect(100, 300, 100, 100);  // (100, 300)の位置に100x100ピクセルの四角形を描画

push();  // 現在の描画状態を保存
translate(300, 100);  // 座標を(300, 100)に移動
rotate(PI / 6);  // 四角形を30度回転
fill(255, 165, 0);  // 塗りつぶし色をオレンジに設定
rect(0, 0, 100, 100);  // 現在の座標(0, 0)に100x100ピクセルの四角形を描画
pop();  // 保存した描画状態を復元