레퍼런스 touchMoved()

touchMoved()

사용자가 화면을 터치하고 움직일 때 호출되는 함수입니다.

touchMoved() 함수를 선언하면 사용자가 터치스크린 장치를 터치하고 움직일 때 자동으로 실행되는 코드 블록을 설정합니다:

function touchMoved() { // 실행할 코드. }

touches와 같은 터치 시스템 변수는 p5.js에 의해 touchMoved()가 호출될 때 가장 최근 값으로 업데이트됩니다:

function touchMoved() { // 배경을 그립니다. background(200); <p> // 유저가 움직일 때마다 각 터치 포인트를 표시합니다. for (let touch of touches) { circle(touch.x, touch.y, 40); } } </p>

event 매개변수는 선택적(optional) 매개변수입니다. touchMoved()TouchEvent 객체를 전달받으며, 이 객체는 터치 이벤트를 설명하는 속성들을 가지고 있습니다:

function touchMoved(event) { // 이벤트를 사용하여 실행할 코드. console.log(event); }

터치스크린 장치에서는 touchMoved()가 선언되지 않은 경우에만 사용자가 터치를 움직일 때 mouseDragged()가 실행됩니다. 만약 touchMoved()가 선언되어 있다면, 사용자가 터치를 움직일 때 touchMoved()가 실행되고 mouseDragged()는 실행되지 않습니다.

참고: touchStarted(), touchEnded(), 그리고 touchMoved()는 모두 관련이 있습니다. touchStarted()는 사용자가 터치스크린 장치를 터치하기 시작할 때 실행됩니다. touchEnded()는 사용자가 터치를 떼었을 때 실행됩니다.

touchMoved()는 사용자가 터치 포인트를 움직일 때마다 반복적으로 실행됩니다.

예제

구문

touchMoved([event])

매개변수

event

선택적 TouchEvent 인자.

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

관련 레퍼런스