条件分岐-応用1

問題

複数の条件式を組み合わせた分岐を実装してください:

  • setup() 関数で:
    • 幅×高さのキャンバス でキャンバスを作成してください
  • draw() 関数で毎フレーム:
    • 背景色を設定 で白い背景を描画してください
    • マウスがキャンバスの右下4分の1の領域(mouseX > width/2 && mouseY > height/2)にあるかを判定してください
    • 条件が真の場合、座標 (width/2, height/2) から右下の領域を黒い矩形で塗りつぶしてください
    • 矩形のサイズは (width/2, height/2) にしてください
  • マウスを右下に移動すると、その領域が黒くなることを確認してください
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • && 演算子で複数の条件を「かつ」で組み合わせられます
  • width/2height/2 でキャンバスの中央を計算できます
  • 矩形の位置とサイズで領域を定義します

実行例