発展 on 令和8年度プログラミング基礎

発展 on 令和8年度プログラミング基礎 https://nwu-eng-programming-basics-note.pages.dev/problems/loop/advanced/ Recent content in 発展 on 令和8年度プログラミング基礎 Hugo ja 繰り返し処理-発展1 https://nwu-eng-programming-basics-note.pages.dev/problems/loop/advanced/a1_loop_advanced/ Mon, 01 Jan 0001 00:00:00 +0000 https://nwu-eng-programming-basics-note.pages.dev/problems/loop/advanced/a1_loop_advanced/ <h1 id="問題">問題</h1> <p>実行例のようなグリッド描画を実装してください：</p> <ul> <li>幅400×高さ400のスケッチウィンドウを作成してください</li> <li>背景を黒に設定してください</li> <li>外側のループでX方向，内側のループでY方向を繰り返し，30ピクセルごとに白い枠線の円（直径20）を格子状に描画してください</li> </ul> <link rel="stylesheet" href="https://nwu-eng-programming-basics-note.pages.dev/css/vendors/admonitions.53cd9f8afa9d9a8ac09093f668df057bc6d0f4bbd0886f39991a7b99934a7432.css" integrity="sha256-U82fivqdmorAkJP2aN8Fe8bQ9LvQiG85mRp7mZNKdDI=" crossorigin="anonymous"> <details class="admonition tip"> <summary class="admonition-header"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M272 384c9.6-31.9 29.5-59.1 49.2-86.2c0 0 0 0 0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4c0 0 0 0 0 0c19.8 27.1 39.7 54.4 49.2 86.2l160 0zM192 512c44.2 0 80-35.8 80-80l0-16-160 0 0 16c0 44.2 35.8 80 80 80zM112 176c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-61.9 50.1-112 112-112c8.8 0 16 7.2 16 16s-7.2 16-16 16c-44.2 0-80 35.8-80 80z"/></svg> <span>ヒントを見る</span> </summary> <div class="admonition-content"> <ul> <li>ネストされた <code>while</code>: ループの中にループを書くことで2次元方向の繰り返しができます</li> <li>外側のループが1回進むたびに，内側のループが最初からやり直します</li> <li><code>stroke(r, g, b)</code>: 枠線の色を設定します</li> <li><code>ellipse(x, y, 幅, 高さ)</code>: 円・楕円を描画します</li> <li>2つの変数（circleX, circleY）でX・Y座標をそれぞれ管理しましょう</li> </ul> </div> </details><h1 id="実行例">実行例</h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.6.6/processing.min.js"></script>  <p><canvas data-processing-sources="a1_Loop_Advanced.pde"></canvas></p>