円弧

drawArc

以前使った カスタムペインター でdrawArcを使えば円弧も描画できます。

これは Flame ではなく Flutter（dart:ui）の機能ですが。

サンプルゲームの color_wheel でも活用しています。

描画する

基本はカスタムペインターと同じで、 paintの中でdrawArcを使います。

class MyPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final strokePaint = Paint()
      ..color = Colors.white
      ..style = PaintingStyle.stroke
      ..strokeWidth = 2;

    canvas.drawArc(
      const Rect.fromLTWH(
        0,
        0,
        100,
        100,
      ),
      radians(0),
      radians(90),
      false,
      strokePaint,
    );

    canvas.drawArc(
      const Rect.fromLTWH(
        100,
        0,
        100,
        100,
      ),
      radians(0),
      radians(90),
      true,
      strokePaint,
    );
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) {
    return false;
  }
}

第 3 引数はsweepAngleで描画する角度（終了角度ではありません）, 第 4 引数のuseCenterはtrueにするとパスが閉じて扇形になります。

これで円弧が描画できました。