条件分岐-応用3

問題

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

• setup() 関数で：
  • 幅×高さのキャンバス でキャンバスを作成してください
  • 背景色を設定 で白い背景を設定してください
• draw() 関数で毎フレーム：
  • 矩形の領域を次のように定義してください：
    • x: width/2-50 から width/2+50（中央±50）
    • y: height/2-40 から height/2+40（中央±40）
    • サイズ: 100×80
  • if 文で複数の条件を && で結合して判定してください：
    • mouseX > width/2-50 && mouseX < width/2+50 && mouseY > height/2-40 && mouseY < height/2+40
  • 条件が真の場合、矩形を赤色（RGB: 255, 0, 0）で描画してください
  • そうでない場合（else）、矩形を白色（RGB: 255, 255, 255）で描画してください
• マウスが矩形の上に来ると、矩形が赤くなることを確認してください

• 複数の && で4つの条件を組み合わせます
• ネストされた if の代わりに、1つの条件式で判定することもできます

• if-else if-else
• 複合条件（&&, ||）
• 複数条件の組み合わせ

実行例