Bezier Level Map

Bezier Level Map is a Flutter package that provides a widget to display a map with bezier curves connecting the levels. It is useful for displaying a map of a levels of game or game-like application.

Features

  • Display a map with bezier curves connecting the levels
  • Use custom widgets for levels
  • Level curve customization

Usage

Use the BezierLevelMap widget to display a map with bezier curves connecting the levels.

    BezierLevelMap.builder(
        itemCount: 100,
        waveAmplitude: 220,
        waveSpacing: 160,
        stokeColor: Colors.grey.withAlpha(120),
        stokeWidth: 8,
        dashInterval: const [18, 18],
        itemBuilder: (context, index) {
          return Transform.rotate(
            //by 45 degrees
            angle: 0.785398,
            child: Container(
              height: 44,
              width: 44,
              decoration: BoxDecoration(
                color: Colors.blue,
                borderRadius: BorderRadius.circular(4),
              ),
            ),
          );
        })

Preview

bezier level map

Thank you for using this package! 🎉

Libraries

bezier_level_map