条件分岐-応用6

問題

マウスの移動軌跡を描画する処理を実装してください:

  • setup() 関数で:
    • 幅×高さのキャンバス でキャンバスを作成してください
    • 背景色を設定 で白い背景を設定してください
  • draw() 関数で毎フレーム:
    • if (mousePressed) でマウスがクリックされているかを判定してください
    • マウスがクリックされている場合:
      • 前フレームのマウス座標 (pmouseX, pmouseY) から現在のマウス座標 (mouseX, mouseY) へ線を描画してください
    • マウスがクリックされていない場合、何も描画されません
  • マウスをドラッグすると、軌跡が線で描画されることを確認してください
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • pmouseXpmouseY は前フレームのマウス座標です
  • 毎フレーム前フレームから現在フレームへ線を描画することで、軌跡が表現されます
  • line() で2点を結ぶ線を描画します
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • if-else if-else
  • 複合条件(&&, ||
  • 複数条件の組み合わせ

実行例