条件分岐-基礎3

問題

if-else 文とマウス座標判定を使用して、以下を実装してください:

  • setup() 関数で:
    • 幅×高さのキャンバス でキャンバスを作成してください
    • 背景色を設定 で白い背景を設定してください
  • draw() 関数で毎フレーム:
    • マウスのX座標がキャンバスの左半分(mouseX < width/2)にあるかを判定してください
    • マウスが左半分の場合:
      • 背景色を設定 で白い背景を描画してください
    • マウスが右半分の場合(else):
      • 背景色を設定 で黒い背景を描画してください
  • マウスを左右に移動すると、キャンバスの背景色が白と黒に変わることを確認してください
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • if-else で2つの条件分岐ができます
  • width はキャンバスの幅を表す予約語です
  • mouseX < width/2 でマウスがキャンバスの左半分にあるかを判定できます

実行例