2016-05-03 7 views
0

をタップした後、これが私のゲームである - my game小さなラグボタン

問題:私はGoogleのChromeデベロッパーツールでゲームを検査し、(タップ)キャンバスをクリックしてい

(またはボタン)、それはわずかな遅れが発生し、その後、車は左右に移動します。どうすればこの問題を解決できますか?

(私は、モバイルデバイス用のゲームを作りたい)

私が試した:

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

そして、私はtouchstartイベントを使用しています。しかし、まだ何も...

編集:私はFastClickを試みたが、それは動作しません

[OK]をクリックします。

<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> 

タッチイベントは、私はあなたが300msのタッチ遅延について知っていると仮定し<head>

+0

あまりにも速いですか? – Rayon

+0

私はそれが問題だとは思わない。私がタッチイベントとボタンを削除する場合は、遅れがないので。 – user4011723

答えて

0

に今ある、あなたはwidth=device-widthを追加した理由です。しかし、これは現代版のOS /ブラウザでのみ動作します。たとえば、古いAndroidを使用している場合、効果はありません。 (chartを参照してください)

このページは、FastClickまたはtap.jsをpolyfillとして使用することを提案していますので、そのうちの1つを試してみてください。

+0

AはFastClickを使用しようとしましたが、何も起こりません。または、私は何か間違っています... – user4011723