問題
-
繰り返し処理-応用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): 線の色を設定します 実行例
-
条件分岐-発展2
Monday, January 01, 0001 in 発展
Categories:
問題 条件分岐-応用6 の発展問題です． マウスの位置に応じて色が変わる線を描画する機能を実装してください。 マウスをドラッグすると、キャンバスの中央からマウス位置へ向かう線が描画され、その色はマウス位置に応じて変わります。 ヒントを見る mousePressed: マウスがクリック/ドラッグされているかを判定 stroke(h, s, b): HSB色空間で色を設定 atan2(y, x): 2点を結ぶ直線の角度を計算 degrees(): ラジアンを度数法に変換 abs(x): 絶対値を計算 …
-
条件分岐-発展1
Monday, January 01, 0001 in 発展
Categories:
問題 条件分岐-応用8 の応用例です． 複数の条件を組み合わせた if-else 文とマウス座標判定を使用して以下を実装してください： スケッチウィンドウ上のランダムな位置に小さな矩形領域（20x30）を配置してください マウスがその矩形領域と重なる範囲に応じて、以下のように矩形を描画してください： マウスが矩形領域内（X座標とY座標の両方）にある場合：元の矩形のみを描画してください マウスが矩形領域と同じX座標範囲にある場合（Y座標は異なる）：ウィンドウ全体の高さまで広がった矩形を描画してくだ …