refactor: rotation on shapes

packages/geometry/lib/src/geometry.dart

@@ -5,8 +5,8 @@ import 'package:vector_math/vector_math_64.dart';
 /// Calculates all [Vector2]s of a circumference.
 ///
 /// A circumference can be achieved by specifying a [center] and a [radius].
-/// In addition, a semi-circle can be achieved by specifying its [angle] in
-/// radians.
+/// In addition, a semi-circle can be achieved by specifying its [angle] and an
+/// [offsetAngle] (both in radians).
 ///
 /// The higher the [precision], the more [Vector2]s will be calculated;
 /// achieving a more rounded arc.
@@ -16,14 +16,15 @@ List<Vector2> calculateArc({
   required Vector2 center,
   required double radius,
   required double angle,
+  double offsetAngle = 0,
   int precision = 100,
 }) {
   final stepAngle = angle / (precision - 1);
 
   final points = <Vector2>[];
   for (var i = 0; i < precision; i++) {
-    final x = center.x + radius * math.cos(stepAngle * i);
-    final y = center.y - radius * math.sin(stepAngle * i);
+    final x = center.x + radius * math.cos((stepAngle * i) + offsetAngle);
+    final y = center.y - radius * math.sin((stepAngle * i) + offsetAngle);
 
     final point = Vector2(x, y);
     points.add(point);

packages/pinball_components/lib/src/components/shapes/arc_shape.dart

@@ -1,6 +1,5 @@
 // ignore_for_file: public_member_api_docs
 
-import 'package:flame/extensions.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:geometry/geometry.dart';
 
@@ -13,12 +12,14 @@ class ArcShape extends ChainShape {
     required this.center,
     required this.arcRadius,
     required this.angle,
+    this.rotation = 0,
   }) {
     createChain(
       calculateArc(
         center: center,
         radius: arcRadius,
         angle: angle,
+        offsetAngle: rotation,
       ),
     );
   }
@@ -35,19 +36,19 @@ class ArcShape extends ChainShape {
   /// For example, two pi returns a complete circumference.
   final double angle;
 
-  /// Rotates the arc by a given [angle] in radians.
-  void rotate(double angle) {
-    vertices.map((vector) => vector..rotate(angle)).toList();
-  }
+  /// Angle in radians to rotate the arc around its [center].
+  final double rotation;
 
   ArcShape copyWith({
     Vector2? center,
     double? arcRadius,
     double? angle,
+    double? rotation,
   }) =>
       ArcShape(
         center: center ?? this.center,
         arcRadius: arcRadius ?? this.arcRadius,
         angle: angle ?? this.angle,
+        rotation: rotation ?? this.rotation,
       );
 }

packages/pinball_components/test/src/components/shapes/arc_shape_test.dart

@@ -43,7 +43,6 @@ void main() {
           center: Vector2.all(10),
           arcRadius: 15,
           angle: 2 * math.pi,
-          rotation: math.pi,
         );
         final arcShapeCopied = ArcShape(
           center: Vector2.zero(),
@@ -53,7 +52,6 @@ void main() {
           center: Vector2.all(10),
           arcRadius: 15,
           angle: 2 * math.pi,
-          rotation: math.pi,
         );
 
         for (var index = 0; index < arcShapeCopied.vertices.length; index++) {

packages/pinball_components/test/src/components/shapes/bezier_curve_shape_test.dart

@@ -22,16 +22,22 @@ void main() {
       );
     });
 
+    group('rotate', () {
       test('returns vertices rotated', () {
         const rotationAngle = 2 * math.pi;
+        final controlPoints = [
+          Vector2(0, 0),
+          Vector2(10, 0),
+          Vector2(0, 10),
+          Vector2(10, 10),
+        ];
 
         final bezierCurveShape = BezierCurveShape(
           controlPoints: controlPoints,
         );
         final bezierCurveShapeRotated = BezierCurveShape(
           controlPoints: controlPoints,
-        rotation: rotationAngle,
-      );
+        )..rotate(rotationAngle);
 
         for (var index = 0; index < bezierCurveShape.vertices.length; index++) {
           expect(
@@ -41,4 +47,5 @@ void main() {
         }
       });
     });
+  });
 }

packages/pinball_components/test/src/components/shapes/ellipse_shape_test.dart

@@ -17,6 +17,7 @@ void main() {
       );
     });
 
+    group('rotate', () {
       test('returns vertices rotated', () {
         const rotationAngle = 2 * math.pi;
         final ellipseShape = EllipseShape(
@@ -28,8 +29,7 @@ void main() {
           center: Vector2.zero(),
           majorRadius: 10,
           minorRadius: 8,
-        rotation: rotationAngle,
-      );
+        )..rotate(rotationAngle);
 
         for (var index = 0; index < ellipseShape.vertices.length; index++) {
           expect(
@@ -38,6 +38,7 @@ void main() {
           );
         }
       });
+    });
 
     group('copyWith', () {
       test('returns same shape when no properties are passed', () {