javascript - 使用触摸激活事件

Question

我正在开发基于此的游戏，但试图实现它以在触摸设备上工作。他们是否接触的代码仍然相同；

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

为了使它到达您不需要触摸设备上的方向键的位置，我试图弄清楚如何使它在您单击球时将其添加到ballsCollected中。我看过使用触摸事件，但我不确定如何让它工作。

如果有一种方法可以通过用手指拖动雷吉来移动雷吉，以使两个对象连接起来，并且仍然添加一个很酷并增加一点挑战的对象。

任何帮助或指向正确方向都会有所帮助。

Answer 1

任何帮助或指向正确方向都会有所帮助

网上有很多参考资料。看一下

• W3 规范草案
• MDN 参考
• html5rocks 教程
• quriksmode.org：触摸动作/我们需要触摸事件吗？
• jQuery mobile 的事件

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();
        }

      });