whileを使い画像のような図形を表示させたい

Question

###
前提・実現したいこと
whileを使い画像のような図形を表示させたい

Processingを使い始めたばかりで画像のような図をwhileを使い表示したいのですが、xとy軸を変数にする方法とwhileを使う際どう二つの変数を論理値に変換するのかわからないです。

発生している問題・エラーメッセージ

エラーメッセージ

ブログラムを動かしても何も表示されません。

該当のソースコード

processingを使っています。
現在のコードは下記です。
size(300,300);
int x=20;
int y =20;

while (x < 200 && y< 200)
{
rect(x, y, 80,80);
x = x + 10;
y = y + 10;
}

ソースコード

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。
簡単なコードは下記で、これをwhileを使い効率化をあげたいです。
size(300,300);
rect(20,20,80,80);
rect(40,40,80,80);
rect(60,60,80,80);

**追記（編集後の画像）**
![イメージ説明](366717c5cc827da4cd268ff7eee5195f.png)
画像は表示されるようになったのですが、一つ目の正方形が固定されていて、二つ目の正方形が一つ目の正方形に重なリません。

Comments

[1T2R3M4]

whileの行末を確認。

Answer 1

質問文にある以下のコードを実行すると

size(300,300); 
int x = 20;
int y = 20;

while (x < 200 && y < 200)
{
  rect(x, y, 80,80);
  x = x + 10;
  y = y + 10;
}

//rect(20,20,80,80);

こちらでは、下図の様になりましたがソースコードは間違いないでしょうか。

12行目のコメントを外すと以下の様になります。そのようなコードが残っていませんか。

Comments

[yukinakajo]

ありがとうございます。別タブにそのようなコードがありました。