繰り返し処理-発展1

問題

実行例のようなグリッド描画を実装してください:

  • 幅400×高さ400のスケッチウィンドウを作成してください
  • 背景を黒に設定してください
  • 外側のループでX方向,内側のループでY方向を繰り返し,30ピクセルごとに白い枠線の円(直径20)を格子状に描画してください
ヒントを見る
  • ネストされた while: ループの中にループを書くことで2次元方向の繰り返しができます
  • 外側のループが1回進むたびに,内側のループが最初からやり直します
  • stroke(r, g, b): 枠線の色を設定します
  • ellipse(x, y, 幅, 高さ): 円・楕円を描画します
  • 2つの変数(circleX, circleY)でX・Y座標をそれぞれ管理しましょう

実行例

できたひとは

マウスでクリックしたら実行するようにコードを変更してください.