火焰Flutter 在多个向量之间插补2

发布于11月02日

我刚刚点燃了火焰，我想在7秒内将一个组件从这个位置逐步移动到位置列表中.

到目前为止，我所做的是在不同的点之间有一个延迟，我想要一些流动的东西.

void animate({
required PositionComponent component,
required List<Vector2> newPositions,
required double duration,
void Function()? onComplete,
}) async {
    int index = 0;

    while (index < newPositions.length) {
      Vector2 newPosition = newPositions.elementAt(index);
      double progress = 0.0;

      while (progress <= 1.0) {
        component.position.lerp(newPosition, progress);

        await Future.delayed(const Duration(milliseconds: 100));

        progress += (1.0 / duration);
      }

      index++;
    }

    onComplete?.call();
  }

Flat版本(1.10.0).

提前谢谢！

推荐答案

你可以使用MoveAlongPathEffect:

// Starts at the components position, you can also use `absolute: false`
// in the `EffectController` if you want to define the points relative
// to the component.
final path = Path.moveTo(position.x, position.y);
for (final point in newPositions) {
  path.lineTo(point.x, point.y);
}

final moveEffect = MoveAlongPathEffect(
  path,
  EffectController(duration: 7),
  absolute: true,
);
add(moveEffect);

或者，如果您不想使用某种效果，可以使用Vector2的Flame扩展中的moveToTarget(或lerp)方法:

  /// Smoothly moves this [Vector2] in the direction [target] by a displacement
  /// given by a distance [ds] in that direction.
  ///
  /// It does not goes beyond target, regardless of [ds], so the final value
  /// is always [target].
  ///
  /// Note: [ds] is the displacement vector in units of the vector space. It is
  /// **not** a percentage (relative value).
  void moveToTarget(
    Vector2 target,
    double ds,
  )