2016-05-03 2 views
0

Это моя игра - my gameМалой задержки после нажатия кнопки

Проблемы:

Когда я инспектирование игры в Google Chrome Developer Tools и нажав (коснувшись) холст (или кнопки), происходит небольшое отставание, а затем машина идет влево или вправо. Как я могу решить эту проблему?

(Я хочу, чтобы сделать игру для мобильных устройств)

Я попытался:

<meta name="viewport" content="width=device-width, user-scalable=no"> 

И я использую touchstart события. Но до сих пор ничего ...

EDIT:

Ok я пытался Fastclick, но он не работает.

<script type="application/javascript" src="js/fastclick.js"></script> 
<script type="application/javascript"> 
window.addEventListener('load', function() { 
    FastClick.attach(document.body); 

    document.getElementById("goleft").addEventListener('touchstart', function(){ 
     superCar.speedX = -40; 
    }, true) 

    document.getElementById("goleft").addEventListener('touchend', function(){ 
     superCar.speedX = 0; 
    }, true) 

    document.getElementById("goright").addEventListener('touchstart', function(){ 
     superCar.speedX = 40; 
    }, true) 

    document.getElementById("goright").addEventListener('touchend', function(){ 
     superCar.speedX = 0; 
    }, true) 

}, true) 
</script> 

Сенсорные события теперь в <head>

+0

Не слишком ли быстро? – Rayon

+0

Я не думаю, что это проблема. Потому что, если я удалю сенсорные события и кнопки, не будет отставания. – user4011723

ответ

0

Я предполагаю, что вы знаете о задержке сенсорного 300 мс, и именно поэтому вы добавили width=device-width. Однако это работает только в современных версиях ОС/браузеров. Так что если вы на старом Android, например, это не будет иметь никакого эффекта. (Смотрите эту chart.)

Эта страница продолжается предложить использовать FastClick или tap.js как polyfill, чтобы дать один из тех попробовать и посмотреть, если это помогает.

+0

A попытался использовать FastClick, но ничего не случилось. Или, может быть, я что-то делаю неправильно ... – user4011723

Смежные вопросы