繰り返し処理
-
繰り返し処理-発展1
Monday, January 01, 0001 in 発展
Categories:
問題 実行例のようなグリッド描画を実装してください： 幅400×高さ400のスケッチウィンドウを作成してください 背景を黒に設定してください 外側のループでX方向，内側のループでY方向を繰り返し，30ピクセルごとに白い枠線の円（直径20）を格子状に描画してください ヒントを見る ネストされた while: ループの中にループを書くことで2次元方向の繰り返しができます 外側のループが1回進むたびに，内側のループが最初からやり直します stroke(r, g, b): 枠線の色を設定します …
-
繰り返し処理-応用3
Monday, January 01, 0001 in 応用
Categories:
問題 繰り返し処理-応用2を応用し，random を使って各行の円の個数をランダムに決める描画を実装してください： 幅400×高さ400のスケッチウィンドウを作成し，背景を黒に設定してください 各行について，1〜7 のランダムな整数 n を生成し，x 座標 50 から n 個分の白い円（直径20）を描画してください ヒントを見る int(random(1, 8)): random(1, 8) は1以上8未満の小数を返します．int() で整数に変換しましょう 内側のループの終了条件を x …
-
繰り返し処理-応用2
Monday, January 01, 0001 in 応用
Categories:
問題 実行例のような描画を実装してください： 幅400×高さ400のスケッチウィンドウを作成してください y 座標側は，50から50ピクセルごとに下へ進めてください x 座標側は，を50から始め，行番号に応じた個数だけ円（直径30）を描画してください 1行目：1個，2行目：2個，3行目：3個，…という三角形状に並べてください ヒントを見る 内側のループの終了条件を，行ごとに個数を変えられるように設定しましょう ellipse(x, y, 幅, 高さ): 円・楕円を描画します 実行例
-
繰り返し処理-応用1
Monday, January 01, 0001 in 応用
Categories:
問題 繰り返し処理-基礎1を応用しましょう． マウスクリックイベントと同心円を組み合わせた描画を実装してください： 幅800×高さ800のスケッチウィンドウを作成してください 背景を白に設定してください マウスがクリックされたとき，クリック位置を中心に同心円を描画してください 直径200から始まり，10ずつ小さくなる同心円を，枠線のみ（塗りつぶしなし）で描画してください ヒントを見る void mousePressed(): マウスボタンが押されたときに呼ばれる関数 mouseX, …
-
繰り返し処理-基礎6
Monday, January 01, 0001 in 基礎
Categories:
問題 繰り返し処理-基礎1をもとに等間隔で横線を加えてください： 縦線と横線を重ねて格子状のパターンを描画してください 幅400×高さ400のスケッチウィンドウを作成してください 背景を黒に設定してください x座標0から幅いっぱいまで10ピクセルごとに白い縦線（太さ3）を描画してください y座標0から高さいっぱいまで10ピクセルごとに赤い横線（太さ1）を描画してください ヒントを見る ループを2回使います．2つ目のループの前にループ変数を0に戻すことを忘れずに stroke(r, g, b): …
-
繰り返し処理-基礎4
Monday, January 01, 0001 in 基礎
Categories:
問題 繰り返し処理-基礎2と同じ同心円を実装してください： 幅400×高さ400のスケッチウィンドウを作成してください 円の最大の直径は300で，円の間隔が50ピクセルとなる同心円を描画してください 各円は赤色で塗りつぶしてください ヒントを見る for(初期化; 条件; 更新): 更新部分に減算（circle=circle-50）を使うと，ループ変数を減らすことができます fill(r, g, b): 塗りつぶし色を設定します ellipse(x, y, 幅, 高さ): 円・楕円を描画します …
-
繰り返し処理-基礎3
Monday, January 01, 0001 in 基礎
Categories:
問題 for ループを使った数値計算を実装してください： for ループで i を1から10まで1ずつ増やしながら，i の値を順番に足し合わせてください ループ終了後，println を使って「1から10の総和はXXです」と出力してください ヒントを見る for(初期化; 条件; 更新): 繰り返し処理の構文 総和を蓄積するための変数をループの前に宣言し，0で初期化しておきましょう += 演算子: souwa += i は souwa = souwa + i と同じ意味です …
-
繰り返し処理-基礎2
Monday, January 01, 0001 in 基礎
Categories:
問題 円と透明度を組み合わせた描画を実装してください： 幅400×高さ400のスケッチウィンドウを作成してください 背景を黒に設定してください 円の最大の直径は300で，円の間隔が50ピクセルとなる同心円を描画してください 各円は半透明（透明度100）の青色で，枠線なしで塗りつぶしてください ヒントを見る fill(r, g, b, alpha): 透明度付きで塗りつぶし色を設定します（alphaは0〜255） noStroke(): 枠線を描画しないように設定します ellipse(x, y, …
-
繰り返し処理-基礎1
Monday, January 01, 0001 in 基礎
Categories:
問題 幅400×高さ400のスケッチウィンドウを作成してください 背景を黒に設定してください を使用し，x座標0から幅いっぱいまで，10ピクセルごとに白い縦線を描画してください ヒントを見る while(条件): 条件が true の間，繰り返し処理を実行します line(x1, y1, x2, y2): 2点間に線を描画します stroke(r, g, b): 線の色を設定します 実行例