条件分岐-応用5

問題

mousePressed() イベント関数と条件判定を組み合わせた処理を実装してください:

  • setup() 関数で:
    • 幅×高さのキャンバス でキャンバスを作成してください
  • draw() 関数で毎フレーム:
    • マウスがクリックされていない場合(if (!mousePressed)):
      • 背景色を設定 で白い背景を描画してください
  • mousePressed() 関数(マウスクリック時)で:
    • 背景色を設定 で白い背景を描画してください
    • マウスがキャンバスの右下4分の1の領域(mouseX > width/2 && mouseY > height/2)にあるかを判定してください
    • 条件が真の場合、座標 (width/2, height/2) から右下の領域を黒い矩形で塗りつぶしてください
    • 矩形のサイズは (width/2, height/2) にしてください
  • マウスをクリックすると、その時点でのマウス位置に応じて矩形が描画されることを確認してください
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • mousePressed() はマウスがクリックされた時点で実行されます
  • ! 演算子で条件を反転できます
  • イベント関数と毎フレーム処理を組み合わせて複雑な動作を実装できます
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • if-else if-else
  • 複合条件(&&, ||
  • 複数条件の組み合わせ

実行例