③ let isDragging = false;

③ let isDragging = false;

意味

  • マウスのドラッグ中かどうかを記録するための変数です。
  • 最初は false(ドラッグしていない状態)にしておきます。

どう使うの?

  • マウスを押したら true にして、
  • マウスを離したら false にして、
  • ドラッグ中だけ特別な動きをさせるために使います。

なぜ必要?

  • クリックしただけでは動作しないようにするため。
  • ちゃんと「ドラッグして選んだ範囲だけ」ぼかすため。

ポイント

  • ドラッグ中かどうかの管理は、範囲選択系ツールでは必須のテクニックです。