リファレンス touchEnded()

touchEnded()

スクリーンタッチが終了するたびに1回呼び出される関数です。

touchEnded()関数を宣言すると、ユーザーがタッチスクリーンデバイスでのタッチを 終了したときに自動的に実行されるコードブロックを設定します:

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

touchEnded()がp5.jsによって呼び出されると、touches配列が 最新のタッチポイントで更新されます:

function touchEnded() {
  // 背景を塗りつぶす
  background(200);

  // ユーザーがタッチを終了したときに、
  // 残っている各タッチポイントをマークする
  for (let touch of touches) {
    circle(touch.x, touch.y, 40);
  }
}

パラメータのeventはオプションです。touchEnded()には タッチイベントを説明するプロパティを持つ TouchEvent オブジェクトが渡されます:

function touchEnded(event) {
  // イベントを使用するコード
  console.log(event);
}

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

注意:touchStarted()touchEnded()touchMoved()は すべて関連しています。touchStarted()は ユーザーがタッチスクリーンデバイスにタッチした瞬間に実行されます。touchEnded()は ユーザーがタッチを終了した瞬間に実行されます。touchMoved()は ユーザーがタッチポイントを動かすたびに繰り返し実行されます。

実例

シンタックス

touchEnded([event])

パラメーター

event
TouchEvent:

オプションの TouchEvent 引数。

Notice any errors or typos? Please let us know. Please feel free to edit src/events/touch.js and open a pull request!

関連するリファレンス