リファレンス touchMoved()

touchMoved()

ユーザーが画面に触れて動かしたときに呼び出される関数です。

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

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

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

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

  // ユーザーが動かしている間、各タッチポイントをマークする
  for (let touch of touches) {
    circle(touch.x, touch.y, 40);
  }
}

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

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

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

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

実例

シンタックス

touchMoved([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!

関連するリファレンス