条件分岐
-
条件分岐-発展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座標は異なる）：ウィンドウ全体の高さまで広がった矩形を描画してくだ …
-
条件分岐-応用8
Monday, January 01, 0001 in 応用
Categories:
問題 条件分岐-応用7 を発展させ、else if を使ってクリック位置の4象限判定を実装してください： 幅400×高さ400のスケッチウィンドウで、以下を実装してください： マウスボタンが押されていない間は、白い背景を表示し続けてください マウスをクリックしたとき、クリックした位置の象限に応じて対応する領域に矩形を描画してください： 左上（X<width/2 かつ Y<height/2）：赤い矩形 右上（X>width/2 かつ Y<height/2）：緑の矩形 左下 …
-
条件分岐-応用7
Monday, January 01, 0001 in 応用
Categories:
問題 条件分岐-基礎9 を発展させ、 mousePressed()関数を使って、マウスクリックに反応するスケッチを実装してください： 幅400×高さ400のスケッチウィンドウで、以下を実装してください： マウスボタンが押されていない間は、白い背景を表示し続けてください マウスをクリックしたとき、クリックした位置がウィンドウ右半分 かつ 下半分にある場合のみ、右下の領域に黒い矩形を描画してください ヒントを見る mousePressed() 関数：マウスボタンが押された瞬間に一度だけ呼ばれます …
-
条件分岐-応用6
Monday, January 01, 0001 in 応用
Categories:
問題 変数とランダム配置を組み合わせた条件判定を実装してください： 幅400×高さ400のスケッチウィンドウで、以下を実装してください： ウィンドウ上のランダムな位置に小さな矩形（幅20×高さ30）を配置してください（setup() で位置を決定） マウスがその矩形の上にある場合のみ、矩形を黒く塗りつぶしてください 矩形の左上座標を毎フレーム console に出力してください ヒントを見る background(255, 255, 255) を draw() の最初に呼んで毎フレーム背景をリセ …
-
条件分岐-応用4
Monday, January 01, 0001 in 応用
Categories:
問題 入れ子の if または && を使って、以下のボタンホバー機能を実装してください： 幅400×高さ300のスケッチウィンドウの中央に矩形（幅100×高さ80）を配置し、以下の動作を実装してください： マウスが矩形の内側にある場合：矩形を赤色で塗りつぶしてください マウスが矩形の外側にある場合：矩形を白色で塗りつぶしてください ヒントを見る fill(赤, 緑, 青): 塗りつぶし色を設定（RGB値） rect(x, y, 幅, 高さ): 矩形を描画します width/2, …
-
条件分岐-基礎7
Monday, January 01, 0001 in 基礎
Categories:
問題 以下を実装してください： スケッチウィンドウ内を移動する円を実装してください。 円がウィンドウの左端もしくは右端に到達したら方向を反転させてください。 グローバル変数を使用して、円の位置、大きさ、移動方向を管理してください ヒントを見る size(幅, 高さ): キャンバスのサイズを設定 background(赤, 緑, 青): 背景色を設定 ellipse(x, y, width, height): 円を描画 if で条件を判定できます width でキャンバスの幅を取得できます 実行例 …
-
条件分岐-基礎5
Monday, January 01, 0001 in 基礎
Categories:
問題 複数の else if を使った段階的な条件判定を実装してください： ランダムな点数を 0～99 の範囲で生成してください 点数に基づいて成績を判定し、以下のルールで 点数と成績をconsole に出力してください： 90点以上：「S」 80点以上 90点未満：「A」 70点以上 80点未満：「B」 60点以上 70点未満：「C」 60点未満：「D」 5回実行して、異なる点数と成績が出力されることを確認してください ヒントを見る int(random(0, 100)) で 0～99 のラン …
-
条件分岐-基礎4
Monday, January 01, 0001 in 基礎
Categories:
問題 if-else if-else 文とマウス座標判定を使用して、以下を実装してください： マウスのX座標がスケッチウィンドウをどの領域にあるかを判定してください マウスが左1/3の範囲にある場合：白い背景を描画してください マウスが中央1/3の範囲にある場合：グレーの背景を描画してください マウスが右1/3の範囲にある場合：黒い背景を描画してください マウスを左右に移動すると、スケッチウィンドウの背景色が白/グレー/黒に変わることを確認してください ヒントを見る size(幅, 高さ): ス …