mouseMoved()

マウスが動いたときに呼び出される関数です。

mouseMoved()関数を宣言すると、ユーザーがマウスボタンをクリックせずにマウスを動かしたときに 自動的に実行されるコードブロックを設定できます：

function mouseMoved() {
  // 実行するコード
}

mouseXや mouseYなどのマウスシステム変数は、p5.jsによって mouseMoved()が呼び出されたときに最新の値に更新されます：

function mouseMoved() {
  if (mouseX < 50) {
    // マウスが左側にある場合に実行するコード
  }

  if (mouseY > 50) {
    // マウスが下部付近にある場合に実行するコード
  }
}

パラメータeventはオプションです。mouseMoved()には常に マウス移動イベントを説明するプロパティを持つMouseEvent オブジェクトが渡されます：

function mouseMoved(event) {
  // イベントを使用して実行するコード
  console.log(event);
}

ブラウザには、様々なマウスイベントにデフォルトの動作が設定されている場合があります。 例えば、一部のブラウザでは、ユーザーがマウスボタンを押しながらマウスを動かすと テキストがハイライトされます。このイベントのデフォルトの動作を防ぐには、 関数の最後にreturn false;を追加してください。