ユーザーが画面に触れて動かしたときに呼び出される関数です。
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!