Merge branch 'main' of github.com:VGVentures/pinball into feat/mobile-touch-controls

.github/workflows/geometry.yaml

@@ -1,5 +1,9 @@
 name: geometry
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 on:
   push:
     paths:

.github/workflows/leaderboard_repository.yaml

@@ -1,5 +1,9 @@
 name: leaderboard_repository
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 on:
   push:
     paths:

.github/workflows/main.yaml

@@ -1,5 +1,9 @@
 name: pinball
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+  
 on: [pull_request, push]
 
 jobs:

.github/workflows/pinball_audio.yaml

@@ -1,5 +1,9 @@
 name: pinball_audio
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 on:
   push:
     paths:

.github/workflows/pinball_components.yaml

@@ -1,5 +1,9 @@
 name: pinball_components
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 on:
   push:
     paths:

.github/workflows/pinball_flame.yaml

@@ -1,5 +1,9 @@
 name: pinball_flame
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 on:
   push:
     paths:

.github/workflows/pinball_theme.yaml

@@ -1,5 +1,9 @@
 name: pinball_theme
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+  
 on:
   push:
     paths:

lib/app/view/app.dart

@@ -13,7 +13,7 @@ import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:leaderboard_repository/leaderboard_repository.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball/l10n/l10n.dart';
-import 'package:pinball/theme/theme.dart';
+import 'package:pinball/select_character/select_character.dart';
 import 'package:pinball_audio/pinball_audio.dart';
 
 class App extends StatelessWidget {
@@ -36,7 +36,7 @@ class App extends StatelessWidget {
         RepositoryProvider.value(value: _pinballAudio),
       ],
       child: BlocProvider(
-        create: (context) => ThemeCubit(),
+        create: (context) => CharacterThemeCubit(),
         child: const MaterialApp(
           title: 'I/O Pinball',
           localizationsDelegates: [

lib/game/bloc/game_state.dart

@@ -12,6 +12,12 @@ enum GameBonus {
 
   /// Bonus achieved when a ball enters Sparky's computer.
   sparkyTurboCharge,
+
+  /// Bonus achieved when the ball goes in the dino mouth.
+  dinoChomp,
+
+  /// Bonus achieved when a ball enters the android spaceship.
+  androidSpaceship,
 }
 
 /// {@template game_state}

lib/game/components/alien_zone.dart

@@ -1,60 +1,29 @@
 // ignore_for_file: avoid_renaming_method_parameters
 
-import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
-import 'package:flutter/material.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
 
 /// {@template alien_zone}
 /// Area positioned below [Spaceship] where the [Ball]
 /// can bounce off [AlienBumper]s.
-///
-/// When a [Ball] hits an [AlienBumper], the bumper animates.
 /// {@endtemplate}
-class AlienZone extends Component with HasGameRef<PinballGame> {
+class AlienZone extends Blueprint {
   /// {@macro alien_zone}
-  AlienZone();
+  AlienZone()
-
+      : super(
-  @override
+          components: [
-  Future<void> onLoad() async {
+            AlienBumper.a(
-    await super.onLoad();
+              children: [
-
+                ScoringBehavior(points: 20),
-    gameRef.addContactCallback(AlienBumperBallContactCallback());
+              ],
-
+            )..initialPosition = Vector2(-32.52, -9.1),
-    final lowerBumper = _AlienBumper.a()
+            AlienBumper.b(
-      ..initialPosition = Vector2(-32.52, -9.1);
+              children: [
-    final upperBumper = _AlienBumper.b()
+                ScoringBehavior(points: 20),
-      ..initialPosition = Vector2(-22.89, -17.35);
+              ],
-
+            )..initialPosition = Vector2(-22.89, -17.35),
-    await addAll([
+          ],
-      lowerBumper,
+        );
-      upperBumper,
-    ]);
-  }
-}
-
-// TODO(alestiago): Revisit ScorePoints logic once the FlameForge2D
-// ContactCallback process is enhanced.
-class _AlienBumper extends AlienBumper with ScorePoints {
-  _AlienBumper.a() : super.a();
-
-  _AlienBumper.b() : super.b();
-
-  @override
-  int get points => 20;
-}
-
-/// Listens when a [Ball] bounces against an [AlienBumper].
-@visibleForTesting
-class AlienBumperBallContactCallback
-    extends ContactCallback<AlienBumper, Ball> {
-  @override
-  void begin(
-    AlienBumper alienBumper,
-    Ball _,
-    Contact __,
-  ) {
-    alienBumper.animate();
-  }
 }

lib/game/components/components.dart

@@ -4,10 +4,10 @@ export 'camera_controller.dart';
 export 'controlled_ball.dart';
 export 'controlled_flipper.dart';
 export 'controlled_plunger.dart';
-export 'flutter_forest.dart';
+export 'flutter_forest/flutter_forest.dart';
 export 'game_flow_controller.dart';
-export 'google_word.dart';
+export 'google_word/google_word.dart';
 export 'launcher.dart';
-export 'score_points.dart';
+export 'scoring_behavior.dart';
 export 'sparky_fire_zone.dart';
 export 'wall.dart';

lib/game/components/controlled_ball.dart

@@ -15,8 +15,8 @@ class ControlledBall extends Ball with Controls<BallController> {
   /// When a launched [Ball] is lost, it will decrease the [GameState.balls]
   /// count, and a new [Ball] is spawned.
   ControlledBall.launch({
-    required PinballTheme theme,
+    required CharacterTheme characterTheme,
-  }) : super(baseColor: theme.characterTheme.ballColor) {
+  }) : super(baseColor: characterTheme.ballColor) {
     controller = BallController(this);
     priority = RenderPriority.ballOnLaunchRamp;
     layer = Layer.launcher;
@@ -28,8 +28,8 @@ class ControlledBall extends Ball with Controls<BallController> {
   /// When a bonus [Ball] is lost, the [GameState.balls] doesn't change.
   /// {@endtemplate}
   ControlledBall.bonus({
-    required PinballTheme theme,
+    required CharacterTheme characterTheme,
-  }) : super(baseColor: theme.characterTheme.ballColor) {
+  }) : super(baseColor: characterTheme.ballColor) {
     controller = BallController(this);
     priority = RenderPriority.ballOnBoard;
   }
@@ -49,10 +49,8 @@ class BallController extends ComponentController<Ball>
   /// {@macro ball_controller}
   BallController(Ball ball) : super(ball);
 
-  /// Removes the [Ball] from a [PinballGame].
+  /// Event triggered when the ball is lost.
-  ///
+  // TODO(alestiago): Refactor using behaviors.
-  /// Triggered by [BottomWallBallContactCallback] when the [Ball] falls into
-  /// a [BottomWall].
   void lost() {
     component.shouldRemove = true;
   }

lib/game/components/flutter_forest.dart

@@ -1,102 +0,0 @@
-// ignore_for_file: avoid_renaming_method_parameters
-
-import 'package:flame/components.dart';
-import 'package:flame_forge2d/flame_forge2d.dart';
-import 'package:pinball/game/game.dart';
-import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
-
-/// {@template flutter_forest}
-/// Area positioned at the top right of the [Board] where the [Ball]
-/// can bounce off [DashNestBumper]s.
-///
-/// When all [DashNestBumper]s are hit at least once, the [GameBonus.dashNest]
-/// is awarded, and the [DashNestBumper.main] releases a new [Ball].
-/// {@endtemplate}
-class FlutterForest extends Component
-    with Controls<_FlutterForestController>, HasGameRef<PinballGame> {
-  /// {@macro flutter_forest}
-  FlutterForest() {
-    controller = _FlutterForestController(this);
-  }
-
-  @override
-  Future<void> onLoad() async {
-    await super.onLoad();
-    gameRef.addContactCallback(_DashNestBumperBallContactCallback());
-
-    final signpost = Signpost()..initialPosition = Vector2(8.35, -58.3);
-
-    final bigNest = _DashNestBumper.main()
-      ..initialPosition = Vector2(18.55, -59.35);
-    final smallLeftNest = _DashNestBumper.a()
-      ..initialPosition = Vector2(8.95, -51.95);
-    final smallRightNest = _DashNestBumper.b()
-      ..initialPosition = Vector2(23.3, -46.75);
-    final dashAnimatronic = DashAnimatronic()..position = Vector2(20, -66);
-
-    await addAll([
-      signpost,
-      smallLeftNest,
-      smallRightNest,
-      bigNest,
-      dashAnimatronic,
-    ]);
-  }
-}
-
-class _FlutterForestController extends ComponentController<FlutterForest>
-    with HasGameRef<PinballGame> {
-  _FlutterForestController(FlutterForest flutterForest) : super(flutterForest);
-
-  final _activatedBumpers = <DashNestBumper>{};
-
-  void activateBumper(DashNestBumper dashNestBumper) {
-    if (!_activatedBumpers.add(dashNestBumper)) return;
-
-    dashNestBumper.activate();
-
-    final activatedBonus = _activatedBumpers.length == 3;
-    if (activatedBonus) {
-      _addBonusBall();
-
-      gameRef.read<GameBloc>().add(const BonusActivated(GameBonus.dashNest));
-      _activatedBumpers
-        ..forEach((bumper) => bumper.deactivate())
-        ..clear();
-
-      component.firstChild<DashAnimatronic>()?.playing = true;
-    }
-  }
-
-  Future<void> _addBonusBall() async {
-    await gameRef.add(
-      ControlledBall.bonus(theme: gameRef.theme)
-        ..initialPosition = Vector2(17.2, -52.7),
-    );
-  }
-}
-
-// TODO(alestiago): Revisit ScorePoints logic once the FlameForge2D
-// ContactCallback process is enhanced.
-class _DashNestBumper extends DashNestBumper with ScorePoints {
-  _DashNestBumper.main() : super.main();
-
-  _DashNestBumper.a() : super.a();
-
-  _DashNestBumper.b() : super.b();
-
-  @override
-  int get points => 20;
-}
-
-class _DashNestBumperBallContactCallback
-    extends ContactCallback<DashNestBumper, Ball> {
-  @override
-  void begin(DashNestBumper dashNestBumper, _, __) {
-    final parent = dashNestBumper.parent;
-    if (parent is FlutterForest) {
-      parent.controller.activateBumper(dashNestBumper);
-    }
-  }
-}

lib/game/components/flutter_forest/behaviors/behaviors.dart

@@ -0,0 +1 @@
+export 'flutter_forest_bonus_behavior.dart';

lib/game/components/flutter_forest/behaviors/flutter_forest_bonus_behavior.dart

@@ -0,0 +1,41 @@
+import 'package:flame/components.dart';
+import 'package:pinball/game/game.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+/// When all [DashNestBumper]s are hit at least once, the [GameBonus.dashNest]
+/// is awarded, and the [DashNestBumper.main] releases a new [Ball].
+class FlutterForestBonusBehavior extends Component
+    with ParentIsA<FlutterForest>, HasGameRef<PinballGame> {
+  @override
+  void onMount() {
+    super.onMount();
+
+    final bumpers = parent.children.whereType<DashNestBumper>();
+    for (final bumper in bumpers) {
+      // TODO(alestiago): Refactor subscription management once the following is
+      // merged:
+      // https://github.com/flame-engine/flame/pull/1538
+      bumper.bloc.stream.listen((state) {
+        final achievedBonus = bumpers.every(
+          (bumper) => bumper.bloc.state == DashNestBumperState.active,
+        );
+
+        if (achievedBonus) {
+          gameRef
+              .read<GameBloc>()
+              .add(const BonusActivated(GameBonus.dashNest));
+          gameRef.add(
+            ControlledBall.bonus(characterTheme: gameRef.characterTheme)
+              ..initialPosition = Vector2(17.2, -52.7),
+          );
+          parent.firstChild<DashAnimatronic>()?.playing = true;
+
+          for (final bumper in bumpers) {
+            bumper.bloc.onReset();
+          }
+        }
+      });
+    }
+  }
+}

lib/game/components/flutter_forest/flutter_forest.dart

@@ -0,0 +1,49 @@
+// ignore_for_file: avoid_renaming_method_parameters
+
+import 'package:flame/components.dart';
+import 'package:flutter/material.dart';
+import 'package:pinball/game/components/flutter_forest/behaviors/behaviors.dart';
+import 'package:pinball/game/game.dart';
+import 'package:pinball_components/pinball_components.dart';
+
+/// {@template flutter_forest}
+/// Area positioned at the top right of the [Board] where the [Ball] can bounce
+/// off [DashNestBumper]s.
+/// {@endtemplate}
+class FlutterForest extends Component {
+  /// {@macro flutter_forest}
+  FlutterForest()
+      : super(
+          priority: RenderPriority.flutterForest,
+          children: [
+            Signpost(
+              children: [
+                ScoringBehavior(points: 20),
+              ],
+            )..initialPosition = Vector2(8.35, -58.3),
+            DashNestBumper.main(
+              children: [
+                ScoringBehavior(points: 20),
+              ],
+            )..initialPosition = Vector2(18.55, -59.35),
+            DashNestBumper.a(
+              children: [
+                ScoringBehavior(points: 20),
+              ],
+            )..initialPosition = Vector2(8.95, -51.95),
+            DashNestBumper.b(
+              children: [
+                ScoringBehavior(points: 20),
+              ],
+            )..initialPosition = Vector2(23.3, -46.75),
+            DashAnimatronic()..position = Vector2(20, -66),
+            FlutterForestBonusBehavior(),
+          ],
+        );
+
+  /// Creates a [FlutterForest] without any children.
+  ///
+  /// This can be used for testing [FlutterForest]'s behaviors in isolation.
+  @visibleForTesting
+  FlutterForest.test();
+}

lib/game/components/game_flow_controller.dart

@@ -32,8 +32,7 @@ class GameFlowController extends ComponentController<PinballGame>
     // next page
     component.firstChild<Backboard>()?.gameOverMode(
           score: state?.score ?? 0,
-          characterIconPath:
+          characterIconPath: component.characterTheme.leaderboardIcon.keyName,
-              component.theme.characterTheme.leaderboardIcon.keyName,
         );
     component.firstChild<CameraController>()?.focusOnBackboard();
   }

lib/game/components/google_word.dart

@@ -1,83 +0,0 @@
-// ignore_for_file: avoid_renaming_method_parameters
-
-import 'dart:async';
-
-import 'package:flame/components.dart';
-import 'package:flame_forge2d/flame_forge2d.dart';
-import 'package:pinball/game/game.dart';
-import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
-
-/// {@template google_word}
-/// Loads all [GoogleLetter]s to compose a [GoogleWord].
-/// {@endtemplate}
-class GoogleWord extends Component
-    with HasGameRef<PinballGame>, Controls<_GoogleWordController> {
-  /// {@macro google_word}
-  GoogleWord({
-    required Vector2 position,
-  }) : _position = position {
-    controller = _GoogleWordController(this);
-  }
-
-  final Vector2 _position;
-
-  @override
-  Future<void> onLoad() async {
-    await super.onLoad();
-    gameRef.addContactCallback(_GoogleLetterBallContactCallback());
-
-    final offsets = [
-      Vector2(-12.92, 1.82),
-      Vector2(-8.33, -0.65),
-      Vector2(-2.88, -1.75),
-      Vector2(2.88, -1.75),
-      Vector2(8.33, -0.65),
-      Vector2(12.92, 1.82),
-    ];
-
-    final letters = <GoogleLetter>[];
-    for (var index = 0; index < offsets.length; index++) {
-      letters.add(
-        GoogleLetter(index)..initialPosition = _position + offsets[index],
-      );
-    }
-
-    await addAll(letters);
-  }
-}
-
-class _GoogleWordController extends ComponentController<GoogleWord>
-    with HasGameRef<PinballGame> {
-  _GoogleWordController(GoogleWord googleWord) : super(googleWord);
-
-  final _activatedLetters = <GoogleLetter>{};
-
-  void activate(GoogleLetter googleLetter) {
-    if (!_activatedLetters.add(googleLetter)) return;
-
-    googleLetter.activate();
-
-    final activatedBonus = _activatedLetters.length == 6;
-    if (activatedBonus) {
-      gameRef.audio.googleBonus();
-      gameRef.read<GameBloc>().add(const BonusActivated(GameBonus.googleWord));
-      component.children.whereType<GoogleLetter>().forEach(
-            (letter) => letter.deactivate(),
-          );
-      _activatedLetters.clear();
-    }
-  }
-}
-
-/// Activates a [GoogleLetter] when it contacts with a [Ball].
-class _GoogleLetterBallContactCallback
-    extends ContactCallback<GoogleLetter, Ball> {
-  @override
-  void begin(GoogleLetter googleLetter, _, __) {
-    final parent = googleLetter.parent;
-    if (parent is GoogleWord) {
-      parent.controller.activate(googleLetter);
-    }
-  }
-}

lib/game/components/google_word/behaviors/behaviors.dart

@@ -0,0 +1 @@
+export 'google_word_bonus_behavior.dart';

lib/game/components/google_word/behaviors/google_word_bonus_behavior.dart

@@ -0,0 +1,34 @@
+import 'package:flame/components.dart';
+import 'package:pinball/game/game.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+/// Adds a [GameBonus.googleWord] when all [GoogleLetter]s are activated.
+class GoogleWordBonusBehavior extends Component
+    with HasGameRef<PinballGame>, ParentIsA<GoogleWord> {
+  @override
+  void onMount() {
+    super.onMount();
+
+    final googleLetters = parent.children.whereType<GoogleLetter>();
+    for (final letter in googleLetters) {
+      // TODO(alestiago): Refactor subscription management once the following is
+      // merged:
+      // https://github.com/flame-engine/flame/pull/1538
+      letter.bloc.stream.listen((_) {
+        final achievedBonus = googleLetters
+            .every((letter) => letter.bloc.state == GoogleLetterState.active);
+
+        if (achievedBonus) {
+          gameRef.audio.googleBonus();
+          gameRef
+              .read<GameBloc>()
+              .add(const BonusActivated(GameBonus.googleWord));
+          for (final letter in googleLetters) {
+            letter.bloc.onReset();
+          }
+        }
+      });
+    }
+  }
+}

lib/game/components/google_word/google_word.dart

@@ -0,0 +1,30 @@
+import 'package:flame/components.dart';
+import 'package:flutter/material.dart';
+import 'package:pinball/game/components/google_word/behaviors/behaviors.dart';
+import 'package:pinball_components/pinball_components.dart';
+
+/// {@template google_word}
+/// Loads all [GoogleLetter]s to compose a [GoogleWord].
+/// {@endtemplate}
+class GoogleWord extends Component {
+  /// {@macro google_word}
+  GoogleWord({
+    required Vector2 position,
+  }) : super(
+          children: [
+            GoogleLetter(0)..initialPosition = position + Vector2(-12.92, 1.82),
+            GoogleLetter(1)..initialPosition = position + Vector2(-8.33, -0.65),
+            GoogleLetter(2)..initialPosition = position + Vector2(-2.88, -1.75),
+            GoogleLetter(3)..initialPosition = position + Vector2(2.88, -1.75),
+            GoogleLetter(4)..initialPosition = position + Vector2(8.33, -0.65),
+            GoogleLetter(5)..initialPosition = position + Vector2(12.92, 1.82),
+            GoogleWordBonusBehavior(),
+          ],
+        );
+
+  /// Creates a [GoogleWord] without any children.
+  ///
+  /// This can be used for testing [GoogleWord]'s behaviors in isolation.
+  @visibleForTesting
+  GoogleWord.test();
+}

lib/game/components/score_points.dart

@@ -1,47 +0,0 @@
-// ignore_for_file: avoid_renaming_method_parameters
-
-import 'package:flame_forge2d/flame_forge2d.dart';
-import 'package:pinball/game/game.dart';
-import 'package:pinball_components/pinball_components.dart';
-
-/// {@template score_points}
-/// Specifies the amount of points received on [Ball] collision.
-/// {@endtemplate}
-mixin ScorePoints<T extends Forge2DGame> on BodyComponent<T> {
-  /// {@macro score_points}
-  int get points;
-
-  @override
-  Future<void> onLoad() async {
-    await super.onLoad();
-    body.userData = this;
-  }
-}
-
-/// {@template ball_score_points_callbacks}
-/// Adds points to the score when a [Ball] collides with a [BodyComponent] that
-/// implements [ScorePoints].
-/// {@endtemplate}
-class BallScorePointsCallback extends ContactCallback<Ball, ScorePoints> {
-  /// {@macro ball_score_points_callbacks}
-  BallScorePointsCallback(PinballGame game) : _gameRef = game;
-
-  final PinballGame _gameRef;
-
-  @override
-  void begin(
-    Ball ball,
-    ScorePoints scorePoints,
-    Contact _,
-  ) {
-    _gameRef.read<GameBloc>().add(Scored(points: scorePoints.points));
-    _gameRef.audio.score();
-
-    _gameRef.add(
-      ScoreText(
-        text: scorePoints.points.toString(),
-        position: ball.body.position,
-      ),
-    );
-  }
-}

lib/game/components/scoring_behavior.dart

@@ -0,0 +1,34 @@
+// ignore_for_file: avoid_renaming_method_parameters
+
+import 'package:flame/components.dart';
+import 'package:flame_forge2d/flame_forge2d.dart';
+import 'package:pinball/game/game.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+/// {@template scoring_behavior}
+/// Adds points to the score when the ball contacts the [parent].
+/// {@endtemplate}
+class ScoringBehavior extends ContactBehavior with HasGameRef<PinballGame> {
+  /// {@macro scoring_behavior}
+  ScoringBehavior({
+    required int points,
+  }) : _points = points;
+
+  final int _points;
+
+  @override
+  void beginContact(Object other, Contact contact) {
+    super.beginContact(other, contact);
+    if (other is! Ball) return;
+
+    gameRef.read<GameBloc>().add(Scored(points: _points));
+    gameRef.audio.score();
+    gameRef.add(
+      ScoreText(
+        text: _points.toString(),
+        position: other.body.position,
+      ),
+    );
+  }
+}

lib/game/components/sparky_fire_zone.dart

@@ -1,7 +1,6 @@
 // ignore_for_file: avoid_renaming_method_parameters
 
 import 'package:flame_forge2d/flame_forge2d.dart';
-import 'package:flutter/material.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:pinball_flame/pinball_flame.dart';
@@ -17,9 +16,21 @@ class SparkyFireZone extends Blueprint {
   SparkyFireZone()
       : super(
           components: [
-            _SparkyBumper.a()..initialPosition = Vector2(-22.9, -41.65),
+            SparkyBumper.a(
-            _SparkyBumper.b()..initialPosition = Vector2(-21.25, -57.9),
+              children: [
-            _SparkyBumper.c()..initialPosition = Vector2(-3.3, -52.55),
+                ScoringBehavior(points: 20),
+              ],
+            )..initialPosition = Vector2(-22.9, -41.65),
+            SparkyBumper.b(
+              children: [
+                ScoringBehavior(points: 20),
+              ],
+            )..initialPosition = Vector2(-21.25, -57.9),
+            SparkyBumper.c(
+              children: [
+                ScoringBehavior(points: 20),
+              ],
+            )..initialPosition = Vector2(-3.3, -52.55),
             SparkyComputerSensor()..initialPosition = Vector2(-13, -49.8),
             SparkyAnimatronic()..position = Vector2(-13.8, -58.2),
           ],
@@ -29,52 +40,14 @@ class SparkyFireZone extends Blueprint {
         );
 }
 
-// TODO(alestiago): Revisit ScorePoints logic once the FlameForge2D
-// ContactCallback process is enhanced.
-class _SparkyBumper extends SparkyBumper with ScorePoints {
-  _SparkyBumper.a() : super.a();
-
-  _SparkyBumper.b() : super.b();
-
-  _SparkyBumper.c() : super.c();
-
-  @override
-  int get points => 20;
-
-  @override
-  Future<void> onLoad() async {
-    await super.onLoad();
-    // TODO(alestiago): Revisit once this has been merged:
-    // https://github.com/flame-engine/flame/pull/1547
-    gameRef.addContactCallback(SparkyBumperBallContactCallback());
-  }
-}
-
-/// Listens when a [Ball] bounces bounces against a [SparkyBumper].
-@visibleForTesting
-class SparkyBumperBallContactCallback
-    extends ContactCallback<SparkyBumper, Ball> {
-  @override
-  void begin(
-    SparkyBumper sparkyBumper,
-    Ball _,
-    Contact __,
-  ) {
-    sparkyBumper.animate();
-  }
-}
-
 /// {@template sparky_computer_sensor}
 /// Small sensor body used to detect when a ball has entered the
 /// [SparkyComputer].
 /// {@endtemplate}
-// TODO(alestiago): Revisit once this has been merged:
+class SparkyComputerSensor extends BodyComponent
-// https://github.com/flame-engine/flame/pull/1547
+    with InitialPosition, ContactCallbacks {
-class SparkyComputerSensor extends BodyComponent with InitialPosition {
   /// {@macro sparky_computer_sensor}
-  SparkyComputerSensor() {
+  SparkyComputerSensor() : super(renderBody: false);
-    renderBody = false;
-  }
 
   @override
   Body createBody() {
@@ -88,23 +61,11 @@ class SparkyComputerSensor extends BodyComponent with InitialPosition {
   }
 
   @override
-  Future<void> onLoad() async {
+  void beginContact(Object other, Contact contact) {
-    await super.onLoad();
+    super.beginContact(other, contact);
-    // TODO(alestiago): Revisit once this has been merged:
+    if (other is! ControlledBall) return;
-    // https://github.com/flame-engine/flame/pull/1547
-    gameRef.addContactCallback(SparkyComputerSensorBallContactCallback());
-  }
-}
 
-@visibleForTesting
+    other.controller.turboCharge();
-// TODO(alestiago): Revisit once this has been merged:
+    gameRef.firstChild<SparkyAnimatronic>()?.playing = true;
-// https://github.com/flame-engine/flame/pull/1547
-// ignore: public_member_api_docs
-class SparkyComputerSensorBallContactCallback
-    extends ContactCallback<SparkyComputerSensor, ControlledBall> {
-  @override
-  void begin(_, ControlledBall controlledBall, __) {
-    controlledBall.controller.turboCharge();
-    controlledBall.gameRef.firstChild<SparkyAnimatronic>()?.playing = true;
   }
 }

lib/game/components/wall.dart

@@ -42,25 +42,19 @@ class Wall extends BodyComponent {
 /// {@template bottom_wall}
 /// [Wall] located at the bottom of the board.
 ///
-/// Collisions with [BottomWall] are listened by
-/// [BottomWallBallContactCallback].
 /// {@endtemplate}
-class BottomWall extends Wall {
+class BottomWall extends Wall with ContactCallbacks {
   /// {@macro bottom_wall}
   BottomWall()
       : super(
           start: BoardDimensions.bounds.bottomLeft.toVector2(),
           end: BoardDimensions.bounds.bottomRight.toVector2(),
         );
-}
 
-/// {@template bottom_wall_ball_contact_callback}
-/// Listens when a [ControlledBall] falls into a [BottomWall].
-/// {@endtemplate}
-class BottomWallBallContactCallback
-    extends ContactCallback<ControlledBall, BottomWall> {
   @override
-  void begin(ControlledBall ball, BottomWall wall, Contact contact) {
+  void beginContact(Object other, Contact contact) {
-    ball.controller.lost();
+    super.beginContact(other, contact);
+    if (other is! ControlledBall) return;
+    other.controller.lost();
   }
 }

lib/game/pinball_game.dart

@@ -22,7 +22,7 @@ class PinballGame extends Forge2DGame
         Controls<_GameBallsController>,
         TapDetector {
   PinballGame({
-    required this.theme,
+    required this.characterTheme,
     required this.audio,
   }) {
     images.prefix = '';
@@ -35,7 +35,7 @@ class PinballGame extends Forge2DGame
   @override
   Color backgroundColor() => Colors.transparent;
 
-  final PinballTheme theme;
+  final CharacterTheme characterTheme;
 
   final PinballAudio audio;
 
@@ -43,8 +43,6 @@ class PinballGame extends Forge2DGame
 
   @override
   Future<void> onLoad() async {
-    _addContactCallbacks();
-
     unawaited(add(gameFlowController = GameFlowController(this)));
     unawaited(add(CameraController(this)));
     unawaited(add(Backboard.waiting(position: Vector2(0, -88))));
@@ -57,11 +55,11 @@ class PinballGame extends Forge2DGame
     final launcher = Launcher();
     unawaited(addFromBlueprint(launcher));
     unawaited(add(Board()));
-    unawaited(add(AlienZone()));
+    await addFromBlueprint(AlienZone());
+
     await addFromBlueprint(SparkyFireZone());
     unawaited(addFromBlueprint(Slingshots()));
     unawaited(addFromBlueprint(DinoWalls()));
-    unawaited(_addBonusWord());
     unawaited(addFromBlueprint(SpaceshipRamp()));
     unawaited(
       addFromBlueprint(
@@ -71,6 +69,14 @@ class PinballGame extends Forge2DGame
       ),
     );
     unawaited(addFromBlueprint(SpaceshipRail()));
+    await add(
+      GoogleWord(
+        position: Vector2(
+          BoardDimensions.bounds.center.dx - 4.1,
+          BoardDimensions.bounds.center.dy + 1.8,
+        ),
+      ),
+    );
 
     controller.attachTo(launcher.components.whereType<Plunger>().first);
     await super.onLoad();
@@ -134,22 +140,6 @@ class PinballGame extends Forge2DGame
       boardSideActive = null;
     }
   }
-
-  void _addContactCallbacks() {
-    addContactCallback(BallScorePointsCallback(this));
-    addContactCallback(BottomWallBallContactCallback());
-  }
-
-  Future<void> _addBonusWord() async {
-    await add(
-      GoogleWord(
-        position: Vector2(
-          BoardDimensions.bounds.center.dx - 4.1,
-          BoardDimensions.bounds.center.dy + 1.8,
-        ),
-      ),
-    );
-  }
 }
 
 class _GameBallsController extends ComponentController<PinballGame>
@@ -180,7 +170,7 @@ class _GameBallsController extends ComponentController<PinballGame>
 
   void _spawnBall() {
     final ball = ControlledBall.launch(
-      theme: gameRef.theme,
+      characterTheme: gameRef.characterTheme,
     )..initialPosition = Vector2(
         _plunger.body.position.x,
         _plunger.body.position.y - Ball.size.y,
@@ -198,10 +188,10 @@ class _GameBallsController extends ComponentController<PinballGame>
 
 class DebugPinballGame extends PinballGame with FPSCounter {
   DebugPinballGame({
-    required PinballTheme theme,
+    required CharacterTheme characterTheme,
     required PinballAudio audio,
   }) : super(
-          theme: theme,
+          characterTheme: characterTheme,
           audio: audio,
         ) {
     controller = _DebugGameBallsController(this);

lib/game/view/pinball_game_page.dart

@@ -5,8 +5,8 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:pinball/game/game.dart';
+import 'package:pinball/select_character/select_character.dart';
 import 'package:pinball/start_game/start_game.dart';
-import 'package:pinball/theme/theme.dart';
 import 'package:pinball_audio/pinball_audio.dart';
 
 class PinballGamePage extends StatelessWidget {
@@ -31,17 +31,19 @@ class PinballGamePage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final theme = context.read<ThemeCubit>().state.theme;
+    final characterTheme =
+        context.read<CharacterThemeCubit>().state.characterTheme;
     final audio = context.read<PinballAudio>();
     final pinballAudio = context.read<PinballAudio>();
 
     final game = isDebugMode
-        ? DebugPinballGame(theme: theme, audio: audio)
+        ? DebugPinballGame(characterTheme: characterTheme, audio: audio)
-        : PinballGame(theme: theme, audio: audio);
+        : PinballGame(characterTheme: characterTheme, audio: audio);
 
     final loadables = [
       ...game.preLoadAssets(),
       pinballAudio.load(),
+      ...BonusAnimation.loadAssets(),
     ];
 
     return MultiBlocProvider(
@@ -112,6 +114,10 @@ class PinballGameLoadedView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final gameWidgetWidth = MediaQuery.of(context).size.height * 9 / 16;
+    final screenWidth = MediaQuery.of(context).size.width;
+    final leftMargin = (screenWidth / 2) - (gameWidgetWidth / 1.8);
+
     return Stack(
       children: [
         Positioned.fill(
@@ -130,10 +136,12 @@ class PinballGameLoadedView extends StatelessWidget {
             },
           ),
         ),
-        const Positioned(
+        // TODO(arturplaczek): add Visibility to GameHud based on StartGameBloc
-          top: 8,
+        // status
-          left: 8,
+        Positioned(
-          child: GameHud(),
+          top: 16,
+          left: leftMargin,
+          child: const GameHud(),
         ),
       ],
     );

lib/game/view/widgets/bonus_animation.dart

@@ -1,19 +1,23 @@
-// ignore_for_file: public_member_api_docs
-
 import 'package:flame/flame.dart';
 import 'package:flame/sprite.dart';
-import 'package:flame/widgets.dart';
 import 'package:flutter/material.dart' hide Image;
 import 'package:pinball/gen/assets.gen.dart';
+import 'package:pinball_flame/pinball_flame.dart';
 
-class BonusAnimation extends StatelessWidget {
+/// {@template bonus_animation}
+/// [Widget] that displays bonus animations.
+/// {@endtemplate}
+class BonusAnimation extends StatefulWidget {
+  /// {@macro bonus_animation}
   const BonusAnimation._(
-    this.imagePath, {
+    String imagePath, {
     VoidCallback? onCompleted,
     Key? key,
-  })  : _onCompleted = onCompleted,
+  })  : _imagePath = imagePath,
+        _onCompleted = onCompleted,
         super(key: key);
 
+  /// [Widget] that displays the dash nest animation.
   BonusAnimation.dashNest({
     Key? key,
     VoidCallback? onCompleted,
@@ -23,6 +27,7 @@ class BonusAnimation extends StatelessWidget {
           key: key,
         );
 
+  /// [Widget] that displays the sparky turbo charge animation.
   BonusAnimation.sparkyTurboCharge({
     Key? key,
     VoidCallback? onCompleted,
@@ -32,56 +37,94 @@ class BonusAnimation extends StatelessWidget {
           key: key,
         );
 
-  BonusAnimation.dino({
+  /// [Widget] that displays the dino chomp animation.
+  BonusAnimation.dinoChomp({
     Key? key,
     VoidCallback? onCompleted,
   }) : this._(
-          Assets.images.bonusAnimation.dino.keyName,
+          Assets.images.bonusAnimation.dinoChomp.keyName,
           onCompleted: onCompleted,
           key: key,
         );
 
-  BonusAnimation.android({
+  /// [Widget] that displays the android spaceship animation.
+  BonusAnimation.androidSpaceship({
     Key? key,
     VoidCallback? onCompleted,
   }) : this._(
-          Assets.images.bonusAnimation.android.keyName,
+          Assets.images.bonusAnimation.androidSpaceship.keyName,
           onCompleted: onCompleted,
           key: key,
         );
 
-  BonusAnimation.google({
+  /// [Widget] that displays the google word animation.
+  BonusAnimation.googleWord({
     Key? key,
     VoidCallback? onCompleted,
   }) : this._(
-          Assets.images.bonusAnimation.google.keyName,
+          Assets.images.bonusAnimation.googleWord.keyName,
           onCompleted: onCompleted,
           key: key,
         );
 
-  final String imagePath;
+  final String _imagePath;
 
   final VoidCallback? _onCompleted;
 
-  static Future<void> loadAssets() {
+  /// Returns a list of assets to be loaded for animations.
+  static List<Future> loadAssets() {
     Flame.images.prefix = '';
-    return Flame.images.loadAll([
+    return [
-      Assets.images.bonusAnimation.dashNest.keyName,
+      Flame.images.load(Assets.images.bonusAnimation.dashNest.keyName),
-      Assets.images.bonusAnimation.sparkyTurboCharge.keyName,
+      Flame.images.load(Assets.images.bonusAnimation.sparkyTurboCharge.keyName),
-      Assets.images.bonusAnimation.dino.keyName,
+      Flame.images.load(Assets.images.bonusAnimation.dinoChomp.keyName),
-      Assets.images.bonusAnimation.android.keyName,
+      Flame.images.load(Assets.images.bonusAnimation.androidSpaceship.keyName),
-      Assets.images.bonusAnimation.google.keyName,
+      Flame.images.load(Assets.images.bonusAnimation.googleWord.keyName),
-    ]);
+    ];
+  }
+
+  @override
+  State<BonusAnimation> createState() => _BonusAnimationState();
+}
+
+class _BonusAnimationState extends State<BonusAnimation>
+    with TickerProviderStateMixin {
+  late SpriteAnimationController controller;
+  late SpriteAnimation animation;
+  bool shouldRunBuildCallback = true;
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  // When the animation is overwritten by another animation, we need to stop
+  // the callback in the build method as it will break the new animation.
+  // Otherwise we need to set up a new callback when a new animation starts to
+  // show the score view at the end of the animation.
+  @override
+  void didUpdateWidget(BonusAnimation oldWidget) {
+    shouldRunBuildCallback = oldWidget._imagePath == widget._imagePath;
+
+    Future<void>.delayed(
+      Duration(seconds: animation.totalDuration().ceil()),
+      () {
+        widget._onCompleted?.call();
+      },
+    );
+
+    super.didUpdateWidget(oldWidget);
   }
 
   @override
   Widget build(BuildContext context) {
     final spriteSheet = SpriteSheet.fromColumnsAndRows(
-      image: Flame.images.fromCache(imagePath),
+      image: Flame.images.fromCache(widget._imagePath),
       columns: 8,
       rows: 9,
     );
-    final animation = spriteSheet.createAnimation(
+    animation = spriteSheet.createAnimation(
       row: 0,
       stepTime: 1 / 24,
       to: spriteSheet.rows * spriteSheet.columns,
@@ -91,15 +134,22 @@ class BonusAnimation extends StatelessWidget {
     Future<void>.delayed(
       Duration(seconds: animation.totalDuration().ceil()),
       () {
-        _onCompleted?.call();
+        if (shouldRunBuildCallback) {
+          widget._onCompleted?.call();
+        }
       },
     );
 
+    controller = SpriteAnimationController(
+      animation: animation,
+      vsync: this,
+    )..forward();
+
     return SizedBox(
       width: double.infinity,
       height: double.infinity,
       child: SpriteAnimationWidget(
-        animation: animation,
+        controller: controller,
       ),
     );
   }

lib/game/view/widgets/game_hud.dart

@@ -1,46 +1,122 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:pinball/game/game.dart';
+import 'package:pinball/gen/gen.dart';
+import 'package:pinball/theme/app_colors.dart';
 
 /// {@template game_hud}
-/// Overlay of a [PinballGame] that displays the current [GameState.score] and
+/// Overlay on the [PinballGame].
-/// [GameState.balls].
+///
+/// Displays the current [GameState.score], [GameState.balls] and animates when
+/// the player gets a [GameBonus].
 /// {@endtemplate}
-class GameHud extends StatelessWidget {
+class GameHud extends StatefulWidget {
   /// {@macro game_hud}
   const GameHud({Key? key}) : super(key: key);
 
+  @override
+  State<GameHud> createState() => _GameHudState();
+}
+
+class _GameHudState extends State<GameHud> {
+  bool showAnimation = false;
+
+  /// Ratio from sprite frame (width 500, height 144) w / h = ratio
+  static const _ratio = 3.47;
+  static const _width = 265.0;
+
   @override
   Widget build(BuildContext context) {
-    final state = context.watch<GameBloc>().state;
+    final isGameOver = context.select((GameBloc bloc) => bloc.state.isGameOver);
-
+
-    return Container(
+    return _ScoreViewDecoration(
-      color: Colors.redAccent,
+      child: SizedBox(
-      width: 200,
+        height: _width / _ratio,
-      height: 100,
+        width: _width,
-      padding: const EdgeInsets.all(16),
+        child: BlocListener<GameBloc, GameState>(
-      child: Row(
+          listenWhen: (previous, current) =>
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              previous.bonusHistory.length != current.bonusHistory.length,
-        children: [
+          listener: (_, __) => setState(() => showAnimation = true),
-          Text(
+          child: AnimatedSwitcher(
-            '${state.score}',
+            duration: kThemeAnimationDuration,
-            style: Theme.of(context).textTheme.headline3,
+            child: showAnimation && !isGameOver
+                ? _AnimationView(
+                    onComplete: () {
+                      if (mounted) {
+                        setState(() => showAnimation = false);
+                      }
+                    },
+                  )
+                : const ScoreView(),
           ),
-          Wrap(
+        ),
-            direction: Axis.vertical,
+      ),
-            children: [
+    );
-              for (var i = 0; i < state.balls; i++)
+  }
-                const Padding(
+}
-                  padding: EdgeInsets.only(top: 6, right: 6),
+
-                  child: CircleAvatar(
+class _ScoreViewDecoration extends StatelessWidget {
-                    radius: 8,
+  const _ScoreViewDecoration({
-                    backgroundColor: Colors.black,
+    Key? key,
-                  ),
+    required this.child,
-                ),
+  }) : super(key: key);
-            ],
+
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    const radius = BorderRadius.all(Radius.circular(12));
+    const boardWidth = 5.0;
+
+    return DecoratedBox(
+      decoration: BoxDecoration(
+        borderRadius: radius,
+        border: Border.all(
+          color: AppColors.white,
+          width: boardWidth,
+        ),
+        image: DecorationImage(
+          fit: BoxFit.cover,
+          image: AssetImage(
+            Assets.images.score.miniScoreBackground.path,
           ),
-        ],
+        ),
       ),
+      child: Padding(
+        padding: const EdgeInsets.all(boardWidth - 1),
+        child: ClipRRect(
+          borderRadius: radius,
+          child: child,
+        ),
+      ),
+    );
+  }
+}
+
+class _AnimationView extends StatelessWidget {
+  const _AnimationView({
+    Key? key,
+    required this.onComplete,
+  }) : super(key: key);
+
+  final VoidCallback onComplete;
+
+  @override
+  Widget build(BuildContext context) {
+    final lastBonus = context.select(
+      (GameBloc bloc) => bloc.state.bonusHistory.last,
     );
+    switch (lastBonus) {
+      case GameBonus.dashNest:
+        return BonusAnimation.dashNest(onCompleted: onComplete);
+      case GameBonus.sparkyTurboCharge:
+        return BonusAnimation.sparkyTurboCharge(onCompleted: onComplete);
+      case GameBonus.dinoChomp:
+        return BonusAnimation.dinoChomp(onCompleted: onComplete);
+      case GameBonus.googleWord:
+        return BonusAnimation.googleWord(onCompleted: onComplete);
+      case GameBonus.androidSpaceship:
+        return BonusAnimation.androidSpaceship(onCompleted: onComplete);
+    }
   }
 }

lib/game/view/widgets/play_button_overlay.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:pinball/game/pinball_game.dart';
 import 'package:pinball/l10n/l10n.dart';
-import 'package:pinball/theme/theme.dart';
+import 'package:pinball/select_character/select_character.dart';
 
 /// {@template play_button_overlay}
 /// [Widget] that renders the button responsible to starting the game

lib/game/view/widgets/round_count_display.dart

@@ -0,0 +1,70 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pinball/game/game.dart';
+import 'package:pinball/l10n/l10n.dart';
+import 'package:pinball/theme/theme.dart';
+
+/// {@template round_count_display}
+/// Colored square indicating if a round is available.
+/// {@endtemplate}
+class RoundCountDisplay extends StatelessWidget {
+  /// {@macro round_count_display}
+  const RoundCountDisplay({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = context.l10n;
+    // TODO(arturplaczek): refactor when GameState handle balls and rounds and
+    // select state.rounds property instead of state.ball
+    final balls = context.select((GameBloc bloc) => bloc.state.balls);
+
+    return Row(
+      children: [
+        Text(
+          l10n.rounds,
+          style: AppTextStyle.subtitle1.copyWith(
+            color: AppColors.orange,
+          ),
+        ),
+        const SizedBox(width: 8),
+        Row(
+          children: [
+            RoundIndicator(isActive: balls >= 1),
+            RoundIndicator(isActive: balls >= 2),
+            RoundIndicator(isActive: balls >= 3),
+          ],
+        ),
+      ],
+    );
+  }
+}
+
+/// {@template round_indicator}
+/// [Widget] that displays the round indicator.
+/// {@endtemplate}
+@visibleForTesting
+class RoundIndicator extends StatelessWidget {
+  /// {@macro round_indicator}
+  const RoundIndicator({
+    Key? key,
+    required this.isActive,
+  }) : super(key: key);
+
+  /// A value that describes whether the indicator is active.
+  final bool isActive;
+
+  @override
+  Widget build(BuildContext context) {
+    final color = isActive ? AppColors.orange : AppColors.orange.withAlpha(128);
+    const size = 8.0;
+
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 8),
+      child: Container(
+        color: color,
+        height: size,
+        width: size,
+      ),
+    );
+  }
+}

lib/game/view/widgets/score_view.dart

@@ -0,0 +1,86 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pinball/game/game.dart';
+import 'package:pinball/l10n/l10n.dart';
+import 'package:pinball/theme/theme.dart';
+import 'package:pinball_components/pinball_components.dart';
+
+/// {@template score_view}
+/// [Widget] that displays the score.
+/// {@endtemplate}
+class ScoreView extends StatelessWidget {
+  /// {@macro score_view}
+  const ScoreView({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final isGameOver = context.select((GameBloc bloc) => bloc.state.isGameOver);
+
+    return Padding(
+      padding: const EdgeInsets.symmetric(
+        horizontal: 16,
+        vertical: 8,
+      ),
+      child: AnimatedSwitcher(
+        duration: kThemeAnimationDuration,
+        child: isGameOver ? const _GameOver() : const _ScoreDisplay(),
+      ),
+    );
+  }
+}
+
+class _GameOver extends StatelessWidget {
+  const _GameOver({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = context.l10n;
+
+    return Text(
+      l10n.gameOver,
+      style: AppTextStyle.headline1.copyWith(
+        color: AppColors.white,
+      ),
+    );
+  }
+}
+
+class _ScoreDisplay extends StatelessWidget {
+  const _ScoreDisplay({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = context.l10n;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+      children: [
+        Text(
+          l10n.score.toLowerCase(),
+          style: AppTextStyle.subtitle1.copyWith(
+            color: AppColors.orange,
+          ),
+        ),
+        const _ScoreText(),
+        const RoundCountDisplay(),
+      ],
+    );
+  }
+}
+
+class _ScoreText extends StatelessWidget {
+  const _ScoreText({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final score = context.select((GameBloc bloc) => bloc.state.score);
+
+    return Text(
+      score.formatScore(),
+      style: AppTextStyle.headline1.copyWith(
+        color: AppColors.white,
+      ),
+    );
+  }
+}

lib/game/view/widgets/widgets.dart

@@ -1,3 +1,5 @@
 export 'bonus_animation.dart';
 export 'game_hud.dart';
 export 'play_button_overlay.dart';
+export 'round_count_display.dart';
+export 'score_view.dart';

lib/gen/assets.gen.dart

@@ -14,26 +14,27 @@ class $AssetsImagesGen {
       const $AssetsImagesBonusAnimationGen();
   $AssetsImagesComponentsGen get components =>
       const $AssetsImagesComponentsGen();
+  $AssetsImagesScoreGen get score => const $AssetsImagesScoreGen();
 }
 
 class $AssetsImagesBonusAnimationGen {
   const $AssetsImagesBonusAnimationGen();
 
-  /// File path: assets/images/bonus_animation/android.png
+  /// File path: assets/images/bonus_animation/android_spaceship.png
-  AssetGenImage get android =>
+  AssetGenImage get androidSpaceship => const AssetGenImage(
-      const AssetGenImage('assets/images/bonus_animation/android.png');
+      'assets/images/bonus_animation/android_spaceship.png');
 
   /// File path: assets/images/bonus_animation/dash_nest.png
   AssetGenImage get dashNest =>
       const AssetGenImage('assets/images/bonus_animation/dash_nest.png');
 
-  /// File path: assets/images/bonus_animation/dino.png
+  /// File path: assets/images/bonus_animation/dino_chomp.png
-  AssetGenImage get dino =>
+  AssetGenImage get dinoChomp =>
-      const AssetGenImage('assets/images/bonus_animation/dino.png');
+      const AssetGenImage('assets/images/bonus_animation/dino_chomp.png');
 
-  /// File path: assets/images/bonus_animation/google.png
+  /// File path: assets/images/bonus_animation/google_word.png
-  AssetGenImage get google =>
+  AssetGenImage get googleWord =>
-      const AssetGenImage('assets/images/bonus_animation/google.png');
+      const AssetGenImage('assets/images/bonus_animation/google_word.png');
 
   /// File path: assets/images/bonus_animation/sparky_turbo_charge.png
   AssetGenImage get sparkyTurboCharge => const AssetGenImage(
@@ -48,6 +49,14 @@ class $AssetsImagesComponentsGen {
       const AssetGenImage('assets/images/components/background.png');
 }
 
+class $AssetsImagesScoreGen {
+  const $AssetsImagesScoreGen();
+
+  /// File path: assets/images/score/mini_score_background.png
+  AssetGenImage get miniScoreBackground =>
+      const AssetGenImage('assets/images/score/mini_score_background.png');
+}
+
 class Assets {
   Assets._();
 

lib/l10n/arb/app_en.arb

@@ -75,5 +75,9 @@
   "enterInitials": "Enter your initials",
   "@enterInitials": {
     "description": "Text displayed on the ending dialog when game finishes to ask the user for his initials"
+  },
+  "rounds": "Ball Ct:",
+  "@rounds": {
+    "description": "Text displayed on the scoreboard widget to indicate rounds left"
   }
 }

lib/leaderboard/view/leaderboard_page.dart

@@ -5,7 +5,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:leaderboard_repository/leaderboard_repository.dart';
 import 'package:pinball/l10n/l10n.dart';
 import 'package:pinball/leaderboard/leaderboard.dart';
-import 'package:pinball/theme/theme.dart';
+import 'package:pinball/select_character/select_character.dart';
 import 'package:pinball_theme/pinball_theme.dart';
 
 class LeaderboardPage extends StatelessWidget {

lib/select_character/cubit/character_theme_cubit.dart

@@ -5,12 +5,12 @@ import 'package:bloc/bloc.dart';
 import 'package:equatable/equatable.dart';
 import 'package:pinball_theme/pinball_theme.dart';
 
-part 'theme_state.dart';
+part 'character_theme_state.dart';
 
-class ThemeCubit extends Cubit<ThemeState> {
+class CharacterThemeCubit extends Cubit<CharacterThemeState> {
-  ThemeCubit() : super(const ThemeState.initial());
+  CharacterThemeCubit() : super(const CharacterThemeState.initial());
 
   void characterSelected(CharacterTheme characterTheme) {
-    emit(ThemeState(PinballTheme(characterTheme: characterTheme)));
+    emit(CharacterThemeState(characterTheme));
   }
 }

lib/select_character/cubit/character_theme_state.dart

@@ -0,0 +1,15 @@
+// ignore_for_file: public_member_api_docs
+// TODO(allisonryan0002): Document this section when the API is stable.
+
+part of 'character_theme_cubit.dart';
+
+class CharacterThemeState extends Equatable {
+  const CharacterThemeState(this.characterTheme);
+
+  const CharacterThemeState.initial() : characterTheme = const DashTheme();
+
+  final CharacterTheme characterTheme;
+
+  @override
+  List<Object> get props => [characterTheme];
+}

lib/select_character/select_character.dart

@@ -0,0 +1,2 @@
+export 'cubit/character_theme_cubit.dart';
+export 'view/view.dart';

lib/select_character/view/character_selection_page.dart

@@ -3,8 +3,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:pinball/l10n/l10n.dart';
+import 'package:pinball/select_character/select_character.dart';
 import 'package:pinball/start_game/start_game.dart';
-import 'package:pinball/theme/theme.dart';
 import 'package:pinball_theme/pinball_theme.dart';
 
 class CharacterSelectionDialog extends StatelessWidget {
@@ -19,7 +19,7 @@ class CharacterSelectionDialog extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return BlocProvider(
-      create: (_) => ThemeCubit(),
+      create: (_) => CharacterThemeCubit(),
       child: const CharacterSelectionView(),
     );
   }
@@ -109,12 +109,14 @@ class CharacterImageButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final currentCharacterTheme = context.select<ThemeCubit, CharacterTheme>(
+    final currentCharacterTheme =
-      (cubit) => cubit.state.theme.characterTheme,
+        context.select<CharacterThemeCubit, CharacterTheme>(
+      (cubit) => cubit.state.characterTheme,
     );
 
     return GestureDetector(
-      onTap: () => context.read<ThemeCubit>().characterSelected(characterTheme),
+      onTap: () =>
+          context.read<CharacterThemeCubit>().characterSelected(characterTheme),
       child: DecoratedBox(
         decoration: BoxDecoration(
           color: (currentCharacterTheme == characterTheme)

lib/theme/app_text_style.dart

@@ -5,7 +5,7 @@ import 'package:pinball/theme/theme.dart';
 import 'package:pinball_components/pinball_components.dart';
 
 const _fontPackage = 'pinball_components';
-const _primaryFontFamily = PinballFonts.pixeloidSans;
+const _primaryFontFamily = FontFamily.pixeloidSans;
 
 abstract class AppTextStyle {
   static const headline1 = TextStyle(

lib/theme/cubit/theme_state.dart

@@ -1,16 +0,0 @@
-// ignore_for_file: public_member_api_docs
-// TODO(allisonryan0002): Document this section when the API is stable.
-
-part of 'theme_cubit.dart';
-
-class ThemeState extends Equatable {
-  const ThemeState(this.theme);
-
-  const ThemeState.initial()
-      : theme = const PinballTheme(characterTheme: DashTheme());
-
-  final PinballTheme theme;
-
-  @override
-  List<Object> get props => [theme];
-}

lib/theme/theme.dart

@@ -1,4 +1,2 @@
 export 'app_colors.dart';
 export 'app_text_style.dart';
-export 'cubit/theme_cubit.dart';
-export 'view/view.dart';

packages/pinball_components/lib/gen/gen.dart

@@ -1,2 +1,3 @@
 export 'assets.gen.dart';
+export 'fonts.gen.dart';
 export 'pinball_fonts.dart';

packages/pinball_components/lib/src/components/alien_bumper/alien_bumper.dart

@@ -4,6 +4,10 @@ import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_components/src/components/alien_bumper/behaviors/behaviors.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+export 'cubit/alien_bumper_cubit.dart';
 
 /// {@template alien_bumper}
 /// Bumper for area under the [Spaceship].
@@ -15,41 +19,75 @@ class AlienBumper extends BodyComponent with InitialPosition {
     required double minorRadius,
     required String onAssetPath,
     required String offAssetPath,
+    Iterable<Component>? children,
+    required this.bloc,
   })  : _majorRadius = majorRadius,
         _minorRadius = minorRadius,
         super(
           priority: RenderPriority.alienBumper,
+          renderBody: false,
           children: [
+            AlienBumperBallContactBehavior(),
+            AlienBumperBlinkingBehavior(),
             _AlienBumperSpriteGroupComponent(
-              onAssetPath: onAssetPath,
               offAssetPath: offAssetPath,
+              onAssetPath: onAssetPath,
+              state: bloc.state,
             ),
+            ...?children,
           ],
-        ) {
+        );
-    renderBody = false;
-  }
 
   /// {@macro alien_bumper}
-  AlienBumper.a()
+  AlienBumper.a({
-      : this._(
+    Iterable<Component>? children,
+  }) : this._(
           majorRadius: 3.52,
           minorRadius: 2.97,
           onAssetPath: Assets.images.alienBumper.a.active.keyName,
           offAssetPath: Assets.images.alienBumper.a.inactive.keyName,
+          bloc: AlienBumperCubit(),
+          children: children,
         );
 
   /// {@macro alien_bumper}
-  AlienBumper.b()
+  AlienBumper.b({
-      : this._(
+    Iterable<Component>? children,
+  }) : this._(
           majorRadius: 3.19,
           minorRadius: 2.79,
           onAssetPath: Assets.images.alienBumper.b.active.keyName,
           offAssetPath: Assets.images.alienBumper.b.inactive.keyName,
+          bloc: AlienBumperCubit(),
+          children: children,
         );
 
+  /// Creates an [AlienBumper] without any children.
+  ///
+  /// This can be used for testing [AlienBumper]'s behaviors in isolation.
+  // TODO(alestiago): Refactor injecting bloc once the following is merged:
+  // https://github.com/flame-engine/flame/pull/1538
+  @visibleForTesting
+  AlienBumper.test({
+    required this.bloc,
+  })  : _majorRadius = 3.52,
+        _minorRadius = 2.97;
+
   final double _majorRadius;
+
   final double _minorRadius;
 
+  // TODO(alestiago): Consider refactoring once the following is merged:
+  // https://github.com/flame-engine/flame/pull/1538
+  // ignore: public_member_api_docs
+  final AlienBumperCubit bloc;
+
+  @override
+  void onRemove() {
+    bloc.close();
+    super.onRemove();
+  }
+
   @override
   Body createBody() {
     final shape = EllipseShape(
@@ -63,41 +101,25 @@ class AlienBumper extends BodyComponent with InitialPosition {
     );
     final bodyDef = BodyDef(
       position: initialPosition,
-      userData: this,
     );
 
     return world.createBody(bodyDef)..createFixture(fixtureDef);
   }
-
-  /// Animates the [AlienBumper].
-  Future<void> animate() async {
-    final spriteGroupComponent = firstChild<_AlienBumperSpriteGroupComponent>()
-      ?..current = AlienBumperSpriteState.inactive;
-    await Future<void>.delayed(const Duration(milliseconds: 50));
-    spriteGroupComponent?.current = AlienBumperSpriteState.active;
-  }
-}
-
-/// Indicates the [AlienBumper]'s current sprite state.
-@visibleForTesting
-enum AlienBumperSpriteState {
-  /// A lit up bumper.
-  active,
-
-  /// A dimmed bumper.
-  inactive,
 }
 
 class _AlienBumperSpriteGroupComponent
-    extends SpriteGroupComponent<AlienBumperSpriteState> with HasGameRef {
+    extends SpriteGroupComponent<AlienBumperState>
+    with HasGameRef, ParentIsA<AlienBumper> {
   _AlienBumperSpriteGroupComponent({
     required String onAssetPath,
     required String offAssetPath,
+    required AlienBumperState state,
   })  : _onAssetPath = onAssetPath,
         _offAssetPath = offAssetPath,
         super(
           anchor: Anchor.center,
           position: Vector2(0, -0.1),
+          current: state,
         );
 
   final String _onAssetPath;
@@ -106,16 +128,16 @@ class _AlienBumperSpriteGroupComponent
   @override
   Future<void> onLoad() async {
     await super.onLoad();
+    parent.bloc.stream.listen((state) => current = state);
 
     final sprites = {
-      AlienBumperSpriteState.active:
+      AlienBumperState.active: Sprite(
-          Sprite(gameRef.images.fromCache(_onAssetPath)),
+        gameRef.images.fromCache(_onAssetPath),
-      AlienBumperSpriteState.inactive:
+      ),
+      AlienBumperState.inactive:
           Sprite(gameRef.images.fromCache(_offAssetPath)),
     };
     this.sprites = sprites;
-
-    current = AlienBumperSpriteState.active;
     size = sprites[current]!.originalSize / 10;
   }
 }

packages/pinball_components/lib/src/components/alien_bumper/behaviors/alien_bumper_ball_contact_behavior.dart

@@ -0,0 +1,14 @@
+// ignore_for_file: public_member_api_docs
+
+import 'package:flame_forge2d/flame_forge2d.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+class AlienBumperBallContactBehavior extends ContactBehavior<AlienBumper> {
+  @override
+  void beginContact(Object other, Contact contact) {
+    super.beginContact(other, contact);
+    if (other is! Ball) return;
+    parent.bloc.onBallContacted();
+  }
+}

packages/pinball_components/lib/src/components/alien_bumper/behaviors/alien_bumper_blinking_behavior.dart

@@ -0,0 +1,39 @@
+import 'package:flame/components.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+/// {@template alien_bumper_blinking_behavior}
+/// Makes a [AlienBumper] blink back to [AlienBumperState.active] when
+/// [AlienBumperState.inactive].
+/// {@endtemplate}
+class AlienBumperBlinkingBehavior extends TimerComponent
+    with ParentIsA<AlienBumper> {
+  /// {@macro alien_bumper_blinking_behavior}
+  AlienBumperBlinkingBehavior() : super(period: 0.05);
+
+  void _onNewState(AlienBumperState state) {
+    switch (state) {
+      case AlienBumperState.active:
+        break;
+      case AlienBumperState.inactive:
+        timer
+          ..reset()
+          ..start();
+        break;
+    }
+  }
+
+  @override
+  Future<void> onLoad() async {
+    await super.onLoad();
+    timer.stop();
+    parent.bloc.stream.listen(_onNewState);
+  }
+
+  @override
+  void onTick() {
+    super.onTick();
+    timer.stop();
+    parent.bloc.onBlinked();
+  }
+}

packages/pinball_components/lib/src/components/alien_bumper/behaviors/behaviors.dart

@@ -0,0 +1,2 @@
+export 'alien_bumper_ball_contact_behavior.dart';
+export 'alien_bumper_blinking_behavior.dart';

packages/pinball_components/lib/src/components/alien_bumper/cubit/alien_bumper_cubit.dart

@@ -0,0 +1,17 @@
+// ignore_for_file: public_member_api_docs
+
+import 'package:bloc/bloc.dart';
+
+part 'alien_bumper_state.dart';
+
+class AlienBumperCubit extends Cubit<AlienBumperState> {
+  AlienBumperCubit() : super(AlienBumperState.active);
+
+  void onBallContacted() {
+    emit(AlienBumperState.inactive);
+  }
+
+  void onBlinked() {
+    emit(AlienBumperState.active);
+  }
+}

packages/pinball_components/lib/src/components/alien_bumper/cubit/alien_bumper_state.dart

@@ -0,0 +1,10 @@
+part of 'alien_bumper_cubit.dart';
+
+/// Indicates the [AlienBumperCubit]'s current state.
+enum AlienBumperState {
+  /// A lit up bumper.
+  active,
+
+  /// A dimmed bumper.
+  inactive,
+}

packages/pinball_components/lib/src/components/ball.dart

@@ -16,6 +16,7 @@ class Ball<T extends Forge2DGame> extends BodyComponent<T>
   Ball({
     required this.baseColor,
   }) : super(
+          renderBody: false,
           children: [
             _BallSpriteComponent()..tint(baseColor.withOpacity(0.5)),
           ],
@@ -26,7 +27,6 @@ class Ball<T extends Forge2DGame> extends BodyComponent<T>
     // We need to see what happens if Ball appears from other place like nest
     // bumper, it will need to explicit change layer to Layer.board then.
     layer = Layer.board;
-    renderBody = false;
   }
 
   /// The size of the [Ball].

packages/pinball_components/lib/src/components/baseboard.dart

@@ -13,10 +13,9 @@ class Baseboard extends BodyComponent with InitialPosition {
     required BoardSide side,
   })  : _side = side,
         super(
+          renderBody: false,
           children: [_BaseboardSpriteComponent(side: side)],
-        ) {
+        );
-    renderBody = false;
-  }
 
   /// Whether the [Baseboard] is on the left or right side of the board.
   final BoardSide _side;

packages/pinball_components/lib/src/components/boundaries.dart

@@ -26,11 +26,10 @@ class _BottomBoundary extends BodyComponent with InitialPosition {
   /// {@macro bottom_boundary}
   _BottomBoundary()
       : super(
+          renderBody: false,
           priority: RenderPriority.bottomBoundary,
           children: [_BottomBoundarySpriteComponent()],
-        ) {
+        );
-    renderBody = false;
-  }
 
   List<FixtureDef> _createFixtureDefs() {
     final bottomLeftCurve = BezierCurveShape(
@@ -92,13 +91,10 @@ class _OuterBoundary extends BodyComponent with InitialPosition {
   /// {@macro outer_boundary}
   _OuterBoundary()
       : super(
+          renderBody: false,
           priority: RenderPriority.outerBoundary,
-          children: [
+          children: [_OuterBoundarySpriteComponent()],
-            _OuterBoundarySpriteComponent(),
+        );
-          ],
-        ) {
-    renderBody = false;
-  }
 
   List<FixtureDef> _createFixtureDefs() {
     final topWall = EdgeShape()

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

@@ -1,4 +1,4 @@
-export 'alien_bumper.dart';
+export 'alien_bumper/alien_bumper.dart';
 export 'backboard/backboard.dart';
 export 'ball.dart';
 export 'baseboard.dart';
@@ -8,11 +8,11 @@ export 'boundaries.dart';
 export 'camera_zoom.dart';
 export 'chrome_dino.dart';
 export 'dash_animatronic.dart';
-export 'dash_nest_bumper.dart';
+export 'dash_nest_bumper/dash_nest_bumper.dart';
 export 'dino_walls.dart';
 export 'fire_effect.dart';
 export 'flipper.dart';
-export 'google_letter.dart';
+export 'google_letter/google_letter.dart';
 export 'initial_position.dart';
 export 'joint_anchor.dart';
 export 'kicker.dart';
@@ -30,5 +30,5 @@ export 'spaceship.dart';
 export 'spaceship_rail.dart';
 export 'spaceship_ramp.dart';
 export 'sparky_animatronic.dart';
-export 'sparky_bumper.dart';
+export 'sparky_bumper/sparky_bumper.dart';
 export 'sparky_computer.dart';

packages/pinball_components/lib/src/components/dash_animatronic.dart

@@ -10,7 +10,6 @@ class DashAnimatronic extends SpriteAnimationComponent with HasGameRef {
       : super(
           anchor: Anchor.center,
           playing: false,
-          priority: RenderPriority.dashAnimatronic,
         );
 
   @override

packages/pinball_components/lib/src/components/dash_nest_bumper/behaviors/behaviors.dart

@@ -0,0 +1 @@
+export 'dash_nest_bumper_contact_behavior.dart';

packages/pinball_components/lib/src/components/dash_nest_bumper/behaviors/dash_nest_bumper_contact_behavior.dart

@@ -0,0 +1,15 @@
+// ignore_for_file: public_member_api_docs
+
+import 'package:flame_forge2d/flame_forge2d.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+class DashNestBumperBallContactBehavior
+    extends ContactBehavior<DashNestBumper> {
+  @override
+  void beginContact(Object other, Contact contact) {
+    super.beginContact(other, contact);
+    if (other is! Ball) return;
+    parent.bloc.onBallContacted();
+  }
+}

packages/pinball_components/lib/src/components/dash_nest_bumper/cubit/dash_nest_bumper_cubit.dart

@@ -0,0 +1,19 @@
+// ignore_for_file: public_member_api_docs
+
+import 'package:bloc/bloc.dart';
+
+part 'dash_nest_bumper_state.dart';
+
+class DashNestBumperCubit extends Cubit<DashNestBumperState> {
+  DashNestBumperCubit() : super(DashNestBumperState.inactive);
+
+  /// Event added when the bumper contacts with a ball.
+  void onBallContacted() {
+    emit(DashNestBumperState.active);
+  }
+
+  /// Event added when the bumper should return to its initial configuration.
+  void onReset() {
+    emit(DashNestBumperState.inactive);
+  }
+}

packages/pinball_components/lib/src/components/dash_nest_bumper/cubit/dash_nest_bumper_state.dart

@@ -0,0 +1,10 @@
+part of 'dash_nest_bumper_cubit.dart';
+
+/// Indicates the [DashNestBumperCubit]'s current state.
+enum DashNestBumperState {
+  /// A lit up bumper.
+  active,
+
+  /// A dimmed bumper.
+  inactive,
+}

packages/pinball_components/lib/src/components/dash_nest_bumper/dash_nest_bumper.dart

@@ -4,6 +4,10 @@ import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_components/src/components/dash_nest_bumper/behaviors/behaviors.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+export 'cubit/dash_nest_bumper_cubit.dart';
 
 /// {@template dash_nest_bumper}
 /// Bumper with a nest appearance.
@@ -16,54 +20,87 @@ class DashNestBumper extends BodyComponent with InitialPosition {
     required String activeAssetPath,
     required String inactiveAssetPath,
     required Vector2 spritePosition,
+    Iterable<Component>? children,
+    required this.bloc,
   })  : _majorRadius = majorRadius,
         _minorRadius = minorRadius,
         super(
-          priority: RenderPriority.dashBumper,
+          renderBody: false,
           children: [
             _DashNestBumperSpriteGroupComponent(
               activeAssetPath: activeAssetPath,
               inactiveAssetPath: inactiveAssetPath,
               position: spritePosition,
+              current: bloc.state,
             ),
+            DashNestBumperBallContactBehavior(),
+            ...?children,
           ],
-        ) {
+        );
-    renderBody = false;
-  }
 
   /// {@macro dash_nest_bumper}
-  DashNestBumper.main()
+  DashNestBumper.main({
-      : this._(
+    Iterable<Component>? children,
+  }) : this._(
           majorRadius: 5.1,
           minorRadius: 3.75,
           activeAssetPath: Assets.images.dash.bumper.main.active.keyName,
           inactiveAssetPath: Assets.images.dash.bumper.main.inactive.keyName,
           spritePosition: Vector2(0, -0.3),
+          children: children,
+          bloc: DashNestBumperCubit(),
         );
 
   /// {@macro dash_nest_bumper}
-  DashNestBumper.a()
+  DashNestBumper.a({
-      : this._(
+    Iterable<Component>? children,
+  }) : this._(
           majorRadius: 3,
           minorRadius: 2.5,
           activeAssetPath: Assets.images.dash.bumper.a.active.keyName,
           inactiveAssetPath: Assets.images.dash.bumper.a.inactive.keyName,
           spritePosition: Vector2(0.35, -1.2),
+          children: children,
+          bloc: DashNestBumperCubit(),
         );
 
   /// {@macro dash_nest_bumper}
-  DashNestBumper.b()
+  DashNestBumper.b({
-      : this._(
+    Iterable<Component>? children,
+  }) : this._(
           majorRadius: 3,
           minorRadius: 2.5,
           activeAssetPath: Assets.images.dash.bumper.b.active.keyName,
           inactiveAssetPath: Assets.images.dash.bumper.b.inactive.keyName,
           spritePosition: Vector2(0.35, -1.2),
+          children: children,
+          bloc: DashNestBumperCubit(),
         );
 
+  /// Creates an [DashNestBumper] without any children.
+  ///
+  /// This can be used for testing [DashNestBumper]'s behaviors in isolation.
+  // TODO(alestiago): Refactor injecting bloc once the following is merged:
+  // https://github.com/flame-engine/flame/pull/1538
+  @visibleForTesting
+  DashNestBumper.test({required this.bloc})
+      : _majorRadius = 3,
+        _minorRadius = 2.5;
+
   final double _majorRadius;
   final double _minorRadius;
 
+  // TODO(alestiago): Consider refactoring once the following is merged:
+  // https://github.com/flame-engine/flame/pull/1538
+  // ignore: public_member_api_docs
+  final DashNestBumperCubit bloc;
+
+  @override
+  void onRemove() {
+    bloc.close();
+    super.onRemove();
+  }
+
   @override
   Body createBody() {
     final shape = EllipseShape(
@@ -79,41 +116,22 @@ class DashNestBumper extends BodyComponent with InitialPosition {
 
     return world.createBody(bodyDef)..createFixture(fixtureDef);
   }
-
-  /// Activates the [DashNestBumper].
-  void activate() {
-    firstChild<_DashNestBumperSpriteGroupComponent>()?.current =
-        DashNestBumperSpriteState.active;
-  }
-
-  /// Deactivates the [DashNestBumper].
-  void deactivate() {
-    firstChild<_DashNestBumperSpriteGroupComponent>()?.current =
-        DashNestBumperSpriteState.inactive;
-  }
-}
-
-/// Indicates the [DashNestBumper]'s current sprite state.
-@visibleForTesting
-enum DashNestBumperSpriteState {
-  /// A lit up bumper.
-  active,
-
-  /// A dimmed bumper.
-  inactive,
 }
 
 class _DashNestBumperSpriteGroupComponent
-    extends SpriteGroupComponent<DashNestBumperSpriteState> with HasGameRef {
+    extends SpriteGroupComponent<DashNestBumperState>
+    with HasGameRef, ParentIsA<DashNestBumper> {
   _DashNestBumperSpriteGroupComponent({
     required String activeAssetPath,
     required String inactiveAssetPath,
     required Vector2 position,
+    required DashNestBumperState current,
   })  : _activeAssetPath = activeAssetPath,
         _inactiveAssetPath = inactiveAssetPath,
         super(
           anchor: Anchor.center,
           position: position,
+          current: current,
         );
 
   final String _activeAssetPath;
@@ -122,15 +140,15 @@ class _DashNestBumperSpriteGroupComponent
   @override
   Future<void> onLoad() async {
     await super.onLoad();
+    parent.bloc.stream.listen((state) => current = state);
+
     final sprites = {
-      DashNestBumperSpriteState.active:
+      DashNestBumperState.active:
           Sprite(gameRef.images.fromCache(_activeAssetPath)),
-      DashNestBumperSpriteState.inactive:
+      DashNestBumperState.inactive:
           Sprite(gameRef.images.fromCache(_inactiveAssetPath)),
     };
     this.sprites = sprites;
-
-    current = DashNestBumperSpriteState.inactive;
     size = sprites[current]!.originalSize / 10;
   }
 }

packages/pinball_components/lib/src/components/dino_walls.dart

@@ -29,9 +29,8 @@ class _DinoTopWall extends BodyComponent with InitialPosition {
       : super(
           priority: RenderPriority.dinoTopWall,
           children: [_DinoTopWallSpriteComponent()],
-        ) {
+          renderBody: false,
-    renderBody = false;
+        );
-  }
 
   List<FixtureDef> _createFixtureDefs() {
     final topStraightShape = EdgeShape()
@@ -128,9 +127,8 @@ class _DinoBottomWall extends BodyComponent with InitialPosition {
       : super(
           priority: RenderPriority.dinoBottomWall,
           children: [_DinoBottomWallSpriteComponent()],
-        ) {
+          renderBody: false,
-    renderBody = false;
+        );
-  }
 
   List<FixtureDef> _createFixtureDefs() {
     const restitution = 1.0;

packages/pinball_components/lib/src/components/flipper.dart

@@ -14,10 +14,9 @@ class Flipper extends BodyComponent with KeyboardHandler, InitialPosition {
   Flipper({
     required this.side,
   }) : super(
+          renderBody: false,
           children: [_FlipperSpriteComponent(side: side)],
-        ) {
+        );
-    renderBody = false;
-  }
 
   /// The size of the [Flipper].
   static final size = Vector2(13.5, 4.3);

packages/pinball_components/lib/src/components/google_letter/behaviors/behaviors.dart

@@ -0,0 +1 @@
+export 'google_letter_ball_contact_behavior.dart';

packages/pinball_components/lib/src/components/google_letter/behaviors/google_letter_ball_contact_behavior.dart

@@ -0,0 +1,14 @@
+// ignore_for_file: public_member_api_docs
+
+import 'package:flame_forge2d/flame_forge2d.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+class GoogleLetterBallContactBehavior extends ContactBehavior<GoogleLetter> {
+  @override
+  void beginContact(Object other, Contact contact) {
+    super.beginContact(other, contact);
+    if (other is! Ball) return;
+    parent.bloc.onBallContacted();
+  }
+}

packages/pinball_components/lib/src/components/google_letter/cubit/google_letter_cubit.dart

@@ -0,0 +1,17 @@
+// ignore_for_file: public_member_api_docs
+
+import 'package:bloc/bloc.dart';
+
+part 'google_letter_state.dart';
+
+class GoogleLetterCubit extends Cubit<GoogleLetterState> {
+  GoogleLetterCubit() : super(GoogleLetterState.inactive);
+
+  void onBallContacted() {
+    emit(GoogleLetterState.active);
+  }
+
+  void onReset() {
+    emit(GoogleLetterState.inactive);
+  }
+}

packages/pinball_components/lib/src/components/google_letter/cubit/google_letter_state.dart

@@ -0,0 +1,10 @@
+part of 'google_letter_cubit.dart';
+
+/// Indicates the [GoogleLetterCubit]'s current state.
+enum GoogleLetterState {
+  /// A lit up letter.
+  active,
+
+  /// A dimmed letter.
+  inactive,
+}

packages/pinball_components/lib/src/components/google_letter/google_letter.dart

@@ -1,33 +1,46 @@
 import 'package:flame/components.dart';
-import 'package:flame/effects.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_components/src/components/google_letter/behaviors/behaviors.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+export 'cubit/google_letter_cubit.dart';
 
 /// {@template google_letter}
 /// Circular sensor that represents a letter in "GOOGLE" for a given index.
 /// {@endtemplate}
 class GoogleLetter extends BodyComponent with InitialPosition {
   /// {@macro google_letter}
-  GoogleLetter(int index)
+  GoogleLetter(
-      : _sprite = _GoogleLetterSprite(
+    int index,
-          _GoogleLetterSprite.spritePaths[index],
+  )   : bloc = GoogleLetterCubit(),
+        super(
+          children: [
+            GoogleLetterBallContactBehavior(),
+            _GoogleLetterSprite(_GoogleLetterSprite.spritePaths[index])
+          ],
         );
 
-  final _GoogleLetterSprite _sprite;
+  /// Creates a [GoogleLetter] without any children.
-
+  ///
-  /// Activates this [GoogleLetter].
+  /// This can be used for testing [GoogleLetter]'s behaviors in isolation.
-  // TODO(alestiago): Improve doc comment once activate and deactivate
+  // TODO(alestiago): Refactor injecting bloc once the following is merged:
-  // are implemented with the actual assets.
+  // https://github.com/flame-engine/flame/pull/1538
-  Future<void> activate() => _sprite.activate();
+  @visibleForTesting
+  GoogleLetter.test({
+    required this.bloc,
+  });
 
-  /// Deactivates this [GoogleLetter].
+  // TODO(alestiago): Consider refactoring once the following is merged:
-  Future<void> deactivate() => _sprite.deactivate();
+  // https://github.com/flame-engine/flame/pull/1538
+  // ignore: public_member_api_docs
+  final GoogleLetterCubit bloc;
 
   @override
-  Future<void> onLoad() async {
+  void onRemove() {
-    await super.onLoad();
+    bloc.close();
-    await add(_sprite);
+    super.onRemove();
   }
 
   @override
@@ -46,8 +59,11 @@ class GoogleLetter extends BodyComponent with InitialPosition {
   }
 }
 
-class _GoogleLetterSprite extends SpriteComponent with HasGameRef {
+class _GoogleLetterSprite extends SpriteComponent
-  _GoogleLetterSprite(String path) : _path = path;
+    with HasGameRef, ParentIsA<GoogleLetter> {
+  _GoogleLetterSprite(String path)
+      : _path = path,
+        super(anchor: Anchor.center);
 
   static final spritePaths = [
     Assets.images.googleWord.letter1.keyName,
@@ -60,39 +76,16 @@ class _GoogleLetterSprite extends SpriteComponent with HasGameRef {
 
   final String _path;
 
-  // TODO(alestiago): Correctly implement activate and deactivate once the
-  // assets are provided.
-  Future<void> activate() async {
-    await add(
-      _GoogleLetterColorEffect(color: Colors.green),
-    );
-  }
-
-  Future<void> deactivate() async {
-    await add(
-      _GoogleLetterColorEffect(color: Colors.red),
-    );
-  }
-
   @override
   Future<void> onLoad() async {
     await super.onLoad();
+    // TODO(alisonryan2002): Make SpriteGroupComponent.
+    // parent.bloc.stream.listen();
 
     // TODO(alestiago): Used cached assets.
     final sprite = await gameRef.loadSprite(_path);
     this.sprite = sprite;
     // TODO(alestiago): Size correctly once the assets are provided.
     size = sprite.originalSize / 5;
-    anchor = Anchor.center;
   }
 }
-
-class _GoogleLetterColorEffect extends ColorEffect {
-  _GoogleLetterColorEffect({
-    required Color color,
-  }) : super(
-          color,
-          const Offset(0, 1),
-          EffectController(duration: 0.25),
-        );
-}

packages/pinball_components/lib/src/components/kicker.dart

@@ -19,9 +19,8 @@ class Kicker extends BodyComponent with InitialPosition {
   })  : _side = side,
         super(
           children: [_KickerSpriteComponent(side: side)],
-        ) {
+          renderBody: false,
-    renderBody = false;
+        );
-  }
 
   /// The size of the [Kicker] body.
   static final Vector2 size = Vector2(4.4, 15);

packages/pinball_components/lib/src/components/launch_ramp.dart

@@ -32,13 +32,13 @@ class _LaunchRampBase extends BodyComponent with Layered {
   _LaunchRampBase()
       : super(
           priority: RenderPriority.launchRamp,
+          renderBody: false,
           children: [
             _LaunchRampBackgroundRailingSpriteComponent(),
             _LaunchRampBaseSpriteComponent(),
           ],
         ) {
     layer = Layer.launcher;
-    renderBody = false;
   }
 
   // TODO(ruimiguel): final asset differs slightly from the current shape. We
@@ -107,13 +107,6 @@ class _LaunchRampBase extends BodyComponent with Layered {
 
     return body;
   }
-
-  @override
-  Future<void> onLoad() async {
-    await super.onLoad();
-    gameRef
-        .addContactCallback(LayerSensorBallContactCallback<_LaunchRampExit>());
-  }
 }
 
 class _LaunchRampBaseSpriteComponent extends SpriteComponent with HasGameRef {
@@ -157,9 +150,8 @@ class _LaunchRampForegroundRailing extends BodyComponent {
       : super(
           priority: RenderPriority.launchRampForegroundRailing,
           children: [_LaunchRampForegroundRailingSpriteComponent()],
-        ) {
+          renderBody: false,
-    renderBody = false;
+        );
-  }
 
   List<FixtureDef> _createFixtureDefs() {
     final fixturesDef = <FixtureDef>[];
@@ -218,9 +210,8 @@ class _LaunchRampForegroundRailingSpriteComponent extends SpriteComponent
 }
 
 class _LaunchRampCloseWall extends BodyComponent with InitialPosition, Layered {
-  _LaunchRampCloseWall() {
+  _LaunchRampCloseWall() : super(renderBody: false) {
     layer = Layer.board;
-    renderBody = false;
   }
 
   @override
@@ -252,7 +243,6 @@ class _LaunchRampExit extends LayerSensor {
           outsidePriority: RenderPriority.ballOnBoard,
         ) {
     layer = Layer.launcher;
-    renderBody = false;
   }
 
   static final Vector2 _size = Vector2(1.6, 0.1);

packages/pinball_components/lib/src/components/layer_sensor.dart

@@ -17,13 +17,11 @@ enum LayerEntranceOrientation {
 /// {@template layer_sensor}
 /// [BodyComponent] located at the entrance and exit of a [Layer].
 ///
-/// [LayerSensorBallContactCallback] detects when a [Ball] passes
-/// through this sensor.
-///
 /// By default the base [layer] is set to [Layer.board] and the
 /// [outsidePriority] is set to the lowest possible [Layer].
 /// {@endtemplate}
-abstract class LayerSensor extends BodyComponent with InitialPosition, Layered {
+abstract class LayerSensor extends BodyComponent
+    with InitialPosition, Layered, ContactCallbacks {
   /// {@macro layer_sensor}
   LayerSensor({
     required Layer insideLayer,
@@ -34,7 +32,8 @@ abstract class LayerSensor extends BodyComponent with InitialPosition, Layered {
   })  : _insideLayer = insideLayer,
         _outsideLayer = outsideLayer ?? Layer.board,
         _insidePriority = insidePriority,
-        _outsidePriority = outsidePriority ?? RenderPriority.ballOnBoard {
+        _outsidePriority = outsidePriority ?? RenderPriority.ballOnBoard,
+        super(renderBody: false) {
     layer = Layer.opening;
   }
   final Layer _insideLayer;
@@ -75,35 +74,29 @@ abstract class LayerSensor extends BodyComponent with InitialPosition, Layered {
 
     return world.createBody(bodyDef)..createFixture(fixtureDef);
   }
-}
 
-/// {@template layer_sensor_ball_contact_callback}
-/// Detects when a [Ball] enters or exits a [Layer] through a [LayerSensor].
-///
-/// Modifies [Ball]'s [Layer] and render priority depending on whether the
-/// [Ball] is on or outside of a [Layer].
-/// {@endtemplate}
-class LayerSensorBallContactCallback<LayerEntrance extends LayerSensor>
-    extends ContactCallback<Ball, LayerEntrance> {
   @override
-  void begin(Ball ball, LayerEntrance layerEntrance, Contact _) {
+  void beginContact(Object other, Contact contact) {
-    if (ball.layer != layerEntrance.insideLayer) {
+    super.beginContact(other, contact);
+    if (other is! Ball) return;
+
+    if (other.layer != insideLayer) {
       final isBallEnteringOpening =
-          (layerEntrance.orientation == LayerEntranceOrientation.down &&
+          (orientation == LayerEntranceOrientation.down &&
-                  ball.body.linearVelocity.y < 0) ||
+                  other.body.linearVelocity.y < 0) ||
-              (layerEntrance.orientation == LayerEntranceOrientation.up &&
+              (orientation == LayerEntranceOrientation.up &&
-                  ball.body.linearVelocity.y > 0);
+                  other.body.linearVelocity.y > 0);
 
       if (isBallEnteringOpening) {
-        ball
+        other
-          ..layer = layerEntrance.insideLayer
+          ..layer = insideLayer
-          ..priority = layerEntrance.insidePriority
+          ..priority = insidePriority
           ..reorderChildren();
       }
     } else {
-      ball
+      other
-        ..layer = layerEntrance.outsideLayer
+        ..layer = outsideLayer
-        ..priority = layerEntrance.outsidePriority
+        ..priority = outsidePriority
         ..reorderChildren();
     }
   }

packages/pinball_components/lib/src/components/plunger.dart

@@ -14,9 +14,11 @@ class Plunger extends BodyComponent with InitialPosition, Layered {
     required this.compressionDistance,
     // TODO(ruimiguel): set to priority +1 over LaunchRamp once all priorities
     // are fixed.
-  }) : super(priority: RenderPriority.plunger) {
+  }) : super(
+          priority: RenderPriority.plunger,
+          renderBody: false,
+        ) {
     layer = Layer.launcher;
-    renderBody = false;
   }
 
   /// Distance the plunger can lower.

packages/pinball_components/lib/src/components/render_priority.dart

@@ -69,11 +69,7 @@ abstract class RenderPriority {
 
   // Flutter Forest
 
-  static const int signpost = _above + launchRampForegroundRailing;
+  static const int flutterForest = _above + launchRampForegroundRailing;
-
-  static const int dashBumper = _above + ballOnBoard;
-
-  static const int dashAnimatronic = 2 * _above + launchRamp;
 
   // Sparky Fire Zone
 

packages/pinball_components/lib/src/components/signpost.dart

@@ -46,13 +46,15 @@ extension on SignpostSpriteState {
 /// {@endtemplate}
 class Signpost extends BodyComponent with InitialPosition {
   /// {@macro signpost}
-  Signpost()
+  Signpost({
-      : super(
+    Iterable<Component>? children,
-          priority: RenderPriority.signpost,
+  }) : super(
-          children: [_SignpostSpriteComponent()],
+          renderBody: false,
-        ) {
+          children: [
-    renderBody = false;
+            _SignpostSpriteComponent(),
-  }
+            ...?children,
+          ],
+        );
 
   /// Forwards the sprite to the next [SignpostSpriteState].
   ///

packages/pinball_components/lib/src/components/slingshot.dart

@@ -40,9 +40,8 @@ class Slingshot extends BodyComponent with InitialPosition {
         super(
           priority: RenderPriority.slingshot,
           children: [_SlinghsotSpriteComponent(spritePath, angle: angle)],
-        ) {
+          renderBody: false,
-    renderBody = false;
+        );
-  }
 
   final double _length;
 

packages/pinball_components/lib/src/components/spaceship.dart

@@ -42,25 +42,12 @@ class SpaceshipSaucer extends BodyComponent with InitialPosition, Layered {
   SpaceshipSaucer()
       : super(
           priority: RenderPriority.spaceshipSaucer,
+          renderBody: false,
           children: [
             _SpaceshipSaucerSpriteComponent(),
           ],
         ) {
     layer = Layer.spaceship;
-    renderBody = false;
-  }
-
-  @override
-  Future<void> onLoad() async {
-    await super.onLoad();
-
-    gameRef
-      ..addContactCallback(
-        LayerSensorBallContactCallback<_SpaceshipEntrance>(),
-      )
-      ..addContactCallback(
-        LayerSensorBallContactCallback<_SpaceshipHole>(),
-      );
   }
 
   @override
@@ -108,8 +95,8 @@ class AndroidHead extends BodyComponent with InitialPosition, Layered {
       : super(
           priority: RenderPriority.androidHead,
           children: [_AndroidHeadSpriteAnimation()],
+          renderBody: false,
         ) {
-    renderBody = false;
     layer = Layer.spaceship;
   }
 
@@ -164,7 +151,6 @@ class _SpaceshipEntrance extends LayerSensor {
 
   @override
   Shape get shape {
-    renderBody = false;
     final radius = Spaceship.size.y / 2;
     return PolygonShape()
       ..setAsEdge(
@@ -189,7 +175,6 @@ class _SpaceshipHole extends LayerSensor {
           insidePriority: RenderPriority.ballOnSpaceship,
           outsidePriority: outsidePriority,
         ) {
-    renderBody = false;
     layer = Layer.spaceship;
   }
 
@@ -237,14 +222,16 @@ class _SpaceshipWallShape extends ChainShape {
 /// {@endtemplate}
 class SpaceshipWall extends BodyComponent with InitialPosition, Layered {
   /// {@macro spaceship_wall}
-  SpaceshipWall() : super(priority: RenderPriority.spaceshipSaucerWall) {
+  SpaceshipWall()
+      : super(
+          priority: RenderPriority.spaceshipSaucerWall,
+          renderBody: false,
+        ) {
     layer = Layer.spaceship;
   }
 
   @override
   Body createBody() {
-    renderBody = false;
-
     final shape = _SpaceshipWallShape();
     final fixtureDef = FixtureDef(shape);
 

packages/pinball_components/lib/src/components/spaceship_rail.dart

@@ -29,10 +29,10 @@ class _SpaceshipRailRamp extends BodyComponent with Layered {
   _SpaceshipRailRamp()
       : super(
           priority: RenderPriority.spaceshipRail,
+          renderBody: false,
           children: [_SpaceshipRailRampSpriteComponent()],
         ) {
     layer = Layer.spaceshipExitRail;
-    renderBody = false;
   }
 
   List<FixtureDef> _createFixtureDefs() {
@@ -114,14 +114,6 @@ class _SpaceshipRailRamp extends BodyComponent with Layered {
     _createFixtureDefs().forEach(body.createFixture);
     return body;
   }
-
-  @override
-  Future<void> onLoad() async {
-    await super.onLoad();
-    gameRef.addContactCallback(
-      LayerSensorBallContactCallback<_SpaceshipRailExit>(),
-    );
-  }
 }
 
 class _SpaceshipRailRampSpriteComponent extends SpriteComponent
@@ -160,9 +152,7 @@ class _SpaceshipRailForeground extends SpriteComponent with HasGameRef {
 
 /// Represents the ground bases of the [_SpaceshipRailRamp].
 class _SpaceshipRailBase extends BodyComponent with InitialPosition {
-  _SpaceshipRailBase({required this.radius}) {
+  _SpaceshipRailBase({required this.radius}) : super(renderBody: false);
-    renderBody = false;
-  }
 
   final double radius;
 
@@ -185,7 +175,6 @@ class _SpaceshipRailExit extends LayerSensor {
           insideLayer: Layer.spaceshipExitRail,
           insidePriority: RenderPriority.ballOnSpaceshipRail,
         ) {
-    renderBody = false;
     layer = Layer.spaceshipExitRail;
   }
 

packages/pinball_components/lib/src/components/spaceship_ramp.dart

@@ -98,12 +98,12 @@ class _SpaceshipRampBackground extends BodyComponent
   _SpaceshipRampBackground()
       : super(
           priority: RenderPriority.spaceshipRamp,
+          renderBody: false,
           children: [
             _SpaceshipRampBackgroundRampSpriteComponent(),
           ],
         ) {
     layer = Layer.spaceshipEntranceRamp;
-    renderBody = false;
   }
 
   /// Width between walls of the ramp.
@@ -145,14 +145,6 @@ class _SpaceshipRampBackground extends BodyComponent
 
     return body;
   }
-
-  @override
-  Future<void> onLoad() async {
-    await super.onLoad();
-    gameRef.addContactCallback(
-      LayerSensorBallContactCallback<_SpaceshipRampOpening>(),
-    );
-  }
 }
 
 class _SpaceshipRampBackgroundRailingSpriteComponent extends SpriteComponent
@@ -255,10 +247,10 @@ class _SpaceshipRampForegroundRailing extends BodyComponent
   _SpaceshipRampForegroundRailing()
       : super(
           priority: RenderPriority.spaceshipRampForegroundRailing,
+          renderBody: false,
           children: [_SpaceshipRampForegroundRailingSpriteComponent()],
         ) {
     layer = Layer.spaceshipEntranceRamp;
-    renderBody = false;
   }
 
   List<FixtureDef> _createFixtureDefs() {
@@ -321,8 +313,7 @@ class _SpaceshipRampForegroundRailingSpriteComponent extends SpriteComponent
 }
 
 class _SpaceshipRampBase extends BodyComponent with InitialPosition, Layered {
-  _SpaceshipRampBase() {
+  _SpaceshipRampBase() : super(renderBody: false) {
-    renderBody = false;
     layer = Layer.board;
   }
 
@@ -363,9 +354,7 @@ class _SpaceshipRampOpening extends LayerSensor {
           orientation: LayerEntranceOrientation.down,
           insidePriority: RenderPriority.ballOnSpaceshipRamp,
           outsidePriority: outsidePriority,
-        ) {
+        );
-    renderBody = false;
-  }
 
   final double _rotation;
 

packages/pinball_components/lib/src/components/sparky_bumper/behaviors/behaviors.dart

@@ -0,0 +1,2 @@
+export 'sparky_bumper_ball_contact_behavior.dart';
+export 'sparky_bumper_blinking_behavior.dart';

packages/pinball_components/lib/src/components/sparky_bumper/behaviors/sparky_bumper_ball_contact_behavior.dart

@@ -0,0 +1,14 @@
+// ignore_for_file: public_member_api_docs
+
+import 'package:flame_forge2d/flame_forge2d.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+class SparkyBumperBallContactBehavior extends ContactBehavior<SparkyBumper> {
+  @override
+  void beginContact(Object other, Contact contact) {
+    super.beginContact(other, contact);
+    if (other is! Ball) return;
+    parent.bloc.onBallContacted();
+  }
+}

packages/pinball_components/lib/src/components/sparky_bumper/behaviors/sparky_bumper_blinking_behavior.dart

@@ -0,0 +1,39 @@
+import 'package:flame/components.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+/// {@template sparky_bumper_blinking_behavior}
+/// Makes a [SparkyBumper] blink back to [SparkyBumperState.active] when
+/// [SparkyBumperState.inactive].
+/// {@endtemplate}
+class SparkyBumperBlinkingBehavior extends TimerComponent
+    with ParentIsA<SparkyBumper> {
+  /// {@macro sparky_bumper_sprite_behavior}
+  SparkyBumperBlinkingBehavior() : super(period: 0.05);
+
+  void _onNewState(SparkyBumperState state) {
+    switch (state) {
+      case SparkyBumperState.active:
+        break;
+      case SparkyBumperState.inactive:
+        timer
+          ..reset()
+          ..start();
+        break;
+    }
+  }
+
+  @override
+  Future<void> onLoad() async {
+    await super.onLoad();
+    timer.stop();
+    parent.bloc.stream.listen(_onNewState);
+  }
+
+  @override
+  void onTick() {
+    super.onTick();
+    timer.stop();
+    parent.bloc.onBlinked();
+  }
+}

packages/pinball_components/lib/src/components/sparky_bumper/cubit/sparky_bumper_cubit.dart

@@ -0,0 +1,17 @@
+// ignore_for_file: public_member_api_docs
+
+import 'package:bloc/bloc.dart';
+
+part 'sparky_bumper_state.dart';
+
+class SparkyBumperCubit extends Cubit<SparkyBumperState> {
+  SparkyBumperCubit() : super(SparkyBumperState.active);
+
+  void onBallContacted() {
+    emit(SparkyBumperState.inactive);
+  }
+
+  void onBlinked() {
+    emit(SparkyBumperState.active);
+  }
+}

packages/pinball_components/lib/src/components/sparky_bumper/cubit/sparky_bumper_state.dart

@@ -0,0 +1,10 @@
+part of 'sparky_bumper_cubit.dart';
+
+/// Indicates the [SparkyBumperCubit]'s current state.
+enum SparkyBumperState {
+  /// A lit up bumper.
+  active,
+
+  /// A dimmed bumper.
+  inactive,
+}

packages/pinball_components/lib/src/components/sparky_bumper/sparky_bumper.dart

@@ -4,6 +4,10 @@ import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_components/src/components/sparky_bumper/behaviors/behaviors.dart';
+import 'package:pinball_flame/pinball_flame.dart';
+
+export 'cubit/sparky_bumper_cubit.dart';
 
 /// {@template sparky_bumper}
 /// Bumper for Sparky area.
@@ -16,58 +20,92 @@ class SparkyBumper extends BodyComponent with InitialPosition {
     required String onAssetPath,
     required String offAssetPath,
     required Vector2 spritePosition,
+    required this.bloc,
+    Iterable<Component>? children,
   })  : _majorRadius = majorRadius,
         _minorRadius = minorRadius,
         super(
           priority: RenderPriority.sparkyBumper,
+          renderBody: false,
           children: [
+            SparkyBumperBallContactBehavior(),
+            SparkyBumperBlinkingBehavior(),
             _SparkyBumperSpriteGroupComponent(
               onAssetPath: onAssetPath,
               offAssetPath: offAssetPath,
               position: spritePosition,
+              state: bloc.state,
             ),
+            ...?children,
           ],
-        ) {
+        );
-    renderBody = false;
-  }
 
   /// {@macro sparky_bumper}
-  SparkyBumper.a()
+  SparkyBumper.a({
-      : this._(
+    Iterable<Component>? children,
+  }) : this._(
           majorRadius: 2.9,
           minorRadius: 2.1,
           onAssetPath: Assets.images.sparky.bumper.a.active.keyName,
           offAssetPath: Assets.images.sparky.bumper.a.inactive.keyName,
           spritePosition: Vector2(0, -0.25),
+          bloc: SparkyBumperCubit(),
+          children: children,
         );
 
   /// {@macro sparky_bumper}
-  SparkyBumper.b()
+  SparkyBumper.b({
-      : this._(
+    Iterable<Component>? children,
+  }) : this._(
           majorRadius: 2.85,
           minorRadius: 2,
           onAssetPath: Assets.images.sparky.bumper.b.active.keyName,
           offAssetPath: Assets.images.sparky.bumper.b.inactive.keyName,
           spritePosition: Vector2(0, -0.35),
+          bloc: SparkyBumperCubit(),
+          children: children,
         );
 
   /// {@macro sparky_bumper}
-  SparkyBumper.c()
+  SparkyBumper.c({
-      : this._(
+    Iterable<Component>? children,
+  }) : this._(
           majorRadius: 3,
           minorRadius: 2.2,
           onAssetPath: Assets.images.sparky.bumper.c.active.keyName,
           offAssetPath: Assets.images.sparky.bumper.c.inactive.keyName,
           spritePosition: Vector2(0, -0.4),
+          bloc: SparkyBumperCubit(),
+          children: children,
         );
 
+  /// Creates an [SparkyBumper] without any children.
+  ///
+  /// This can be used for testing [SparkyBumper]'s behaviors in isolation.
+  // TODO(alestiago): Refactor injecting bloc once the following is merged:
+  // https://github.com/flame-engine/flame/pull/1538
+  @visibleForTesting
+  SparkyBumper.test({
+    required this.bloc,
+  })  : _majorRadius = 3,
+        _minorRadius = 2.2;
+
   final double _majorRadius;
   final double _minorRadius;
 
+  // TODO(alestiago): Consider refactoring once the following is merged:
+  // https://github.com/flame-engine/flame/pull/1538
+  // ignore: public_member_api_docs
+  final SparkyBumperCubit bloc;
+
   @override
-  Body createBody() {
+  void onRemove() {
-    renderBody = false;
+    bloc.close();
+    super.onRemove();
+  }
 
+  @override
+  Body createBody() {
     final shape = EllipseShape(
       center: Vector2.zero(),
       majorRadius: _majorRadius,
@@ -83,37 +121,22 @@ class SparkyBumper extends BodyComponent with InitialPosition {
 
     return world.createBody(bodyDef)..createFixture(fixtureDef);
   }
-
-  /// Animates the [DashNestBumper].
-  Future<void> animate() async {
-    final spriteGroupComponent = firstChild<_SparkyBumperSpriteGroupComponent>()
-      ?..current = SparkyBumperSpriteState.inactive;
-    await Future<void>.delayed(const Duration(milliseconds: 50));
-    spriteGroupComponent?.current = SparkyBumperSpriteState.active;
-  }
-}
-
-/// Indicates the [SparkyBumper]'s current sprite state.
-@visibleForTesting
-enum SparkyBumperSpriteState {
-  /// A lit up bumper.
-  active,
-
-  /// A dimmed bumper.
-  inactive,
 }
 
 class _SparkyBumperSpriteGroupComponent
-    extends SpriteGroupComponent<SparkyBumperSpriteState> with HasGameRef {
+    extends SpriteGroupComponent<SparkyBumperState>
+    with HasGameRef, ParentIsA<SparkyBumper> {
   _SparkyBumperSpriteGroupComponent({
     required String onAssetPath,
     required String offAssetPath,
     required Vector2 position,
+    required SparkyBumperState state,
   })  : _onAssetPath = onAssetPath,
         _offAssetPath = offAssetPath,
         super(
           anchor: Anchor.center,
           position: position,
+          current: state,
         );
 
   final String _onAssetPath;
@@ -122,15 +145,20 @@ class _SparkyBumperSpriteGroupComponent
   @override
   Future<void> onLoad() async {
     await super.onLoad();
+    // TODO(alestiago): Consider refactoring once the following is merged:
+    // https://github.com/flame-engine/flame/pull/1538
+    // ignore: public_member_api_docs
+    parent.bloc.stream.listen((state) => current = state);
+
     final sprites = {
-      SparkyBumperSpriteState.active:
+      SparkyBumperState.active: Sprite(
-          Sprite(gameRef.images.fromCache(_onAssetPath)),
+        gameRef.images.fromCache(_onAssetPath),
-      SparkyBumperSpriteState.inactive:
+      ),
-          Sprite(gameRef.images.fromCache(_offAssetPath)),
+      SparkyBumperState.inactive: Sprite(
+        gameRef.images.fromCache(_offAssetPath),
+      ),
     };
     this.sprites = sprites;
-
-    current = SparkyBumperSpriteState.active;
     size = sprites[current]!.originalSize / 10;
   }
 }

packages/pinball_components/lib/src/components/sparky_computer.dart

@@ -23,10 +23,9 @@ class _ComputerBase extends BodyComponent with InitialPosition {
   _ComputerBase()
       : super(
           priority: RenderPriority.computerBase,
+          renderBody: false,
           children: [_ComputerBaseSpriteComponent()],
-        ) {
+        );
-    renderBody = false;
-  }
 
   List<FixtureDef> _createFixtureDefs() {
     final leftEdge = EdgeShape()

packages/pinball_components/pubspec.yaml

@@ -7,8 +7,13 @@ environment:
   sdk: ">=2.16.0 <3.0.0"
 
 dependencies:
+  bloc: ^8.0.3
   flame: ^1.1.1
-  flame_forge2d: ^0.11.0
+  flame_forge2d:
+    git:
+      url: https://github.com/flame-engine/flame/
+      path: packages/flame_forge2d/
+      ref: a50d4a1e7d9eaf66726ed1bb9894c9d495547d8f
   flutter:
     sdk: flutter
   geometry:
@@ -19,8 +24,8 @@ dependencies:
   pinball_theme:
     path: ../pinball_theme
 
-
 dev_dependencies:
+  bloc_test: ^9.0.3
   flame_test: ^1.3.0
   flutter_test:
     sdk: flutter

packages/pinball_components/sandbox/lib/stories/google_word/google_letter_game.dart

@@ -17,7 +17,6 @@ class GoogleLetterGame extends BallGame {
   @override
   Future<void> onLoad() async {
     await super.onLoad();
-    addContactCallback(_BallGoogleLetterContactCallback());
 
     camera.followVector2(Vector2.zero());
     await add(GoogleLetter(0));
@@ -25,12 +24,3 @@ class GoogleLetterGame extends BallGame {
     await traceAllBodies();
   }
 }
-
-class _BallGoogleLetterContactCallback
-    extends ContactCallback<Ball, GoogleLetter> {
-  @override
-  void begin(Ball<Forge2DGame> a, GoogleLetter b, Contact contact) {
-    super.begin(a, b, contact);
-    b.activate();
-  }
-}

packages/pinball_components/sandbox/pubspec.lock

@@ -102,9 +102,11 @@ packages:
   flame_forge2d:
     dependency: "direct main"
     description:
-      name: flame_forge2d
+      path: "packages/flame_forge2d"
-      url: "https://pub.dartlang.org"
+      ref: a50d4a1e7d9eaf66726ed1bb9894c9d495547d8f
-    source: hosted
+      resolved-ref: a50d4a1e7d9eaf66726ed1bb9894c9d495547d8f
+      url: "https://github.com/flame-engine/flame/"
+    source: git
     version: "0.11.0"
   flutter:
     dependency: "direct main"
@@ -169,7 +171,7 @@ packages:
       name: js
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.6.3"
+    version: "0.6.4"
   json_annotation:
     dependency: transitive
     description:
@@ -197,7 +199,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.3"
+    version: "0.1.4"
   meta:
     dependency: transitive
     description:
@@ -218,7 +220,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.0"
+    version: "1.8.1"
   path_provider_linux:
     dependency: transitive
     description:
@@ -349,7 +351,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.2"
   stack_trace:
     dependency: transitive
     description:
@@ -384,7 +386,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.8"
+    version: "0.4.9"
   typed_data:
     dependency: transitive
     description:
@@ -454,7 +456,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   very_good_analysis:
     dependency: "direct dev"
     description:

packages/pinball_components/sandbox/pubspec.yaml

@@ -9,7 +9,11 @@ environment:
 dependencies:
   dashbook: ^0.1.7
   flame: ^1.1.1
-  flame_forge2d: ^0.11.0
+  flame_forge2d:
+    git: 
+      url: https://github.com/flame-engine/flame/
+      path: packages/flame_forge2d/
+      ref: a50d4a1e7d9eaf66726ed1bb9894c9d495547d8f
   flutter:
     sdk: flutter
   pinball_components:

packages/pinball_components/test/helpers/mocks.dart

@@ -15,7 +15,12 @@ class MockGame extends Mock implements Forge2DGame {}
 
 class MockContact extends Mock implements Contact {}
 
-class MockContactCallback extends Mock
-    implements ContactCallback<Object, Object> {}
-
 class MockComponent extends Mock implements Component {}
+
+class MockAlienBumperCubit extends Mock implements AlienBumperCubit {}
+
+class MockGoogleLetterCubit extends Mock implements GoogleLetterCubit {}
+
+class MockSparkyBumperCubit extends Mock implements SparkyBumperCubit {}
+
+class MockDashNestBumperCubit extends Mock implements DashNestBumperCubit {}

packages/pinball_components/test/src/components/alien_bumper/alien_bumper_test.dart

@@ -0,0 +1,78 @@
+// ignore_for_file: cascade_invocations
+
+import 'package:bloc_test/bloc_test.dart';
+import 'package:flame/components.dart';
+import 'package:flame_test/flame_test.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:mocktail/mocktail.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_components/src/components/alien_bumper/behaviors/behaviors.dart';
+
+import '../../../helpers/helpers.dart';
+
+void main() {
+  TestWidgetsFlutterBinding.ensureInitialized();
+  final assets = [
+    Assets.images.alienBumper.a.active.keyName,
+    Assets.images.alienBumper.a.inactive.keyName,
+    Assets.images.alienBumper.b.active.keyName,
+    Assets.images.alienBumper.b.inactive.keyName,
+  ];
+  final flameTester = FlameTester(() => TestGame(assets));
+
+  group('AlienBumper', () {
+    flameTester.test('"a" loads correctly', (game) async {
+      final alienBumper = AlienBumper.a();
+      await game.ensureAdd(alienBumper);
+      expect(game.contains(alienBumper), isTrue);
+    });
+
+    flameTester.test('"b" loads correctly', (game) async {
+      final alienBumper = AlienBumper.b();
+      await game.ensureAdd(alienBumper);
+      expect(game.contains(alienBumper), isTrue);
+    });
+
+    // TODO(alestiago): Consider refactoring once the following is merged:
+    // https://github.com/flame-engine/flame/pull/1538
+    // ignore: public_member_api_docs
+    flameTester.test('closes bloc when removed', (game) async {
+      final bloc = MockAlienBumperCubit();
+      whenListen(
+        bloc,
+        const Stream<AlienBumperState>.empty(),
+        initialState: AlienBumperState.active,
+      );
+      when(bloc.close).thenAnswer((_) async {});
+      final alienBumper = AlienBumper.test(bloc: bloc);
+
+      await game.ensureAdd(alienBumper);
+      game.remove(alienBumper);
+      await game.ready();
+
+      verify(bloc.close).called(1);
+    });
+
+    group('adds', () {
+      flameTester.test('new children', (game) async {
+        final component = Component();
+        final alienBumper = AlienBumper.a(
+          children: [component],
+        );
+        await game.ensureAdd(alienBumper);
+        expect(alienBumper.children, contains(component));
+      });
+
+      flameTester.test('an AlienBumperBallContactBehavior', (game) async {
+        final alienBumper = AlienBumper.a();
+        await game.ensureAdd(alienBumper);
+        expect(
+          alienBumper.children
+              .whereType<AlienBumperBallContactBehavior>()
+              .single,
+          isNotNull,
+        );
+      });
+    });
+  });
+}

packages/pinball_components/test/src/components/alien_bumper/behaviors/alien_bumper_ball_contact_behavior_test.dart

@@ -0,0 +1,48 @@
+// ignore_for_file: cascade_invocations
+
+import 'package:bloc_test/bloc_test.dart';
+import 'package:flame_test/flame_test.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:mocktail/mocktail.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_components/src/components/alien_bumper/behaviors/behaviors.dart';
+
+import '../../../../helpers/helpers.dart';
+
+void main() {
+  TestWidgetsFlutterBinding.ensureInitialized();
+  final flameTester = FlameTester(TestGame.new);
+
+  group(
+    'AlienBumperBallContactBehavior',
+    () {
+      test('can be instantiated', () {
+        expect(
+          AlienBumperBallContactBehavior(),
+          isA<AlienBumperBallContactBehavior>(),
+        );
+      });
+
+      flameTester.test(
+        'beginContact emits onBallContacted when contacts with a ball',
+        (game) async {
+          final behavior = AlienBumperBallContactBehavior();
+          final bloc = MockAlienBumperCubit();
+          whenListen(
+            bloc,
+            const Stream<AlienBumperState>.empty(),
+            initialState: AlienBumperState.active,
+          );
+
+          final alienBumper = AlienBumper.test(bloc: bloc);
+          await alienBumper.add(behavior);
+          await game.ensureAdd(alienBumper);
+
+          behavior.beginContact(MockBall(), MockContact());
+
+          verify(alienBumper.bloc.onBallContacted).called(1);
+        },
+      );
+    },
+  );
+}

packages/pinball_components/test/src/components/alien_bumper/behaviors/alien_bumper_blinking_behavior_test.dart

@@ -0,0 +1,45 @@
+import 'dart:async';
+
+import 'package:bloc_test/bloc_test.dart';
+import 'package:flame_test/flame_test.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:mocktail/mocktail.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_components/src/components/alien_bumper/behaviors/behaviors.dart';
+
+import '../../../../helpers/helpers.dart';
+
+void main() {
+  TestWidgetsFlutterBinding.ensureInitialized();
+  final flameTester = FlameTester(TestGame.new);
+
+  group(
+    'AlienBumperBlinkingBehavior',
+    () {
+      flameTester.testGameWidget(
+        'calls onBlinked after 0.05 seconds when inactive',
+        setUp: (game, tester) async {
+          final behavior = AlienBumperBlinkingBehavior();
+          final bloc = MockAlienBumperCubit();
+          final streamController = StreamController<AlienBumperState>();
+          whenListen(
+            bloc,
+            streamController.stream,
+            initialState: AlienBumperState.active,
+          );
+
+          final alienBumper = AlienBumper.test(bloc: bloc);
+          await alienBumper.add(behavior);
+          await game.ensureAdd(alienBumper);
+
+          streamController.add(AlienBumperState.inactive);
+          await tester.pump();
+          game.update(0.05);
+
+          await streamController.close();
+          verify(bloc.onBlinked).called(1);
+        },
+      );
+    },
+  );
+}

packages/pinball_components/test/src/components/alien_bumper/cubit/alien_bumper_cubit_test.dart

@@ -0,0 +1,24 @@
+import 'package:bloc_test/bloc_test.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:pinball_components/pinball_components.dart';
+
+void main() {
+  group(
+    'AlienBumperCubit',
+    () {
+      blocTest<AlienBumperCubit, AlienBumperState>(
+        'onBallContacted emits inactive',
+        build: AlienBumperCubit.new,
+        act: (bloc) => bloc.onBallContacted(),
+        expect: () => [AlienBumperState.inactive],
+      );
+
+      blocTest<AlienBumperCubit, AlienBumperState>(
+        'onBlinked emits active',
+        build: AlienBumperCubit.new,
+        act: (bloc) => bloc.onBlinked(),
+        expect: () => [AlienBumperState.active],
+      );
+    },
+  );
+}

packages/pinball_components/test/src/components/alien_bumper_test.dart

@@ -1,61 +0,0 @@
-// ignore_for_file: cascade_invocations
-
-import 'package:flame/components.dart';
-import 'package:flame_test/flame_test.dart';
-import 'package:flutter_test/flutter_test.dart';
-import 'package:pinball_components/pinball_components.dart';
-
-import '../../helpers/helpers.dart';
-
-void main() {
-  TestWidgetsFlutterBinding.ensureInitialized();
-  final assets = [
-    Assets.images.alienBumper.a.active.keyName,
-    Assets.images.alienBumper.a.inactive.keyName,
-    Assets.images.alienBumper.b.active.keyName,
-    Assets.images.alienBumper.b.inactive.keyName,
-  ];
-  final flameTester = FlameTester(() => TestGame(assets));
-
-  group('AlienBumper', () {
-    flameTester.test('"a" loads correctly', (game) async {
-      final bumper = AlienBumper.a();
-      await game.ensureAdd(bumper);
-
-      expect(game.contains(bumper), isTrue);
-    });
-
-    flameTester.test('"b" loads correctly', (game) async {
-      final bumper = AlienBumper.b();
-      await game.ensureAdd(bumper);
-      expect(game.contains(bumper), isTrue);
-    });
-
-    flameTester.test('animate switches between on and off sprites',
-        (game) async {
-      final bumper = AlienBumper.a();
-      await game.ensureAdd(bumper);
-
-      final spriteGroupComponent = bumper.firstChild<SpriteGroupComponent>()!;
-
-      expect(
-        spriteGroupComponent.current,
-        equals(AlienBumperSpriteState.active),
-      );
-
-      final future = bumper.animate();
-
-      expect(
-        spriteGroupComponent.current,
-        equals(AlienBumperSpriteState.inactive),
-      );
-
-      await future;
-
-      expect(
-        spriteGroupComponent.current,
-        equals(AlienBumperSpriteState.active),
-      );
-    });
-  });
-}

packages/pinball_components/test/src/components/dash_nest_bumper/behaviors/dash_nest_bumper_ball_contact_behavior_test.dart

@@ -0,0 +1,48 @@
+// ignore_for_file: cascade_invocations
+
+import 'package:bloc_test/bloc_test.dart';
+import 'package:flame_test/flame_test.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:mocktail/mocktail.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:pinball_components/src/components/dash_nest_bumper/behaviors/behaviors.dart';
+
+import '../../../../helpers/helpers.dart';
+
+void main() {
+  TestWidgetsFlutterBinding.ensureInitialized();
+  final flameTester = FlameTester(TestGame.new);
+
+  group(
+    'DashNestBumperBallContactBehavior',
+    () {
+      test('can be instantiated', () {
+        expect(
+          DashNestBumperBallContactBehavior(),
+          isA<DashNestBumperBallContactBehavior>(),
+        );
+      });
+
+      flameTester.test(
+        'beginContact emits onBallContacted when contacts with a ball',
+        (game) async {
+          final behavior = DashNestBumperBallContactBehavior();
+          final bloc = MockDashNestBumperCubit();
+          whenListen(
+            bloc,
+            const Stream<DashNestBumperState>.empty(),
+            initialState: DashNestBumperState.active,
+          );
+
+          final dashNestBumper = DashNestBumper.test(bloc: bloc);
+          await dashNestBumper.add(behavior);
+          await game.ensureAdd(dashNestBumper);
+
+          behavior.beginContact(MockBall(), MockContact());
+
+          verify(dashNestBumper.bloc.onBallContacted).called(1);
+        },
+      );
+    },
+  );
+}