mousePressed()

マウスボタンが押されたときに一度呼び出される関数です。

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

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

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

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

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

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

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

タッチスクリーンデバイスでは、touchStarted()が 宣言されていない場合、ユーザーのタッチが始まるとmousePressed()が実行されます。 touchStarted()が宣言されている場合、 ユーザーのタッチが始まるとtouchStarted()が 実行され、mousePressed()は実行されません。

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

注意：mousePressed()、mouseReleased()、 mouseClicked()はすべて関連しています。 mousePressed()はユーザーがマウスをクリックした瞬間に実行されます。 mouseReleased()はユーザーがマウスクリックを 解放した瞬間に実行されます。mouseClicked()は mouseReleased()の直後に実行されます。