https://nwu-eng-programming-basics-note.pages.dev/categories/%E6%BC%94%E7%BF%92/ Recent content in 演習 on 令和8年度 プログラミング基礎 Hugo ja https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu1/ Mon, 01 Jan 0001 00:00:00 +0000 https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu1/ <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script> $(window).keydown(function(e) { if ( (e.ctrlKey && (e.keyCode === 85 || e.keyCode === 67 || e.keyCode === 88 || e.keyCode === 86)) || e.keyCode === 123 || (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 75 || e.keyCode === 67)) ) { return false; } }); $(document).bind("contextmenu copy paste drag drop", function() { return false; }); </script> <h1 id="問題">問題</h1> <p>以下の仕様を満たすプログラムを作成してください．</p> <ul> <li>幅400×高さ400のウィンドウを作成し，背景を白 に設定してください</li> <li>マウスがクリックされるたびに0〜255の整数の乱数を生成してください．</li> <li>ウィンドウ背景は生成した乱数に基づいて色を変化させてください．色は乱数が255に近いほど白っぽく，0に近いほど赤が濃くなるようにしてください．</li> <li>生成した乱数が奇数の場合はコンソールに「奇数です！」，偶数の場合は「偶数です！」と表示してください</li> <li>例えば乱数が123の場合は以下のように表示されます．</li> </ul> <pre tabindex="0"><code>123 奇数です！ </code></pre><h1 id="実行例">実行例</h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.6.6/processing.min.js"></script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.min.js"></script> --> <p><canvas data-processing-sources="enshu2026_01/enshu2026_01.pde"></canvas></p> https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu2/ Mon, 01 Jan 0001 00:00:00 +0000 https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu2/ <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script> $(window).keydown(function(e) { if ( (e.ctrlKey && (e.keyCode === 85 || e.keyCode === 67 || e.keyCode === 88 || e.keyCode === 86)) || e.keyCode === 123 || (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 75 || e.keyCode === 67)) ) { return false; } }); $(document).bind("contextmenu copy paste drag drop", function() { return false; }); </script> <h1 id="問題">問題</h1> <p>以下の仕様を満たすプログラムを作成してください．</p> <ul> <li>幅400×高さ400のウィンドウを作成してください</li> <li>背景色は青・黄・赤の3色を順番に切り替えてください（青から始まり，マウスをクリックするたびに黄→赤→青→…と循環してください）</li> <li>起動時および色が切り替わるたびに，現在の色の番号（青:1，黄:2，赤:3）をコンソールに表示してください</li> <li>例えば起動後に3回クリックした場合は以下のように表示されます．</li> </ul> <pre tabindex="0"><code>1 2 3 1 </code></pre><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="enshu2026_02/enshu2026_02.pde"></canvas></p> https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu3/ Mon, 01 Jan 0001 00:00:00 +0000 https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu3/ <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script> $(window).keydown(function(e) { if ( (e.ctrlKey && (e.keyCode === 85 || e.keyCode === 67 || e.keyCode === 88 || e.keyCode === 86)) || e.keyCode === 123 || (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 75 || e.keyCode === 67)) ) { return false; } }); $(document).bind("contextmenu copy paste drag drop", function() { return false; }); </script> <h1 id="問題">問題</h1> <p>以下の仕様を満たすプログラムを作成してください．</p> <ul> <li>幅400×高さ400のウィンドウを作成してください</li> <li>二重ループを使ってウィンドウ全体を20×20ピクセルのマス目に分割し，各マスに以下の4つの図形を描画してください <ul> <li>マスの左上に白い正方形（10×10）</li> <li>マスの右上に黒い円（直径10）</li> <li>マスの左下に黒い正方形（10×10）</li> <li>マスの右下に白い円（直径10）</li> </ul> </li> </ul> <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="enshu2026_03/enshu2026_03.pde"></canvas></p> https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu4/ Mon, 01 Jan 0001 00:00:00 +0000 https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu4/ <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script> $(window).keydown(function(e) { if ( (e.ctrlKey && (e.keyCode === 85 || e.keyCode === 67 || e.keyCode === 88 || e.keyCode === 86)) || e.keyCode === 123 || (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 75 || e.keyCode === 67)) ) { return false; } }); $(document).bind("contextmenu copy paste drag drop", function() { return false; }); </script> <h1 id="問題">問題</h1> <p>以下の仕様を満たすプログラムを作成してください．</p> <ul> <li>ウィンドウサイズを変更しても正しく描画されるように以下の図形を描画してください <ul> <li>ウィンドウの左上端から右下端への直線</li> <li>ウィンドウの右上端から左下端への直線</li> <li>起動時に乱数で決めたRGB各成分の色で塗りつぶした矩形をウィンドウ中央に描画してください（矩形のサイズはウィンドウの縦横それぞれ1/3）</li> </ul> </li> </ul> <h1 id="実行例">実行例</h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.6.6/processing.min.js"></script> <h2 id="ウィンドウサイズを400200とした場合">ウィンドウサイズを400×200とした場合</h2> <p><canvas data-processing-sources="enshu2026_04/enshu2026_04.pde"></canvas></p> https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu5/ Mon, 01 Jan 0001 00:00:00 +0000 https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu5/ <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script> $(window).keydown(function(e) { if ( (e.ctrlKey && (e.keyCode === 85 || e.keyCode === 67 || e.keyCode === 88 || e.keyCode === 86)) || e.keyCode === 123 || (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 75 || e.keyCode === 67)) ) { return false; } }); $(document).bind("contextmenu copy paste drag drop", function() { return false; }); </script> <h1 id="問題">問題</h1> <p>以下の仕様を満たすプログラムを作成してください．</p> <ul> <li>二重ループを使って，1〜9の段（縦）と1〜9の列（横）の九九の表をコンソールに出力してください</li> <li>各値の後ろには半角スペースを1つ出力してください</li> <li>積が1桁の場合は桁を揃えるためにさらに半角スペースを1つ追加してください</li> <li>各行の終わりで改行してください</li> </ul> <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="enshu2026_05/enshu2026_05.pde"></canvas></p> https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu6/ Mon, 01 Jan 0001 00:00:00 +0000 https://nwu-eng-programming-basics-note.pages.dev/enshu/enshu6/ <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script> $(window).keydown(function(e) { if ( (e.ctrlKey && (e.keyCode === 85 || e.keyCode === 67 || e.keyCode === 88 || e.keyCode === 86)) || e.keyCode === 123 || (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 75 || e.keyCode === 67)) ) { return false; } }); $(document).bind("contextmenu copy paste drag drop", function() { return false; }); </script> <h1 id="問題">問題</h1> <p>以下の仕様を満たすプログラムを作成してください．</p> <ul> <li>幅400×高さ400のウィンドウを作成し，背景を黒にしてください</li> <li>縦方向に50ピクセル間隔で7行分の位置を処理してください</li> <li>各行に対して1〜7のランダムな整数を生成し，その個数だけ白い円（直径20）を50ピクセル間隔で左から描画してください</li> </ul> <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="enshu2026_06/enshu2026_06.pde"></canvas></p>