使用触摸激活事件

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。我已经看过使用Touch Events了，但我不确定如何让它成功。

如果有办法通过用手指拖动他来移动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();
        }

      });