An Array
of all the current touch points on a touchscreen device.
The touches
array is empty by default. When the user touches their screen, a new touch point is tracked and added to the array. Touch points are Objects
with the following properties:
// Iterate over the touches array.
for (let touch of touches) {
// x-coordinate relative to the top-left
// corner of the canvas.
console.log(touch.x);
// y-coordinate relative to the top-left
// corner of the canvas.
console.log(touch.y);
// x-coordinate relative to the top-left
// corner of the browser.
console.log(touch.winX);
// y-coordinate relative to the top-left
// corner of the browser.
console.log(touch.winY);
// ID number
console.log(touch.id);
}
Examples
Notice any errors or typos? Please let us know. Please feel free to edit src/events/pointer.js and open a pull request!
Related References
doubleClicked
A function that's called once when a mouse button is clicked twice quickly.
exitPointerLock
Exits a pointer lock started with requestPointerLock.
mouseButton
An object that tracks the current state of mouse buttons, showing which buttons are pressed at any given moment.
mouseClicked
A function that's called once after a mouse button is pressed and released.