繰り返し処理-応用1

問題

while ループを使った図形描画を実装してください：

• setup() 関数で：
  • 幅×高さのキャンバス でキャンバスを作成してください
  • 背景色を設定 で白い背景を設定してください
• draw() 関数：空のままにしてください
• mousePressed() 関数（マウスクリック時）で：
  • 変数 d = 200 で最大直径を設定してください
  • while (d > 0) ループで以下を繰り返してください：
    • noFill() で塗りつぶしを無効にしてください
    • マウス位置 (mouseX, mouseY) を中心に直径 d の円を描画してください
    • d -= 10 で直径を 10 ずつ減らしてください
  • ループが終了するまで、直径が段々小さくなる円が同心円状に描画されることを確認してください
• マウスをクリックすると、クリック位置を中心として、同心円のグループが描画されることを確認してください

• while ループで条件が真の間、繰り返し処理が実行されます
• 変数を毎回更新することで、異なるサイズの図形を描画できます
• noFill() と fill() で塗りつぶしの有無を切り替えられます

実行例