Estoy haciendo un sencillo juego, y es simplemente coger la posición del toque del usuario y saber si ha tocado el objeto o no lo ha tocado, pero resulta que si pulso repetidamente en la pantalla el objeto empieza a hacer pausas muy rápidas, es como si el intervalo que hace que se mueva el objeto se pausara justo cunado toco la pantalla, pero es una pausa muy corta como he dicho antes:
//En este evento recojo la posición del toque
document.body.addEventListener('touchstart', function(event){
var yFinger = event.touches[0].clientY; localStorage.yFinger = yFinger;
var xFinger = event.touches[0].clientX; localStorage.xFinger = xFinger;
}, false);
Pues bien, parece ser que al ejecutarse este evento pausa durante unas milésimas de segundo el intervalo que tengo en otra función que se encarga de mover el objeto, aquí os dejo el intervalo que me muevo el objeto (obviamente simplificado y reducido):
//Un sencillo ejemplo de un intervalo moviendo el objeto del top (está en una función diferente)
var yPos = 0;
setInterval(function() {
yPos = yPos + 10;
document.getElementsByClassName("object")[0].style.top = yPos;
}, 25);
Gracias por cualquier ayuda, creo que el problema está en el evento en el que recojo la posición del toque, pero no se como podría corregirlo.
Nota: en el <head>
de la página tengo introducido lo siguiente para eliminar los 300ms de retardo del navegador en móviles: (Se que no se elimina en todos los navegadores solo con eso, pero por ahora me vale con que funcione en Chrome)
<meta name="viewport" content="user-scalable=no">
Lo extraño de todo es que este problema en Safari no mo ocurre.