fix: Fix positioning and size of the scoreboard panel

flame-engine · Jul 15, 2024 · 1da80c5 · 1da80c5
1 parent 52e213e
commit 1da80c5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/lib/game/components/score_box.dart b/lib/game/components/score_box.dart
@@ -43,7 +43,7 @@ class ScoreBox extends PositionComponent
   void onLoad() {
     final availableHeight = game.size.y - 2 * screenMargin;
     size = Vector2(scoreBoxWidth, availableHeight / maxShips - scoreBoxMargin);
-    rRect = RRect.fromRectAndRadius(Vector2.zero() & size, _radius);
+    rRect = RRect.fromRectAndRadius(Vector2(scoreBoxMargin, 0) & size, _radius);
   }
 
   @override

diff --git a/lib/game/components/score_panel.dart b/lib/game/components/score_panel.dart
@@ -11,8 +11,9 @@ class ScorePanel extends RectangleComponent
     with HasGameReference<LightRunnersGame> {
   @override
   void onLoad() {
-    position = Vector2(fixedSize.x - scoreBoxWidth, 0) - fixedSize / 2;
-    size = Vector2(scoreBoxWidth, fixedSize.y);
+    final left = fixedSize.x - scoreBoxWidth - 2 * scoreBoxMargin;
+    position = Vector2(left, screenMargin) - fixedSize / 2;
+    size = Vector2(scoreBoxWidth, fixedSize.y - screenMargin * 2);
     paint = Paint()..color = GamePalette.black;
     addAll(
       game.ships.values.map(