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