条件分岐-応用7

問題

複数の else if を使った多分岐の条件判定を実装してください:

  • setup() 関数で:
    • 幅×高さのキャンバス でキャンバスを作成してください
    • 背景色を設定 で白い背景を設定してください
  • draw() 関数で毎フレーム:
    • マウスのX座標で背景色を3つに分岐してください:
      • mouseX < width/3 の場合、白色(RGB: 255, 255, 255)
      • mouseX < 2*width/3 の場合、グレー色(RGB: 125, 125, 125)
      • それ以外の場合、黒色(RGB: 0, 0, 0)
  • マウスを左右に移動すると、背景色が白→グレー→黒に段階的に変わることを確認してください
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • else if で3つ以上の条件分岐ができます
  • width/32*width/3 で画面を3等分します
  • 各領域でマウスの位置に応じた処理を実行できます
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • if-else if-else
  • 複合条件(&&, ||
  • 複数条件の組み合わせ

実行例