如何在带有扑动/火焰的游戏中检测一次滑动

Question

我想创造一个火焰扑腾的游戏。对于这个游戏，我想要检测刷卡。

我可以在教程的帮助下实现点击识别。但是我不能用滑动检测来实现它。

我的main with Taprecognition如下所示:我的main函数是

void main() async{
  Util flameUtil = Util();
  await flameUtil.fullScreen();
  await flameUtil.setOrientation(DeviceOrientation.portraitUp);

  GameManager game = GameManager();
  runApp(game.widget);

  TapGestureRecognizer tapper = TapGestureRecognizer();
  tapper.onTapDown = game.onTapDown;
  flameUtil.addGestureRecognizer(tapper);
}

在我的GameManager类中，我有：

class GameMAnager extends Game{
  // a few methods like update, render and constructor
  void onTapDown(TapDownDetails d) {
    if (bgRect.contains(d.globalPosition)) { //bgRect is the background rectangle, so the tap works on the whole screen
      player.onTapDown();
    }
  }

我的player类包含：

  void onTapDown(){
    rotate();
  }

现在我想将其更改为沿滑动方向旋转，而不是沿onTapDown方向旋转。我试图以某种方式添加

  GestureDetector swiper = GestureDetector();
  swiper.onPanUpdate = game.onPanUpdate;

到我的main和

  void onPanUpdate() {

  }

到我的gameManager类。但是我找不到任何类似于TapDownDetails的平移工具。

对此有什么建议吗？

我看到了一些帮助，可以将小部件包装在GestureDetector中，并像这样使用它：

GestureDetector(onPanUpdate: (details) {
  if (details.delta.dx > 0) {
    // swiping in right direction
  }
});

但我不能让它在我的项目中发挥作用。

Answer 1

您可以使用HorizontalDragGestureDetector (如果需要两个轴，则使用PanGestureRecognizer )在main方法中使用以下内容

HorizontalDragGestureRecognizer tapper = HorizontalDragGestureRecognizer();
tapper.onUpdate = game.dragUpdate;

然后在您的GameManager中添加以下内容

void dragUpdate(DragUpdateDetails d) {
    // using d.delta you can then track the movement and implement your rotation updade here
}

这应该会起作用:D

Answer 2

如果你需要两个轴，你可以使用PanGestureRecognizer (正如@Marco Papula所说的)。

在main方法中使用以下代码：

PanGestureRecognizer panGestureRecognizer = PanGestureRecognizer();
panGestureRecognizer.onEnd = game.onPanUpdate;
flameUtil.addGestureRecognizer(panGestureRecognizer);

和你的onPanUpdate方法：

void onPanUpdate(DragEndDeatils d) {
    if(d.velocity.pixelsPerSecond.dx.abs()>d.velocity.pixelsPerSecond.dy.abs()) {
      // X Axis
      snake.velocity = d.velocity.pixelsPerSecond.dx<0 ? LeftSwipe : RightSwipe;
    } else {
      // Y Axis
      snake.velocity = d.velocity.pixelsPerSecond.dy<0 ? UpSwipe : DownSwipe;
    }
}

Answer 3

如果您使用的是较新(v1)版本的Flame，则不再需要将其包装在您自己的GestureDetector中(自认为可以)。现在Flame已经内置了所有事件的包装器，包括平移！您可以将您的游戏与以下各项进行混合：

class MyGame extends BaseGame with PanDetector {
  // ...
}

并实现onPanUpdate以获得所需的行为；或者使用大量其他检测器(有关如何使用它的更多选项和细节，请查看documentation )。