0

これは私のゲームです -私のゲーム

問題：

Google Chrome Developer Tools でゲームを調べて、キャンバス (またはボタン) をクリック (タップ) すると、わずかなラグが発生し、車が左右に移動します。この問題を解決するにはどうすればよいですか?

（モバイル向けのゲームを作りたい）

私は試した：

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

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

編集：

わかりました 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>

4

1 に答える 1

0

300ミリ秒のタッチ遅延について知っていると思います。それがあなたが追加した理由ですwidth=device-width. ただし、これは最新バージョンの OS/ブラウザーでのみ機能します。したがって、たとえば古い Android を使用している場合は、何の効果もありません。(このチャートを参照してください。)

そのページでは、FastClickまたはtap.jsをポリフィルとして使用することを提案しているので、それらのいずれかを試してみて、それが役立つかどうかを確認してください。

于 2016-05-03T13:39:07.983 に答える