使用觸摸激活事件

Question

我正在研究基於this的遊戲，但試圖實現它在Touch設備上工作。他們是否觸摸的代碼仍然是相同的;

if (
    reggie.x <= (monster.x + 32) 
    && ball.x <= (reggie.x + 32) 
    && reggie.y <= (monster.y + 32) 
    && ball.y <= (reggie.y + 32) 
) { 
    ++ballsCollected; 
    reset(); 
} 

使它到你不需要觸摸設備，我試圖找出如何讓你的球上點擊它然後添加一個ballsCollected它在那裏上的方向鍵。我已經看過使用觸摸事件，但我不知道如何去做它的工作。

如果有一種方法可以通過用手指拖動他來移動reggie，使兩個對象連接起來，然後添加一個很酷並添加一些挑戰的方法。

任何幫助或指向正確的方向將是有益的。

Answer 1

在正確的方向任何幫助或指向將是有益的

有很多引用了網絡上。看看

• W3 spec draft
• MDN reference
• html5rocks tutorial
• quriksmode.org：The touch action/Do we need touch events?
• jQuery mobile's events

Answer 2

使用touchmove事件，而不是的keydown，如果你想使用觸摸設備。

 $("#game-container").bind("touchmove", function (event) { 

      reggie.x = event.originalEvent.targetTouches[0].pageX; 
      reggie.y = event.originalEvent.targetTouches[0].pageY; 

      if (
     reggie.x <= (monster.x + 32) 
     && monster.x <= (reggie.x + 32) 
     && reggie.y <= (monster.y + 32) 
     && monster.y <= (reggie.y + 32) 
     ) { 
       ++monstersCaught; 
      reset(); 
     } 

     });