flutter - 如何在 Flutter 中使用 Flame 检测屏幕边界？

Question

我想在 Flame Flutter 中检测物体何时超出屏幕。我认为有两种方法可以通过Collidablemixin 或 Forge2D 来实现。如果可能的话，在他们两个中解释它。

火焰版本：火焰：1.0.0-releasecandidate.18

Answer 1

使用它是一种矫枉过正的方式Forge2D（这也使许多其他事情复杂化）。但是您可以使用内置的碰撞检测系统，或者您可以在更新循环中检查它是否在屏幕内（这将是最有效的）。

通过使用碰撞检测系统，我们可以使用内置的ScreenCollidable，您可以执行以下操作：

class ExampleGame extends FlameGame with HasCollidables {
  ...
  @override
  Future<void> onLoad() async {
    await super.onLoad();
    add(ScreenCollidable());
  }
}

class YourComponent extends PositionComponent with HasHitboxes, Collidable {
  @override
  Future<void> onLoad() async {
    await super.onLoad();
    // Change this if you want the components to collide with each other
    // and not only the screen.
    collidableType = CollidableType.passive;
    addHitbox(HitboxRectangle());
  }

  // Do note that this doesn't work if the component starts
  // to go outside of the screen but then comes back.
  @override
  void onCollisionEnd(Collidable other) {
    if (other is ScreenCollidable) {
      removeFromParent();
    }
  }
}

并且只需在update-loop 中计算它：

class YourComponent extends PositionComponent with HasGameRef {
  @override
  void update(double dt) {
    final topLeft = absoluteTopLeftPosition;
    final gameSize = gameRef.size;
    if(topLeft.x > gameSize.x || topLeft.y > gameSize.y) {
      removeFromParent();
      return;
    }
    final bottomRight = absolutePositionOfAnchor(Anchor.bottomRight);
    if(bottomRight.x < 0 || bottomRight.y < 0) {
      removeFromParent();
      return;
    }
  }
}

我还建议您在 Flame 1.0.0 发布后立即更新。:)