Flutter 3.22 (#505)

## Description

Updates dependencies in general for the code to be able to build with
the latest version of flutter and dart.

## Type of Change

- [ ] ✨ New feature (non-breaking change which adds functionality)
- [x] 🛠️ Bug fix (non-breaking change which fixes an issue)
- [x] ❌ Breaking change (fix or feature that would cause existing
functionality to change)
- [x] 🧹 Code refactor
- [x] ✅ Build configuration change
- [x] 📝 Documentation
- [x] 🗑️ Chore

.firebaserc

@@ -1,5 +0,0 @@
-{
-  "projects": {
-    "default": "pinball-dev"
-  }
-}

.github/CODEOWNERS

@@ -1,3 +0,0 @@
-# Every request must be reviewed and accepted by:
-
-*	@erickzanardo @alestiago @RuiMiguel @allisonryan0002

.github/workflows/main.yaml

@@ -11,7 +11,7 @@ jobs:
     uses: VeryGoodOpenSource/very_good_workflows/.github/workflows/flutter_package.yml@v1
     with:
       flutter_channel: stable
-      flutter_version: 2.10.5
+      flutter_version: 3.22.2
       coverage_excludes: "lib/gen/*.dart"
       test_optimization: false
       

.gitignore

@@ -100,12 +100,14 @@ unlinked_spec.ds
 # Coverage
 coverage/
 
+# Golden tests related
+**/failures
+
 # Submodules
 !pubspec.lock
 packages/**/pubspec.lock
 
 # Web related
-lib/generated_plugin_registrant.dart
 
 # Symbolication related
 app.*.symbols
@@ -128,6 +130,8 @@ app.*.map.json
 
 # Firebase related
 .firebase
+firebase.json
+lib/firebase_options.dart
 
 test/.test_runner.dart
 web/__/firebase/init.js

.vscode/cspell.json

@@ -15,6 +15,7 @@
         "dpad",
         "endtemplate",
         "firestore",
+        "flutterfire",
         "gapless",
         "genhtml",
         "goldens",
@@ -22,6 +23,7 @@
         "leaderboard",
         "loadables",
         "localizable",
+        "macos",
         "mixins",
         "mocktail",
         "mostrado",

README.md

@@ -19,6 +19,17 @@ _Created using [Very Good CLI][very_good_cli_link] 🤖_
 
 ## Getting Started 🚀
 
+### Firebase
+First, please create a Firebase project for development. 
+After you create your project, remember to activate the following features:
+    - **Authentication** with the **anonymous** option
+    - **Firestore** with the rules in firestore.rules.
+
+Next, use the instructions on [Firebase website](https://firebase.google.com/docs/flutter/setup?platform=web) to set up the **flutterfire_cli**.
+
+Allow it to override the **lib/firebase_options.dart** file with your project settings.
+
+### Running locally
 To run the desired project either use the launch configuration in VSCode/Android Studio or use the following commands:
 
 ```sh

devtools_options.yaml

@@ -0,0 +1,4 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:
+  - flame: true

firebase.json

@@ -1,33 +0,0 @@
-{
-  "firestore": {
-    "rules": "firestore.rules"
-  },
-  "hosting": {
-    "public": "build/web",
-    "site": "",
-    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
-    "headers": [
-      {
-        "source": "**/*.@(jpg|jpeg|gif|png)",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "max-age=3600"
-          }
-        ]
-      },
-      {
-        "source": "**",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "no-cache, no-store, must-revalidate"
-          }
-        ]
-      }
-    ]
-  },
-  "storage": {
-    "rules": "storage.rules"
-  }
-}

lib/assets_manager/cubit/assets_manager_cubit.dart

@@ -19,6 +19,7 @@ class AssetsManagerCubit extends Cubit<AssetsManagerState> {
     /// do its job without adding too much delay for the user, we are letting
     /// the UI paint first, and then we start loading the assets.
     await Future<void>.delayed(const Duration(seconds: 1));
+    if (isClosed) return;
     final loadables = <Future<void> Function()>[
       _game.preFetchLeaderboard,
       ..._game.preLoadAssets(),

lib/assets_manager/views/assets_loading_page.dart

@@ -16,7 +16,7 @@ class AssetsLoadingPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final l10n = context.l10n;
-    final headline1 = Theme.of(context).textTheme.headline1;
+    final displayLarge = Theme.of(context).textTheme.displayLarge;
     return Container(
       decoration: const CrtBackground(),
       child: Center(
@@ -30,7 +30,7 @@ class AssetsLoadingPage extends StatelessWidget {
             const SizedBox(height: 40),
             AnimatedEllipsisText(
               l10n.loading,
-              style: headline1,
+              style: displayLarge,
             ),
             const SizedBox(height: 40),
             FractionallySizedBox(

lib/bootstrap.dart

@@ -1,10 +1,6 @@
-import 'dart:async';
 import 'dart:developer';
 
 import 'package:bloc/bloc.dart';
-import 'package:cloud_firestore/cloud_firestore.dart';
-import 'package:firebase_auth/firebase_auth.dart';
-import 'package:flutter/widgets.dart';
 
 class AppBlocObserver extends BlocObserver {
   @override
@@ -19,30 +15,3 @@ class AppBlocObserver extends BlocObserver {
     super.onError(bloc, error, stackTrace);
   }
 }
-
-typedef BootstrapBuilder = Future<Widget> Function(
-  FirebaseFirestore firestore,
-  FirebaseAuth firebaseAuth,
-);
-
-Future<void> bootstrap(BootstrapBuilder builder) async {
-  WidgetsFlutterBinding.ensureInitialized();
-  FlutterError.onError = (details) {
-    log(details.exceptionAsString(), stackTrace: details.stack);
-  };
-
-  await runZonedGuarded(
-    () async {
-      await BlocOverrides.runZoned(
-        () async => runApp(
-          await builder(
-            FirebaseFirestore.instance,
-            FirebaseAuth.instance,
-          ),
-        ),
-        blocObserver: AppBlocObserver(),
-      );
-    },
-    (error, stackTrace) => log(error.toString(), stackTrace: stackTrace),
-  );
-}

lib/firebase_options.dart

@@ -0,0 +1,63 @@
+// File generated by FlutterFire CLI.
+// ignore_for_file: type=lint
+import 'package:firebase_core/firebase_core.dart' show FirebaseOptions;
+import 'package:flutter/foundation.dart'
+    show defaultTargetPlatform, kIsWeb, TargetPlatform;
+
+/// Default [FirebaseOptions] for use with your Firebase apps.
+///
+/// Example:
+/// ```dart
+/// import 'firebase_options.dart';
+/// // ...
+/// await Firebase.initializeApp(
+///   options: DefaultFirebaseOptions.currentPlatform,
+/// );
+/// ```
+class DefaultFirebaseOptions {
+  static FirebaseOptions get currentPlatform {
+    if (kIsWeb) {
+      return web;
+    }
+    switch (defaultTargetPlatform) {
+      case TargetPlatform.android:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for android - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.iOS:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for ios - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.macOS:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for macos - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.windows:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for windows - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.linux:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for linux - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      default:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions are not supported for this platform.',
+        );
+    }
+  }
+
+  static const FirebaseOptions web = FirebaseOptions(
+    apiKey: '',
+    appId: '',
+    messagingSenderId: '',
+    projectId: '',
+    authDomain: '',
+    storageBucket: '',
+  );
+}

lib/game/behaviors/animatronic_looping_behavior.dart

@@ -1,5 +1,4 @@
 import 'package:flame/components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 class AnimatronicLoopingBehavior extends TimerComponent
     with ParentIsA<SpriteAnimationComponent> {
@@ -10,8 +9,8 @@ class AnimatronicLoopingBehavior extends TimerComponent
   @override
   Future<void> onLoad() async {
     await super.onLoad();
-    parent.animation?.onComplete = () {
+    parent.animationTicker?.onComplete = () {
-      parent.animation?.reset();
+      parent.animationTicker?.reset();
       parent.playing = false;
       timer
         ..reset()

lib/game/behaviors/camera_focusing_behavior.dart

@@ -1,11 +1,10 @@
 import 'package:flame/components.dart';
-import 'package:flame/game.dart';
 import 'package:flame_bloc/flame_bloc.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball_components/pinball_components.dart';
 
 /// {@template focus_data}
-/// Defines a [Camera] focus point.
+/// Defines a [CameraComponent] focus point.
 /// {@endtemplate}
 class _FocusData {
   /// {@macro focus_data}
@@ -69,16 +68,14 @@ class CameraFocusingBehavior extends Component
   @override
   Future<void> onLoad() async {
     await super.onLoad();
+    onGameResize(gameRef.camera.viewport.size);
     _snap(GameStatus.waiting);
   }
 
   void _snap(GameStatus focusKey) {
     final focusData = _foci[_activeFocus = focusKey]!;
-
+    gameRef.camera.moveTo(focusData.position, speed: 100);
-    gameRef.camera
+    gameRef.camera.viewfinder.zoom = focusData.zoom;
-      ..speed = 100
-      ..followVector2(focusData.position)
-      ..zoom = focusData.zoom;
   }
 
   void _zoomTo(GameStatus focusKey) {

lib/game/components/backbox/backbox.dart

@@ -53,7 +53,11 @@ class Backbox extends PositionComponent with ZIndex, HasGameRef {
     _build(_bloc.state);
 
     _subscription = _bloc.stream.listen((state) {
-      _display.children.removeWhere((_) => true);
+      final removals = _display.children.map((child) {
+        _display.remove(child);
+        return child.removed;
+      });
+      Future.wait(removals);
       _build(state);
     });
   }

lib/game/components/backbox/bloc/backbox_state.dart

@@ -2,7 +2,7 @@ part of 'backbox_bloc.dart';
 
 /// {@template backbox_state}
 /// The base state for all [BackboxState].
-/// {@endtemplate backbox_state}
+/// {@endtemplate}
 abstract class BackboxState extends Equatable {
   /// {@macro backbox_state}
   const BackboxState();

lib/game/components/backbox/displays/game_over_info_display.dart

@@ -1,7 +1,7 @@
 import 'dart:async';
 
 import 'package:flame/components.dart';
-import 'package:flame/input.dart';
+import 'package:flame/events.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball/l10n/l10n.dart';
@@ -164,7 +164,7 @@ class _LinksComponent extends PositionComponent with HasGameRef {
 /// {@template share_link_component}
 /// Link button to navigate to sharing score display.
 /// {@endtemplate}
-class ShareLinkComponent extends TextComponent with HasGameRef, Tappable {
+class ShareLinkComponent extends TextComponent with HasGameRef, TapCallbacks {
   /// {@macro share_link_component}
   ShareLinkComponent({
     OnShareTap? onTap,
@@ -178,7 +178,7 @@ class ShareLinkComponent extends TextComponent with HasGameRef, Tappable {
   final OnShareTap? _onTap;
 
   @override
-  bool onTapDown(TapDownInfo info) {
+  bool onTapDown(TapDownEvent event) {
     _onTap?.call();
     return true;
   }
@@ -202,7 +202,8 @@ class ShareLinkComponent extends TextComponent with HasGameRef, Tappable {
 /// {@template google_io_link_component}
 /// Link button to navigate to Google I/O site.
 /// {@endtemplate}
-class GoogleIOLinkComponent extends TextComponent with HasGameRef, Tappable {
+class GoogleIOLinkComponent extends TextComponent
+    with HasGameRef, TapCallbacks {
   /// {@macro google_io_link_component}
   GoogleIOLinkComponent()
       : super(
@@ -212,7 +213,7 @@ class GoogleIOLinkComponent extends TextComponent with HasGameRef, Tappable {
         );
 
   @override
-  bool onTapUp(TapUpInfo info) {
+  bool onTapUp(TapUpEvent event) {
     openLink(ShareRepository.googleIOEvent);
     return true;
   }
@@ -280,7 +281,8 @@ class _FirebaseTextComponent extends TextComponent with HasGameRef {
 /// Link text to navigate to Open Source site.
 /// {@endtemplate}
 @visibleForTesting
-class OpenSourceTextComponent extends TextComponent with HasGameRef, Tappable {
+class OpenSourceTextComponent extends TextComponent
+    with HasGameRef, TapCallbacks {
   /// {@macro open_source_link_component}
   OpenSourceTextComponent()
       : super(
@@ -290,7 +292,7 @@ class OpenSourceTextComponent extends TextComponent with HasGameRef, Tappable {
         );
 
   @override
-  bool onTapUp(TapUpInfo info) {
+  bool onTapUp(TapUpEvent event) {
     openLink(ShareRepository.openSourceCode);
     return true;
   }

lib/game/components/backbox/displays/leaderboard_display.dart

@@ -72,7 +72,7 @@ class LeaderboardDisplay extends PositionComponent with HasGameRef {
           duration: 0.5,
           curve: Curves.easeIn,
         ),
-      )..onFinishCallback = () {
+      )..onComplete = () {
           current.removeFromParent();
           inactiveArrow.active = true;
           firstChild<PositionComponent>()?.add(

lib/game/components/backbox/displays/loading_display.dart

@@ -18,6 +18,7 @@ final _bodyTextPaint = TextPaint(
 /// {@endtemplate}
 class LoadingDisplay extends TextComponent {
   /// {@template loading_display}
+  /// {@endtemplate}
   LoadingDisplay();
 
   late final String _label;

lib/game/components/backbox/displays/share_display.dart

@@ -1,7 +1,7 @@
 import 'dart:async';
 
 import 'package:flame/components.dart';
-import 'package:flame/input.dart';
+import 'package:flame/events.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball/l10n/l10n.dart';
 import 'package:pinball_components/pinball_components.dart';
@@ -127,7 +127,7 @@ class _SocialNetworksComponent extends PositionComponent with HasGameRef {
 /// Button for sharing on Facebook.
 /// {@endtemplate}
 class FacebookButtonComponent extends SpriteComponent
-    with HasGameRef, Tappable {
+    with HasGameRef, TapCallbacks {
   /// {@macro facebook_button_component}
   FacebookButtonComponent({
     OnSocialShareTap? onTap,
@@ -140,7 +140,7 @@ class FacebookButtonComponent extends SpriteComponent
   final OnSocialShareTap? _onTap;
 
   @override
-  bool onTapUp(TapUpInfo info) {
+  bool onTapUp(TapUpEvent event) {
     _onTap?.call(SharePlatform.facebook);
     return true;
   }
@@ -159,7 +159,8 @@ class FacebookButtonComponent extends SpriteComponent
 /// {@template twitter_button_component}
 /// Button for sharing on Twitter.
 /// {@endtemplate}
-class TwitterButtonComponent extends SpriteComponent with HasGameRef, Tappable {
+class TwitterButtonComponent extends SpriteComponent
+    with HasGameRef, TapCallbacks {
   /// {@macro twitter_button_component}
   TwitterButtonComponent({
     OnSocialShareTap? onTap,
@@ -172,7 +173,7 @@ class TwitterButtonComponent extends SpriteComponent with HasGameRef, Tappable {
   final OnSocialShareTap? _onTap;
 
   @override
-  bool onTapUp(TapUpInfo info) {
+  bool onTapUp(TapUpEvent event) {
     _onTap?.call(SharePlatform.twitter);
     return true;
   }

lib/game/components/dino_desert/behaviors/chrome_dino_bonus_behavior.dart

@@ -2,7 +2,6 @@ import 'package:flame/components.dart';
 import 'package:flame_bloc/flame_bloc.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// Adds a [GameBonus.dinoChomp] when a [Ball] is chomped by the [ChromeDino].
 class ChromeDinoBonusBehavior extends Component

lib/game/components/game_bloc_status_listener.dart

@@ -80,21 +80,18 @@ class GameBlocStatusListener extends Component
         [
           PlungerPullingBehavior(strength: 7),
           PlungerAutoPullingBehavior(),
-          PlungerKeyControllingBehavior()
+          PlungerKeyControllingBehavior(),
         ],
       );
 
   void _removePlungerBehaviors(Plunger plunger) {
-    plunger
+    plunger.children
-        .descendants()
         .whereType<PlungerPullingBehavior>()
         .forEach(plunger.remove);
-    plunger
+    plunger.children
-        .descendants()
         .whereType<PlungerAutoPullingBehavior>()
         .forEach(plunger.remove);
-    plunger
+    plunger.children
-        .descendants()
         .whereType<PlungerKeyControllingBehavior>()
         .forEach(plunger.remove);
   }
@@ -103,8 +100,7 @@ class GameBlocStatusListener extends Component
       .firstChild<FlameBlocProvider<FlipperCubit, FlipperState>>()!
       .add(FlipperKeyControllingBehavior());
 
-  void _removeFlipperBehaviors(Flipper flipper) => flipper
+  void _removeFlipperBehaviors(Flipper flipper) => flipper.children
-      .descendants()
       .whereType<FlipperKeyControllingBehavior>()
       .forEach(flipper.remove);
 }

lib/game/components/multiballs/behaviors/multiballs_behavior.dart

@@ -2,7 +2,6 @@ import 'package:flame/components.dart';
 import 'package:flame_bloc/flame_bloc.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// Toggle each [Multiball] when there is a bonus ball.
 class MultiballsBehavior extends Component

lib/game/components/multipliers/behaviors/multipliers_behavior.dart

@@ -2,7 +2,6 @@ import 'package:flame/components.dart';
 import 'package:flame_bloc/flame_bloc.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// Toggle each [Multiplier] when GameState.multiplier changes.
 class MultipliersBehavior extends Component

lib/game/components/sparky_scorch/behaviors/sparky_computer_bonus_behavior.dart

@@ -2,7 +2,6 @@ import 'package:flame/components.dart';
 import 'package:flame_bloc/flame_bloc.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// Adds a [GameBonus.sparkyTurboCharge] when a [Ball] enters the
 /// [SparkyComputer].

lib/game/pinball_game.dart

@@ -1,9 +1,10 @@
 import 'dart:async';
 
 import 'package:flame/components.dart';
-import 'package:flame/game.dart';
+import 'package:flame/events.dart';
 import 'package:flame/input.dart';
 import 'package:flame_bloc/flame_bloc.dart';
+import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:leaderboard_repository/leaderboard_repository.dart';
@@ -17,8 +18,8 @@ import 'package:pinball_flame/pinball_flame.dart';
 import 'package:platform_helper/platform_helper.dart';
 import 'package:share_repository/share_repository.dart';
 
-class PinballGame extends PinballForge2DGame
+class PinballGame extends Forge2DGame
-    with HasKeyboardHandlerComponents, MultiTouchTapDetector, HasTappables {
+    with HasKeyboardHandlerComponents, MultiTouchTapDetector {
   PinballGame({
     required CharacterThemeCubit characterThemeBloc,
     required this.leaderboardRepository,
@@ -32,9 +33,7 @@ class PinballGame extends PinballForge2DGame
         _audioPlayer = audioPlayer,
         _characterThemeBloc = characterThemeBloc,
         _l10n = l10n,
-        super(
+        super(gravity: Vector2(0, 30)) {
-          gravity: Vector2(0, 30),
-        ) {
     images.prefix = '';
   }
 
@@ -80,7 +79,7 @@ class PinballGame extends PinballForge2DGame
 
   @override
   Future<void> onLoad() async {
-    await add(
+    await world.add(
       FlameMultiBlocProvider(
         providers: [
           FlameBlocProvider<GameBloc, GameState>.value(
@@ -147,7 +146,6 @@ class PinballGame extends PinballForge2DGame
         ],
       ),
     );
-
     await super.onLoad();
   }
 
@@ -160,7 +158,8 @@ class PinballGame extends PinballForge2DGame
       final rocket = descendants().whereType<RocketSpriteComponent>().first;
       final bounds = rocket.topLeftPosition & rocket.size;
 
-      final tappedRocket = bounds.contains(info.eventPosition.game.toOffset());
+      final tappedRocket =
+          bounds.contains(screenToWorld(info.eventPosition.widget).toOffset());
       if (tappedRocket) {
         descendants()
             .whereType<FlameBlocProvider<PlungerCubit, PlungerState>>()
@@ -213,7 +212,7 @@ class PinballGame extends PinballForge2DGame
   }
 }
 
-class DebugPinballGame extends PinballGame with FPSCounter, PanDetector {
+class DebugPinballGame extends PinballGame with PanDetector {
   DebugPinballGame({
     required CharacterThemeCubit characterThemeBloc,
     required LeaderboardRepository leaderboardRepository,
@@ -239,6 +238,7 @@ class DebugPinballGame extends PinballGame with FPSCounter, PanDetector {
   Future<void> onLoad() async {
     await super.onLoad();
     await addAll([PreviewLine(), _DebugInformation()]);
+    camera.viewfinder.zoom = 50;
   }
 
   @override
@@ -247,16 +247,21 @@ class DebugPinballGame extends PinballGame with FPSCounter, PanDetector {
 
     if (info.raw.kind == PointerDeviceKind.mouse) {
       final canvas = descendants().whereType<ZCanvasComponent>().single;
-      final ball = Ball()..initialPosition = info.eventPosition.game;
+      final ball = Ball()
+        ..initialPosition = screenToWorld(info.eventPosition.widget)
+        ..zIndex = ZIndexes.ballOnBoard;
       canvas.add(ball);
+      world.add(ball);
     }
   }
 
   @override
-  void onPanStart(DragStartInfo info) => lineStart = info.eventPosition.game;
+  void onPanStart(DragStartInfo info) =>
+      lineStart = screenToWorld(info.eventPosition.widget);
 
   @override
-  void onPanUpdate(DragUpdateInfo info) => lineEnd = info.eventPosition.game;
+  void onPanUpdate(DragUpdateInfo info) =>
+      lineEnd = screenToWorld(info.eventPosition.widget);
 
   @override
   void onPanEnd(DragEndInfo info) {
@@ -274,6 +279,8 @@ class DebugPinballGame extends PinballGame with FPSCounter, PanDetector {
     final impulse = line * -1 * 10;
     ball.add(BallTurboChargingBehavior(impulse: impulse));
     canvas.add(ball);
+    add(ball);
+    world.add(ball);
   }
 }
 
@@ -299,9 +306,6 @@ class PreviewLine extends PositionComponent with HasGameRef<DebugPinballGame> {
 }
 
 class _DebugInformation extends Component with HasGameRef<DebugPinballGame> {
-  @override
-  PositionType get positionType => PositionType.widget;
-
   final _debugTextPaint = TextPaint(
     style: const TextStyle(
       color: Colors.green,
@@ -314,14 +318,14 @@ class _DebugInformation extends Component with HasGameRef<DebugPinballGame> {
   @override
   void render(Canvas canvas) {
     final debugText = [
-      'FPS: ${gameRef.fps().toStringAsFixed(1)}',
+      // 'FPS: ${gameRef.fps().toStringAsFixed(1)}',
       'BALLS: ${gameRef.descendants().whereType<Ball>().length}',
     ].join(' | ');
 
-    final height = _debugTextPaint.measureTextHeight(debugText);
+    final height = _debugTextPaint.getLineMetrics(debugText).height;
-    final position = Vector2(0, gameRef.camera.canvasSize.y - height);
+    final position = Vector2(0, gameRef.camera.viewport.size.y - height);
     canvas.drawRect(
-      position & Vector2(gameRef.camera.canvasSize.x, height),
+      position & Vector2(gameRef.camera.viewport.size.x, height),
       _debugBackgroundPaint,
     );
     _debugTextPaint.render(canvas, debugText, position);

lib/game/view/pinball_game_page.dart

@@ -118,7 +118,7 @@ class PinballGameLoadedView extends StatelessWidget {
                         right: 0,
                         left: 0,
                         child: ReplayButtonOverlay(),
-                      )
+                      ),
                 },
               ),
             ),

lib/game/view/widgets/bonus_animation.dart

@@ -93,6 +93,7 @@ class _BonusAnimationState extends State<BonusAnimation>
     with TickerProviderStateMixin {
   late SpriteAnimationController controller;
   late SpriteAnimation animation;
+  late SpriteAnimationTicker animationTicker;
   bool shouldRunBuildCallback = true;
 
   @override
@@ -110,7 +111,7 @@ class _BonusAnimationState extends State<BonusAnimation>
     shouldRunBuildCallback = oldWidget._imagePath == widget._imagePath;
 
     Future<void>.delayed(
-      Duration(seconds: animation.totalDuration().ceil()),
+      Duration(seconds: duration()),
       () {
         widget._onCompleted?.call();
       },
@@ -119,6 +120,10 @@ class _BonusAnimationState extends State<BonusAnimation>
     super.didUpdateWidget(oldWidget);
   }
 
+  int duration() {
+    return animationTicker.totalDuration().ceil();
+  }
+
   @override
   Widget build(BuildContext context) {
     final spriteSheet = SpriteSheet.fromColumnsAndRows(
@@ -132,9 +137,10 @@ class _BonusAnimationState extends State<BonusAnimation>
       to: spriteSheet.rows * spriteSheet.columns,
       loop: false,
     );
+    animationTicker = animation.createTicker();
 
     Future<void>.delayed(
-      Duration(seconds: animation.totalDuration().ceil()),
+      Duration(seconds: duration()),
       () {
         if (shouldRunBuildCallback) {
           widget._onCompleted?.call();
@@ -144,6 +150,7 @@ class _BonusAnimationState extends State<BonusAnimation>
 
     controller = SpriteAnimationController(
       animation: animation,
+      animationTicker: animationTicker,
       vsync: this,
     )..forward();
 

lib/game/view/widgets/game_hud.dart

@@ -22,7 +22,7 @@ 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 _ratio = 3.47222222222;
 
   @override
   Widget build(BuildContext context) {
@@ -34,7 +34,7 @@ class _GameHudState extends State<GameHud> {
     return _ScoreViewDecoration(
       child: SizedBox(
         height: height,
-        width: height * _ratio,
+        width: (height * _ratio) + 16,
         child: BlocListener<GameBloc, GameState>(
           listenWhen: (previous, current) =>
               previous.bonusHistory.length != current.bonusHistory.length,

lib/game/view/widgets/mobile_dpad.dart

@@ -6,6 +6,7 @@ import 'package:pinball_ui/pinball_ui.dart';
 /// {@endtemplate}
 class MobileDpad extends StatelessWidget {
   /// {@template mobile_dpad}
+  /// {@endtemplate}
   const MobileDpad({
     Key? key,
     required this.onTapUp,

lib/game/view/widgets/round_count_display.dart

@@ -20,7 +20,7 @@ class RoundCountDisplay extends StatelessWidget {
       children: [
         Text(
           l10n.rounds,
-          style: Theme.of(context).textTheme.subtitle1,
+          style: Theme.of(context).textTheme.displayLarge,
         ),
         const SizedBox(width: 8),
         Row(

lib/game/view/widgets/score_view.dart

@@ -39,7 +39,7 @@ class _GameOver extends StatelessWidget {
 
     return Text(
       l10n.gameOver,
-      style: Theme.of(context).textTheme.headline1,
+      style: Theme.of(context).textTheme.displayLarge,
     );
   }
 }
@@ -60,7 +60,7 @@ class _ScoreDisplay extends StatelessWidget {
             children: [
               Text(
                 l10n.score.toLowerCase(),
-                style: Theme.of(context).textTheme.subtitle1,
+                style: Theme.of(context).textTheme.titleMedium,
               ),
               const _ScoreText(),
               const RoundCountDisplay(),
@@ -81,7 +81,7 @@ class _ScoreText extends StatelessWidget {
 
     return Text(
       score.formatScore(),
-      style: Theme.of(context).textTheme.headline1,
+      style: Theme.of(context).textTheme.displayLarge,
     );
   }
 }

lib/how_to_play/widgets/how_to_play_dialog.dart

@@ -85,13 +85,12 @@ class _HowToPlayDialogState extends State<HowToPlayDialog> {
     final isMobile = context.read<PlatformHelper>().isMobile;
     final l10n = context.l10n;
 
-    return WillPopScope(
+    return PopScope(
-      onWillPop: () {
+      onPopInvoked: (_) {
         widget.onDismissCallback.call();
         context
             .read<PinballAudioPlayer>()
             .play(PinballAudio.ioPinballVoiceOver);
-        return Future.value(true);
       },
       child: PinballDialog(
         title: l10n.howToPlay,
@@ -132,20 +131,20 @@ class _MobileLaunchControls extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final l10n = context.l10n;
-    final headline3 = Theme.of(context)
+    final displaySmall = Theme.of(context)
         .textTheme
-        .headline3!
+        .displaySmall!
         .copyWith(color: PinballColors.white);
     return Column(
       children: [
-        Text(l10n.tapAndHoldRocket, style: headline3),
+        Text(l10n.tapAndHoldRocket, style: displaySmall),
         Text.rich(
           TextSpan(
             children: [
-              TextSpan(text: '${l10n.to} ', style: headline3),
+              TextSpan(text: '${l10n.to} ', style: displaySmall),
               TextSpan(
                 text: l10n.launch,
-                style: headline3.copyWith(color: PinballColors.blue),
+                style: displaySmall.copyWith(color: PinballColors.blue),
               ),
             ],
           ),
@@ -163,7 +162,7 @@ class _MobileFlipperControls extends StatelessWidget {
     final l10n = context.l10n;
     final headline3 = Theme.of(context)
         .textTheme
-        .headline3!
+        .displaySmall!
         .copyWith(color: PinballColors.white);
     return Column(
       children: [
@@ -189,10 +188,10 @@ class _DesktopBody extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
+    return const Padding(
-      padding: const EdgeInsets.all(16),
+      padding: EdgeInsets.all(16),
       child: Column(
-        children: const [
+        children: [
           _DesktopLaunchControls(),
           SizedBox(height: 16),
           _DesktopFlipperControls(),
@@ -212,18 +211,18 @@ class _DesktopLaunchControls extends StatelessWidget {
       children: [
         Text(
           l10n.launchControls,
-          style: Theme.of(context).textTheme.headline4,
+          style: Theme.of(context).textTheme.headlineMedium,
         ),
         const SizedBox(height: 10),
-        Wrap(
+        const Wrap(
-          children: const [
+          children: [
             _KeyButton(control: Control.down),
             SizedBox(width: 10),
             _KeyButton(control: Control.space),
             SizedBox(width: 10),
             _KeyButton(control: Control.s),
           ],
-        )
+        ),
       ],
     );
   }
@@ -239,30 +238,30 @@ class _DesktopFlipperControls extends StatelessWidget {
       children: [
         Text(
           l10n.flipperControls,
-          style: Theme.of(context).textTheme.headline4,
+          style: Theme.of(context).textTheme.headlineMedium,
         ),
         const SizedBox(height: 10),
-        Column(
+        const Column(
           children: [
             Row(
               mainAxisSize: MainAxisSize.min,
               mainAxisAlignment: MainAxisAlignment.center,
-              children: const [
+              children: [
                 _KeyButton(control: Control.left),
                 SizedBox(width: 20),
                 _KeyButton(control: Control.right),
               ],
             ),
-            const SizedBox(height: 8),
+            SizedBox(height: 8),
             Wrap(
-              children: const [
+              children: [
                 _KeyButton(control: Control.a),
                 SizedBox(width: 20),
                 _KeyButton(control: Control.d),
               ],
-            )
+            ),
           ],
-        )
+        ),
       ],
     );
   }
@@ -277,7 +276,7 @@ class _KeyButton extends StatelessWidget {
   Widget build(BuildContext context) {
     final textTheme = Theme.of(context).textTheme;
     final textStyle =
-        control.isArrow ? textTheme.headline1 : textTheme.headline3;
+        control.isArrow ? textTheme.displayLarge : textTheme.displaySmall;
     const height = 60.0;
     final width = control.isSpace ? height * 2.83 : height;
     return DecoratedBox(

lib/main.dart

@@ -1,21 +1,30 @@
+import 'dart:async';
+
 import 'package:authentication_repository/authentication_repository.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:firebase_auth/firebase_auth.dart';
 import 'package:firebase_core/firebase_core.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:leaderboard_repository/leaderboard_repository.dart';
 import 'package:pinball/app/app.dart';
 import 'package:pinball/bootstrap.dart';
+import 'package:pinball/firebase_options.dart';
 import 'package:pinball_audio/pinball_audio.dart';
 import 'package:platform_helper/platform_helper.dart';
 import 'package:share_repository/share_repository.dart';
 
-void main() {
+Future<App> bootstrap() async {
-  bootstrap((firestore, firebaseAuth) async {
+  WidgetsFlutterBinding.ensureInitialized();
-    final leaderboardRepository = LeaderboardRepository(firestore);
+  await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform);
+  final leaderboardRepository =
+      LeaderboardRepository(FirebaseFirestore.instance);
   const shareRepository =
       ShareRepository(appUrl: ShareRepository.pinballGameUrl);
-    final authenticationRepository = AuthenticationRepository(firebaseAuth);
+  final authenticationRepository =
+      AuthenticationRepository(FirebaseAuth.instance);
   final pinballAudioPlayer = PinballAudioPlayer();
   final platformHelper = PlatformHelper();
-    await Firebase.initializeApp();
   await authenticationRepository.authenticateAnonymously();
   return App(
     authenticationRepository: authenticationRepository,
@@ -24,5 +33,9 @@ void main() {
     pinballAudioPlayer: pinballAudioPlayer,
     platformHelper: platformHelper,
   );
-  });
+}
+
+void main() async {
+  Bloc.observer = AppBlocObserver();
+  runApp(await bootstrap());
 }

lib/more_information/more_information_dialog.dart

@@ -10,7 +10,6 @@ Future<void> showMoreInformationDialog(BuildContext context) {
   return showDialog<void>(
     context: context,
     barrierColor: PinballColors.transparent,
-    barrierDismissible: true,
     builder: (_) {
       return Center(
         child: SizedBox(
@@ -32,11 +31,11 @@ class MoreInformationDialog extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Material(
+    return const Material(
       color: PinballColors.transparent,
       child: _LinkBoxDecoration(
         child: Column(
-          children: const [
+          children: [
             SizedBox(height: 16),
             _LinkBoxHeader(),
             Expanded(
@@ -59,7 +58,7 @@ class _LinkBoxHeader extends StatelessWidget {
       children: [
         Text(
           l10n.linkBoxTitle,
-          style: Theme.of(context).textTheme.headline3!.copyWith(
+          style: Theme.of(context).textTheme.displaySmall!.copyWith(
                 color: PinballColors.blue,
                 fontWeight: FontWeight.bold,
               ),
@@ -77,9 +76,8 @@ class _LinkBoxHeader extends StatelessWidget {
 
 class _LinkBoxDecoration extends StatelessWidget {
   const _LinkBoxDecoration({
-    Key? key,
     required this.child,
-  }) : super(key: key);
+  });
 
   final Widget child;
 
@@ -156,7 +154,7 @@ class _TextLink extends StatelessWidget {
       onTap: () => openLink(link),
       child: Text(
         text,
-        style: theme.textTheme.headline5!.copyWith(
+        style: theme.textTheme.headlineSmall!.copyWith(
           color: PinballColors.white,
         ),
         overflow: TextOverflow.ellipsis,
@@ -176,7 +174,8 @@ class _MadeWithFlutterAndFirebase extends StatelessWidget {
       textAlign: TextAlign.center,
       text: TextSpan(
         text: l10n.linkBoxMadeWithText,
-        style: theme.textTheme.headline5!.copyWith(color: PinballColors.white),
+        style:
+            theme.textTheme.headlineSmall!.copyWith(color: PinballColors.white),
         children: <TextSpan>[
           TextSpan(
             text: l10n.linkBoxFlutterLinkText,
@@ -191,7 +190,7 @@ class _MadeWithFlutterAndFirebase extends StatelessWidget {
             text: l10n.linkBoxFirebaseLinkText,
             recognizer: TapGestureRecognizer()
               ..onTap = () => openLink(_MoreInformationUrl.firebaseWebsite),
-            style: theme.textTheme.headline5!.copyWith(
+            style: theme.textTheme.headlineSmall!.copyWith(
               decoration: TextDecoration.underline,
             ),
           ),

lib/select_character/view/character_selection_page.dart

@@ -8,7 +8,7 @@ import 'package:pinball_ui/pinball_ui.dart';
 
 /// {@template character_selection_dialog}
 /// Dialog used to select the playing character of the game.
-/// {@endtemplate character_selection_dialog}
+/// {@endtemplate}
 class CharacterSelectionDialog extends StatelessWidget {
   /// {@macro character_selection_dialog}
   const CharacterSelectionDialog({Key? key}) : super(key: key);
@@ -137,7 +137,7 @@ class _Character extends StatelessWidget {
           onPressed: () =>
               context.read<CharacterThemeCubit>().characterSelected(character),
           style: ButtonStyle(
-            overlayColor: MaterialStateProperty.all(
+            overlayColor: WidgetStateProperty.all(
               PinballColors.transparent,
             ),
           ),

lib/select_character/view/selected_character.dart

@@ -60,7 +60,7 @@ class _SelectedCharacterState extends State<SelectedCharacter>
       children: [
         Text(
           widget.currentCharacter.name,
-          style: Theme.of(context).textTheme.headline2,
+          style: Theme.of(context).textTheme.displayMedium,
           overflow: TextOverflow.ellipsis,
           textAlign: TextAlign.center,
         ),
@@ -95,7 +95,11 @@ class _SelectedCharacterState extends State<SelectedCharacter>
       to: spriteSheet.rows * spriteSheet.columns,
     );
     if (_controller != null) _controller?.dispose();
-    _controller = SpriteAnimationController(vsync: this, animation: animation)
+    _controller = SpriteAnimationController(
+      vsync: this,
+      animation: animation,
+      animationTicker: animation.createTicker(),
+    )
       ..forward()
       ..repeat();
   }

packages/authentication_repository/pubspec.yaml

@@ -4,15 +4,17 @@ version: 1.0.0+1
 publish_to: none
 
 environment:
-  sdk: ">=2.16.0 <3.0.0"
+  sdk: "^3.4.3"
 
 dependencies:
-  firebase_auth: ^3.3.16
+  firebase_auth: ^5.1.1
+  firebase_core: ^3.1.1
   flutter:
     sdk: flutter
+  intl: ^0.19.0
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
-  mocktail: ^0.2.0
+  mocktail: ^1.0.4
-  very_good_analysis: ^2.4.0
+  very_good_analysis: ^6.0.0

packages/geometry/pubspec.yaml

@@ -4,12 +4,12 @@ version: 1.0.0+1
 publish_to: none
 
 environment:
-  sdk: ">=2.16.0 <3.0.0"
+  sdk: "^3.4.3"
 
 dependencies: 
   vector_math: ^2.1.1
 
 dev_dependencies:
-  mocktail: ^0.2.0
+  mocktail: ^1.0.3
   test: ^1.19.2
-  very_good_analysis: ^2.4.0
+  very_good_analysis: ^6.0.0

packages/leaderboard_repository/pubspec.yaml

@@ -4,20 +4,20 @@ version: 1.0.0+1
 publish_to: none
 
 environment:
-  sdk: ">=2.16.0 <3.0.0"
+  sdk: "^3.4.3"
 
 dependencies:
-  cloud_firestore: ^3.1.10
+  cloud_firestore: ^5.0.2
   equatable: ^2.0.3
   flutter:
     sdk: flutter
   json_annotation: ^4.4.0
 
 dev_dependencies:
-  build_runner: ^2.1.8
+  build_runner: ^2.4.11
   flutter_test:
     sdk: flutter
   json_serializable: ^6.1.5
-  mocktail: ^0.2.0
+  mocktail: ^1.0.4
-  test: ^1.19.2
+  test: ^1.25.2
-  very_good_analysis: ^2.4.0
+  very_good_analysis: ^6.0.0

packages/leaderboard_repository/test/src/leaderboard_repository_test.dart

@@ -75,7 +75,7 @@ void main() {
           when(queryDocumentSnapshot.data).thenReturn(<String, dynamic>{
             'character': 'dash',
             'playerInitials': 'user$score',
-            'score': score
+            'score': score,
           });
           return queryDocumentSnapshot;
         }).toList();
@@ -162,7 +162,7 @@ void main() {
           when(queryDocumentSnapshot.data).thenReturn(<String, dynamic>{
             'character': 'dash',
             'playerInitials': 'AAA',
-            'score': score
+            'score': score,
           });
           when(() => queryDocumentSnapshot.id).thenReturn('id$score');
           return queryDocumentSnapshot;
@@ -222,14 +222,14 @@ void main() {
           6500,
           6000,
           5500,
-          5000
+          5000,
         ];
         final queryDocumentSnapshots = leaderboardScores.map((score) {
           final queryDocumentSnapshot = _MockQueryDocumentSnapshot();
           when(queryDocumentSnapshot.data).thenReturn(<String, dynamic>{
             'character': 'dash',
             'playerInitials': 'AAA',
-            'score': score
+            'score': score,
           });
           when(() => queryDocumentSnapshot.id).thenReturn('id$score');
           return queryDocumentSnapshot;
@@ -269,7 +269,7 @@ void main() {
           when(queryDocumentSnapshot.data).thenReturn(<String, dynamic>{
             'character': 'dash',
             'playerInitials': 'AAA',
-            'score': score
+            'score': score,
           });
           when(() => queryDocumentSnapshot.id).thenReturn('id$score');
           when(() => queryDocumentSnapshot.reference)

packages/pinball_audio/lib/src/pinball_audio.dart

@@ -1,8 +1,6 @@
 import 'dart:math';
 
-import 'package:audioplayers/audioplayers.dart';
 import 'package:clock/clock.dart';
-import 'package:flame_audio/audio_pool.dart';
 import 'package:flame_audio/flame_audio.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball_audio/gen/assets.gen.dart';
@@ -53,12 +51,11 @@ enum PinballAudio {
 }
 
 /// Defines the contract of the creation of an [AudioPool].
-typedef CreateAudioPool = Future<AudioPool> Function(
+typedef CreateAudioPool = Future<AudioPool> Function({
-  String sound, {
+  required Source source,
-  bool? repeating,
+  required int maxPlayers,
-  int? maxPlayers,
+  AudioCache? audioCache,
-  int? minPlayers,
+  int minPlayers,
-  String? prefix,
 });
 
 /// Defines the contract for playing a single audio.
@@ -165,9 +162,8 @@ class _SingleAudioPool extends _Audio {
   @override
   Future<void> load() async {
     pool = await createAudioPool(
-      prefixFile(path),
+      source: DeviceFileSource(prefixFile(path), mimeType: 'audio/mpeg'),
       maxPlayers: maxPlayers,
-      prefix: '',
     );
   }
 
@@ -198,14 +194,14 @@ class _RandomABAudio extends _Audio {
     await Future.wait(
       [
         createAudioPool(
-          prefixFile(audioAssetA),
+          source:
+              DeviceFileSource(prefixFile(audioAssetA), mimeType: 'audio/mpeg'),
           maxPlayers: 4,
-          prefix: '',
         ).then((pool) => audioA = pool),
         createAudioPool(
-          prefixFile(audioAssetB),
+          source:
+              DeviceFileSource(prefixFile(audioAssetB), mimeType: 'audio/mpeg'),
           maxPlayers: 4,
-          prefix: '',
         ).then((pool) => audioB = pool),
       ],
     );
@@ -259,8 +255,8 @@ class PinballAudioPlayer {
     ConfigureAudioCache? configureAudioCache,
     Random? seed,
   })  : _createAudioPool = createAudioPool ?? AudioPool.create,
-        _playSingleAudio = playSingleAudio ?? FlameAudio.audioCache.play,
+        _playSingleAudio = playSingleAudio ?? FlameAudio.play,
-        _loopSingleAudio = loopSingleAudio ?? FlameAudio.audioCache.loop,
+        _loopSingleAudio = loopSingleAudio ?? FlameAudio.loop,
         _preCacheSingleAudio =
             preCacheSingleAudio ?? FlameAudio.audioCache.load,
         _configureAudioCache = configureAudioCache ??

packages/pinball_audio/pubspec.yaml

@@ -4,20 +4,21 @@ version: 1.0.0+1
 publish_to: none
 
 environment:
-  sdk: ">=2.16.0 <3.0.0"
+  sdk: "^3.4.3"
 
 dependencies:
-  audioplayers: ^0.20.1
+  audioplayers: ^6.0.0
   clock: ^1.1.0
-  flame_audio: ^1.0.1
+  equatable: ^2.0.3
+  flame_audio: ^2.10.2
   flutter:
     sdk: flutter
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
-  mocktail: ^0.3.0
+  mocktail: ^1.0.4
-  very_good_analysis: ^2.4.0
+  very_good_analysis: ^6.0.0
 
 flutter_gen:
   line_length: 80

packages/pinball_audio/test/src/pinball_audio_test.dart

@@ -1,9 +1,7 @@
 // ignore_for_file: prefer_const_constructors, one_member_abstracts
 import 'dart:math';
 
-import 'package:audioplayers/audioplayers.dart';
 import 'package:clock/clock.dart';
-import 'package:flame_audio/audio_pool.dart';
 import 'package:flame_audio/flame_audio.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:mocktail/mocktail.dart';
@@ -15,12 +13,11 @@ class _MockAudioPool extends Mock implements AudioPool {}
 class _MockAudioCache extends Mock implements AudioCache {}
 
 class _MockCreateAudioPool extends Mock {
-  Future<AudioPool> onCall(
+  Future<AudioPool> onCall({
-    String sound, {
+    Source source,
-    bool? repeating,
+    int maxPlayers,
-    int? maxPlayers,
+    AudioCache? audioCache,
     int? minPlayers,
-    String? prefix,
   });
 }
 
@@ -46,6 +43,20 @@ class _MockRandom extends Mock implements Random {}
 
 class _MockClock extends Mock implements Clock {}
 
+class SourceMatcher extends Matcher {
+  SourceMatcher(this.path);
+
+  final String path;
+
+  @override
+  bool matches(dynamic item, Map matchState) =>
+      (item as DeviceFileSource).path == path;
+
+  @override
+  Description describe(Description description) =>
+      description.add('Expected: $path');
+}
+
 void main() {
   group('PinballAudio', () {
     late _MockCreateAudioPool createAudioPool;
@@ -58,15 +69,15 @@ void main() {
 
     setUpAll(() {
       registerFallbackValue(_MockAudioCache());
+      registerFallbackValue(DeviceFileSource('/packages/pinball_audio'));
     });
 
     setUp(() {
       createAudioPool = _MockCreateAudioPool();
       when(
         () => createAudioPool.onCall(
-          any(),
+          source: any(named: 'source'),
           maxPlayers: any(named: 'maxPlayers'),
-          prefix: any(named: 'prefix'),
         ),
       ).thenAnswer((_) async => _MockAudioPool());
 
@@ -108,17 +119,23 @@ void main() {
 
         verify(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.bumperA}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.kickerA}'),
+            ),
             maxPlayers: 4,
-            prefix: '',
           ),
         ).called(1);
 
         verify(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.bumperB}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.kickerB}'),
+            ),
             maxPlayers: 4,
-            prefix: '',
           ),
         ).called(1);
       });
@@ -130,17 +147,23 @@ void main() {
 
         verify(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.kickerA}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.kickerA}'),
+            ),
             maxPlayers: 4,
-            prefix: '',
           ),
         ).called(1);
 
         verify(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.kickerB}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.kickerB}'),
+            ),
             maxPlayers: 4,
-            prefix: '',
           ),
         ).called(1);
       });
@@ -152,9 +175,12 @@ void main() {
 
         verify(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.flipper}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.flipper}'),
+            ),
             maxPlayers: 2,
-            prefix: '',
           ),
         ).called(1);
       });
@@ -242,23 +268,29 @@ void main() {
       setUp(() {
         bumperAPool = _MockAudioPool();
         when(() => bumperAPool.start(volume: any(named: 'volume')))
-            .thenAnswer((_) async => () {});
+            .thenAnswer((_) async => () => Future<void>.new(() {}));
         when(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.bumperA}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.bumperA}'),
+            ),
             maxPlayers: any(named: 'maxPlayers'),
-            prefix: any(named: 'prefix'),
           ),
         ).thenAnswer((_) async => bumperAPool);
 
         bumperBPool = _MockAudioPool();
         when(() => bumperBPool.start(volume: any(named: 'volume')))
-            .thenAnswer((_) async => () {});
+            .thenAnswer((_) async => () => Future<void>.new(() {}));
         when(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.bumperB}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.bumperB}'),
+            ),
             maxPlayers: any(named: 'maxPlayers'),
-            prefix: any(named: 'prefix'),
           ),
         ).thenAnswer((_) async => bumperBPool);
       });
@@ -295,23 +327,29 @@ void main() {
       setUp(() {
         kickerAPool = _MockAudioPool();
         when(() => kickerAPool.start(volume: any(named: 'volume')))
-            .thenAnswer((_) async => () {});
+            .thenAnswer((_) async => () => Future<void>.new(() {}));
         when(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.kickerA}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.kickerA}'),
+            ),
             maxPlayers: any(named: 'maxPlayers'),
-            prefix: any(named: 'prefix'),
           ),
         ).thenAnswer((_) async => kickerAPool);
 
         kickerBPool = _MockAudioPool();
         when(() => kickerBPool.start(volume: any(named: 'volume')))
-            .thenAnswer((_) async => () {});
+            .thenAnswer((_) async => () => Future<void>.new(() {}));
         when(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.kickerB}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.kickerB}'),
+            ),
             maxPlayers: any(named: 'maxPlayers'),
-            prefix: any(named: 'prefix'),
           ),
         ).thenAnswer((_) async => kickerBPool);
       });
@@ -347,12 +385,15 @@ void main() {
       setUp(() {
         pool = _MockAudioPool();
         when(() => pool.start(volume: any(named: 'volume')))
-            .thenAnswer((_) async => () {});
+            .thenAnswer((_) async => () => Future<void>.new(() {}));
         when(
           () => createAudioPool.onCall(
-            'packages/pinball_audio/${Assets.sfx.flipper}',
+            source: any(
+              named: 'source',
+              that:
+                  SourceMatcher('packages/pinball_audio/${Assets.sfx.flipper}'),
+            ),
             maxPlayers: any(named: 'maxPlayers'),
-            prefix: any(named: 'prefix'),
           ),
         ).thenAnswer((_) async => pool);
       });

packages/pinball_components/lib/src/components/android_bumper/behaviors/android_bumper_blinking_behavior.dart

@@ -1,6 +1,5 @@
 import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// {@template android_bumper_blinking_behavior}
 /// Makes an [AndroidBumper] blink back to [AndroidBumperState.lit] when

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

@@ -25,7 +25,7 @@ class ArcadeBackground extends Component with ZIndex {
                 ArcadeBackgroundState>.value(
               value: bloc,
               children: [ArcadeBackgroundSpriteComponent(assetPath: assetPath)],
-            )
+            ),
           ],
         ) {
     zIndex = ZIndexes.arcadeBackground;
@@ -45,7 +45,7 @@ class ArcadeBackground extends Component with ZIndex {
                 ArcadeBackgroundState>.value(
               value: bloc ?? ArcadeBackgroundCubit(),
               children: [ArcadeBackgroundSpriteComponent(assetPath: assetPath)],
-            )
+            ),
           ],
         );
 

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

@@ -1,5 +1,5 @@
 import 'package:flame/components.dart';
-import 'package:flame/input.dart';
+import 'package:flame/events.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball_components/pinball_components.dart';
 
@@ -15,7 +15,7 @@ enum ArrowIconDirection {
 /// {@template arrow_icon}
 /// A [SpriteComponent] that renders a simple arrow icon.
 /// {@endtemplate}
-class ArrowIcon extends SpriteComponent with Tappable, HasGameRef {
+class ArrowIcon extends SpriteComponent with TapCallbacks, HasGameRef {
   /// {@macro arrow_icon}
   ArrowIcon({
     required Vector2 position,
@@ -42,7 +42,7 @@ class ArrowIcon extends SpriteComponent with Tappable, HasGameRef {
   }
 
   @override
-  bool onTapUp(TapUpInfo info) {
+  bool onTapUp(TapUpEvent event) {
     onTap();
     return true;
   }

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

@@ -46,7 +46,7 @@ class Ball extends BodyComponent with Layered, InitialPosition, ZIndex {
             FlameBlocProvider<BallCubit, BallState>.value(
               value: bloc ?? BallCubit(),
               children: [BallSpriteComponent(assetPath: assetPath)],
-            )
+            ),
           ],
         );
 
@@ -66,7 +66,7 @@ class Ball extends BodyComponent with Layered, InitialPosition, ZIndex {
       bullet: true,
     );
 
-    return world.createBody(bodyDef)..createFixtureFromShape(shape, 1);
+    return world.createBody(bodyDef)..createFixtureFromShape(shape);
   }
 
   /// Immediately and completely [stop]s the ball.

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

@@ -3,7 +3,6 @@ import 'dart:math' as math;
 import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// Scales the ball's gravity according to its position on the board.
 class BallGravitatingBehavior extends Component

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

@@ -1,6 +1,5 @@
 import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// {@template ball_impulsing_behavior}
 /// Impulses the [Ball] in a given direction.
@@ -17,6 +16,11 @@ class BallImpulsingBehavior extends Component with ParentIsA<Ball> {
   Future<void> onLoad() async {
     await super.onLoad();
     parent.body.linearVelocity = _impulse;
-    shouldRemove = true;
+  }
+
+  @override
+  void onMount() {
+    super.onMount();
+    parent.remove(this);
   }
 }

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

@@ -1,6 +1,5 @@
 import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// Scales the ball's body and sprite according to its position on the board.
 class BallScalingBehavior extends Component with ParentIsA<Ball> {

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

@@ -21,7 +21,7 @@ class Boundaries extends Component {
 /// {@template bottom_boundary}
 /// Curved boundary at the bottom of the board where the [Ball] exits the field
 /// of play.
-/// {@endtemplate bottom_boundary}
+/// {@endtemplate}
 class _BottomBoundary extends BodyComponent with InitialPosition, ZIndex {
   /// {@macro bottom_boundary}
   _BottomBoundary()
@@ -89,7 +89,7 @@ class _BottomBoundarySpriteComponent extends SpriteComponent with HasGameRef {
 ///
 /// The right side of the board is closed by the barrier the [LaunchRamp]
 /// creates.
-/// {@endtemplate outer_boundary}
+/// {@endtemplate}
 class _OuterBoundary extends BodyComponent with InitialPosition, ZIndex {
   /// {@macro outer_boundary}
   _OuterBoundary()

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

@@ -28,17 +28,18 @@ class CameraZoom extends Effect with HasGameRef {
   @override
   Future<void> onLoad() async {
     _tween = Tween(
-      begin: gameRef.camera.zoom,
+      begin: gameRef.camera.viewfinder.zoom,
       end: value,
     );
   }
 
   @override
   void apply(double progress) {
-    gameRef.camera.zoom = _tween.transform(progress);
+    gameRef.camera.viewfinder.zoom = _tween.transform(progress);
   }
 
   /// Returns a [Future] that completes once the zoom is finished
+  @override
   Future<void> get completed {
     if (controller.completed) {
       return Future.value();

packages/pinball_components/lib/src/components/chrome_dino/behaviors/chrome_dino_mouth_opening_behavior.dart

@@ -12,7 +12,7 @@ class ChromeDinoMouthOpeningBehavior extends ContactBehavior<ChromeDino> {
     if (other is! Ball) return;
 
     if (parent.bloc.state.isMouthOpen && parent.firstChild<Ball>() == null) {
-      contact.setEnabled(false);
+      contact.isEnabled = false;
     }
   }
 }

packages/pinball_components/lib/src/components/chrome_dino/behaviors/chrome_dino_spitting_behavior.dart

@@ -1,7 +1,6 @@
 import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// {@template chrome_dino_spitting_behavior}
 /// Spits the [Ball] from the [ChromeDino] the next time the mouth opens.

packages/pinball_components/lib/src/components/chrome_dino/behaviors/chrome_dino_swiveling_behavior.dart

@@ -1,7 +1,6 @@
 import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// {@template chrome_dino_swivel_behavior}
 /// Swivels the [ChromeDino] up and down periodically to match its animation
@@ -51,7 +50,7 @@ class ChromeDinoSwivelingBehavior extends TimerComponent
   @override
   void onTick() {
     super.onTick();
-    _joint.setMotorSpeed(-_joint.motorSpeed);
+    _joint.motorSpeed = -_joint.motorSpeed;
   }
 }
 
@@ -63,8 +62,8 @@ class _ChromeDinoAnchor extends JointAnchor
     parent.parent.children
         .whereType<SpriteAnimationComponent>()
         .forEach((sprite) {
-      sprite.animation!.currentIndex = 45;
+      sprite.animationTicker!.currentIndex = 45;
-      sprite.changeParent(this);
+      sprite.parent = this;
     });
   }
 }

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

@@ -1,7 +1,7 @@
 import 'dart:async';
 
 import 'package:flame/components.dart';
-import 'package:flame_forge2d/flame_forge2d.dart' hide Timer;
+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/chrome_dino/behaviors/behaviors.dart';

packages/pinball_components/lib/src/components/dash_bumper/cubit/dash_bumpers_state.dart

@@ -7,7 +7,7 @@ class DashBumpersState extends Equatable {
       : this(
           bumperSpriteStates: {
             for (var id in DashBumperId.values)
-              id: DashBumperSpriteState.inactive
+              id: DashBumperSpriteState.inactive,
           },
         );
 

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

@@ -51,7 +51,7 @@ class ErrorComponent extends SpriteComponent with HasGameRef {
     while (words.isNotEmpty) {
       final word = words.removeAt(0);
 
-      if (_textPaint.measureTextWidth('$currentLine $word') <= maxWidth) {
+      if (_textPaint.getLineMetrics('$currentLine $word').width <= maxWidth) {
         currentLine = '$currentLine $word'.trim();
       } else {
         lines.add(currentLine);

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

@@ -161,8 +161,9 @@ class FlapSpriteAnimationComponent extends SpriteAnimationComponent
         textureSize: textureSize,
         loop: false,
       ),
-    )..onComplete = () {
+    );
-        animation?.reset();
+    animationTicker?.onComplete = () {
+      animationTicker?.reset();
       playing = false;
     };
   }

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

@@ -1,7 +1,6 @@
 import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// Joints the [Flipper] to allow pivoting around one end.
 class FlipperJointingBehavior extends Component

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

@@ -33,14 +33,14 @@ class FlipperKeyControllingBehavior extends Component
 
   @override
   bool onKeyEvent(
-    RawKeyEvent event,
+    KeyEvent event,
     Set<LogicalKeyboardKey> keysPressed,
   ) {
     if (!_keys.contains(event.logicalKey)) return true;
 
-    if (event is RawKeyDownEvent) {
+    if (event is KeyDownEvent) {
       bloc.moveUp();
-    } else if (event is RawKeyUpEvent) {
+    } else if (event is KeyUpEvent) {
       bloc.moveDown();
     }
 

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

@@ -13,7 +13,7 @@ export 'cubit/flipper_cubit.dart';
 /// A bat, typically found in pairs at the bottom of the board.
 ///
 /// [Flipper] can be controlled by the player in an arc motion.
-/// {@endtemplate flipper}
+/// {@endtemplate}
 class Flipper extends BodyComponent with KeyboardHandler, InitialPosition {
   /// {@macro flipper}
   Flipper({

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

@@ -105,8 +105,9 @@ class _PinSpriteAnimationComponent extends SpriteAnimationComponent
         textureSize: textureSize,
         loop: false,
       ),
-    )..onComplete = () {
+    );
-        animation?.reset();
+    animationTicker?.onComplete = () {
+      animationTicker?.reset();
       playing = false;
     };
   }

packages/pinball_components/lib/src/components/google_word/behaviors/google_word_animating_behavior.dart

@@ -18,7 +18,7 @@ class GoogleWordAnimatingBehavior extends TimerComponent
     } else {
       timer.stop();
       bloc.onReset();
-      shouldRemove = true;
+      parent?.remove(this);
     }
   }
 }

packages/pinball_components/lib/src/components/google_word/cubit/google_word_cubit.dart

@@ -33,7 +33,7 @@ class GoogleWordCubit extends Cubit<GoogleWordState> {
                 if (i.isEven)
                   i: GoogleLetterSpriteState.dimmed
                 else
-                  i: GoogleLetterSpriteState.lit
+                  i: GoogleLetterSpriteState.lit,
             },
           ),
         );
@@ -46,7 +46,7 @@ class GoogleWordCubit extends Cubit<GoogleWordState> {
                 if (i.isEven)
                   i: GoogleLetterSpriteState.lit
                 else
-                  i: GoogleLetterSpriteState.dimmed
+                  i: GoogleLetterSpriteState.dimmed,
             },
           ),
         );
@@ -62,7 +62,7 @@ class GoogleWordCubit extends Cubit<GoogleWordState> {
             if (i.isEven)
               i: GoogleLetterSpriteState.lit
             else
-              i: GoogleLetterSpriteState.dimmed
+              i: GoogleLetterSpriteState.dimmed,
         },
       ),
     );

packages/pinball_components/lib/src/components/google_word/cubit/google_word_state.dart

@@ -6,7 +6,7 @@ class GoogleWordState extends Equatable {
   GoogleWordState.initial()
       : this(
           letterSpriteStates: {
-            for (var i = 0; i <= 5; i++) i: GoogleLetterSpriteState.dimmed
+            for (var i = 0; i <= 5; i++) i: GoogleLetterSpriteState.dimmed,
           },
         );
 

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

@@ -1,6 +1,5 @@
 import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// {@template kicker_blinking_behavior}
 /// Makes a [Kicker] blink back to [KickerState.lit] when [KickerState.dimmed].

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

@@ -8,7 +8,6 @@ import 'package:pinball_components/gen/assets.gen.dart';
 import 'package:pinball_components/pinball_components.dart' hide Assets;
 import 'package:pinball_components/src/components/bumping_behavior.dart';
 import 'package:pinball_components/src/components/kicker/behaviors/behaviors.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 export 'cubit/kicker_cubit.dart';
 
@@ -17,7 +16,7 @@ export 'cubit/kicker_cubit.dart';
 /// opposite side.
 ///
 /// [Kicker]s are usually positioned above each [Flipper].
-/// {@endtemplate kicker}
+/// {@endtemplate}
 class Kicker extends BodyComponent with InitialPosition {
   /// {@macro kicker}
   Kicker({

packages/pinball_components/lib/src/components/multiball/behaviors/multiball_blinking_behavior.dart

@@ -1,6 +1,5 @@
 import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// {@template multiball_blinking_behavior}
 /// Makes a [Multiball] blink back to [MultiballLightState.lit] when

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

@@ -4,7 +4,6 @@ import 'package:flutter/material.dart';
 import 'package:pinball_components/gen/assets.gen.dart';
 import 'package:pinball_components/src/components/multiball/behaviors/behaviors.dart';
 import 'package:pinball_components/src/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 export 'cubit/multiball_cubit.dart';
 

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

@@ -2,7 +2,6 @@ import 'package:flame/components.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball_components/gen/assets.gen.dart';
 import 'package:pinball_components/src/components/multiplier/cubit/multiplier_cubit.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 export 'cubit/multiplier_cubit.dart';
 

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

@@ -1,7 +1,6 @@
 import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 class PlungerJointingBehavior extends Component with ParentIsA<Plunger> {
   PlungerJointingBehavior({required double compressionDistance})

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

@@ -17,14 +17,14 @@ class PlungerKeyControllingBehavior extends Component
 
   @override
   bool onKeyEvent(
-    RawKeyEvent event,
+    KeyEvent event,
     Set<LogicalKeyboardKey> keysPressed,
   ) {
     if (!_keys.contains(event.logicalKey)) return true;
 
-    if (event is RawKeyDownEvent) {
+    if (event is KeyDownEvent) {
       bloc.pulled();
-    } else if (event is RawKeyUpEvent) {
+    } else if (event is KeyUpEvent) {
       bloc.released();
     }
 

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

@@ -99,7 +99,7 @@ class _PlungerSpriteAnimationGroupComponent
     final startedReleasing = state.isReleasing && !current!.isReleasing;
     final startedPulling = state.isPulling && !current!.isPulling;
     if (startedReleasing || startedPulling) {
-      animation?.reset();
+      animationTicker?.reset();
     }
 
     current = state;

packages/pinball_components/lib/src/components/score_component/behaviors/score_component_scaling_behavior.dart

@@ -1,6 +1,5 @@
 import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// Scales a [ScoreComponent] according to its position on the board.
 class ScoreComponentScalingBehavior extends Component

packages/pinball_components/lib/src/components/skill_shot/behaviors/skill_shot_blinking_behavior.dart

@@ -1,6 +1,5 @@
 import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
-import 'package:pinball_flame/pinball_flame.dart';
 
 /// {@template skill_shot_blinking_behavior}
 /// Makes a [SkillShot] blink between [SkillShotSpriteState.lit] and

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

@@ -127,8 +127,9 @@ class PinSpriteAnimationComponent extends SpriteAnimationComponent
         textureSize: textureSize,
         loop: false,
       ),
-    )..onComplete = () {
+    );
-        animation?.reset();
+    animationTicker?.onComplete = () {
+      animationTicker?.reset();
       playing = false;
     };
   }

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

@@ -15,7 +15,7 @@ class SpaceshipRail extends Component {
           children: [
             _SpaceshipRail(),
             _SpaceshipRailExit(),
-            _SpaceshipRailExitSpriteComponent()
+            _SpaceshipRailExitSpriteComponent(),
           ],
         );
 }

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

@@ -430,7 +430,7 @@ class SpaceshipRampBase extends BodyComponent
     // Although, the Layer should already be taking care of the contact
     // filtering, this is to ensure the ball doesn't collide with the ramp base
     // when the filtering is calculated on different time steps.
-    contact.setEnabled(other.layer == Layer.board);
+    contact.isEnabled = other.layer == Layer.board;
   }
 
   @override

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

@@ -1,6 +1,5 @@
 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.lit] when

packages/pinball_components/pubspec.yaml

@@ -4,20 +4,16 @@ version: 1.0.0+1
 publish_to: none
 
 environment:
-  sdk: ">=2.16.0 <3.0.0"
+  sdk: "^3.4.3"
 
 dependencies:
   bloc: ^8.0.3
-  flame: ^1.1.1
+  flame: ^1.18.0
-  flame_bloc: ^1.4.0
+  flame_bloc: ^1.12.0
-  flame_forge2d:
+  flame_forge2d: ^0.18.1
-    git:
-      url: https://github.com/flame-engine/flame
-      path: packages/flame_forge2d/
-      ref: a50d4a1e7d9eaf66726ed1bb9894c9d495547d8f
   flutter:
     sdk: flutter
-  intl: ^0.17.0
+  intl: ^0.19.0
   pinball_audio:
     path: ../pinball_audio
   pinball_flame:
@@ -32,8 +28,8 @@ dev_dependencies:
   flame_test: ^1.3.0
   flutter_test:
     sdk: flutter
-  mocktail: ^0.2.0
+  mocktail: ^1.0.4
-  very_good_analysis: ^2.4.0
+  very_good_analysis: ^6.0.0
 
 flutter:
   uses-material-design: true

packages/pinball_components/sandbox/lib/common/games.dart

@@ -1,6 +1,7 @@
 import 'dart:async';
 
 import 'package:flame/components.dart';
+import 'package:flame/events.dart';
 import 'package:flame/input.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
 import 'package:flutter/material.dart';
@@ -18,7 +19,7 @@ abstract class AssetsGame extends Forge2DGame {
   Future<void> onLoad() async {
     await super.onLoad();
     if (_imagesFileNames != null) {
-      await images.loadAll(_imagesFileNames!);
+      await images.loadAll(_imagesFileNames);
     }
   }
 }
@@ -37,19 +38,18 @@ abstract class LineGame extends AssetsGame with PanDetector {
   @override
   Future<void> onLoad() async {
     await super.onLoad();
-
+    camera.follow(PositionComponent(position: Vector2.zero()));
-    camera.followVector2(Vector2.zero());
+    add(_PreviewLine());
-    unawaited(add(_PreviewLine()));
   }
 
   @override
   void onPanStart(DragStartInfo info) {
-    _lineEnd = info.eventPosition.game;
+    _lineEnd = info.eventPosition.global;
   }
 
   @override
   void onPanUpdate(DragUpdateInfo info) {
-    _lineEnd = info.eventPosition.game;
+    _lineEnd = info.eventPosition.global;
   }
 
   @override

packages/pinball_components/sandbox/lib/stories/android_acres/android_bumper_a_game.dart

@@ -1,6 +1,6 @@
 import 'dart:async';
 
-import 'package:flame/extensions.dart';
+import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:sandbox/stories/ball/basic_ball_game.dart';
 
@@ -23,7 +23,7 @@ class AndroidBumperAGame extends BallGame {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
     await add(
       AndroidBumper.a()..priority = 1,
     );

packages/pinball_components/sandbox/lib/stories/android_acres/android_bumper_b_game.dart

@@ -1,6 +1,6 @@
 import 'dart:async';
 
-import 'package:flame/extensions.dart';
+import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:sandbox/stories/ball/basic_ball_game.dart';
 
@@ -23,7 +23,7 @@ class AndroidBumperBGame extends BallGame {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
     await add(
       AndroidBumper.b()..priority = 1,
     );

packages/pinball_components/sandbox/lib/stories/android_acres/android_bumper_cow_game.dart

@@ -1,6 +1,6 @@
 import 'dart:async';
 
-import 'package:flame/extensions.dart';
+import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:sandbox/stories/ball/basic_ball_game.dart';
 
@@ -23,7 +23,7 @@ class AndroidBumperCowGame extends BallGame {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
     await add(
       AndroidBumper.cow()..priority = 1,
     );

packages/pinball_components/sandbox/lib/stories/android_acres/android_spaceship_game.dart

@@ -1,6 +1,6 @@
 import 'dart:async';
 
-import 'package:flame/input.dart';
+import 'package:flame/components.dart';
 import 'package:flame_bloc/flame_bloc.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:pinball_flame/pinball_flame.dart';
@@ -29,7 +29,7 @@ class AndroidSpaceshipGame extends BallGame {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
     await add(
       FlameBlocProvider<AndroidSpaceshipCubit, AndroidSpaceshipState>(
         create: AndroidSpaceshipCubit.new,

packages/pinball_components/sandbox/lib/stories/android_acres/spaceship_rail_game.dart

@@ -1,6 +1,6 @@
 import 'dart:async';
 
-import 'package:flame/input.dart';
+import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:pinball_flame/pinball_flame.dart';
 import 'package:sandbox/stories/ball/basic_ball_game.dart';
@@ -27,7 +27,7 @@ class SpaceshipRailGame extends BallGame {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    camera.followVector2(Vector2(-30, -10));
+    camera.follow(PositionComponent(position: Vector2(-30, -10)));
     await add(SpaceshipRail());
     await ready();
     await traceAllBodies();

packages/pinball_components/sandbox/lib/stories/android_acres/spaceship_ramp_game.dart

@@ -1,5 +1,6 @@
 import 'dart:async';
 
+import 'package:flame/components.dart';
 import 'package:flame/input.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -43,7 +44,7 @@ class SpaceshipRampGame extends BallGame with KeyboardEvents {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    camera.followVector2(Vector2(-12, -50));
+    camera.follow(PositionComponent(position: Vector2(-12, -50)));
 
     _spaceshipRamp = SpaceshipRamp();
     await add(_spaceshipRamp);
@@ -52,11 +53,10 @@ class SpaceshipRampGame extends BallGame with KeyboardEvents {
 
   @override
   KeyEventResult onKeyEvent(
-    RawKeyEvent event,
+    KeyEvent event,
     Set<LogicalKeyboardKey> keysPressed,
   ) {
-    if (event is RawKeyDownEvent &&
+    if (event is KeyDownEvent && event.logicalKey == LogicalKeyboardKey.space) {
-        event.logicalKey == LogicalKeyboardKey.space) {
       _spaceshipRamp
           .readBloc<SpaceshipRampCubit, SpaceshipRampState>()
           .onProgressed();

packages/pinball_components/sandbox/lib/stories/arrow_icon/arrow_icon_game.dart

@@ -1,8 +1,9 @@
-import 'package:flame/game.dart';
+import 'package:flame/components.dart';
+import 'package:flame/events.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:sandbox/common/games.dart';
 
-class ArrowIconGame extends AssetsGame with HasTappables {
+class ArrowIconGame extends AssetsGame with TapCallbacks {
   ArrowIconGame()
       : super(
           imagesFileNames: [
@@ -16,7 +17,7 @@ class ArrowIconGame extends AssetsGame with HasTappables {
   @override
   Future<void> onLoad() async {
     await super.onLoad();
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
 
     await add(
       ArrowIcon(

packages/pinball_components/sandbox/lib/stories/ball/basic_ball_game.dart

@@ -1,4 +1,4 @@
-import 'package:flame/input.dart';
+import 'package:flame/events.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:pinball_flame/pinball_flame.dart';
 import 'package:pinball_theme/pinball_theme.dart' as theme;
@@ -43,7 +43,7 @@ class BallGame extends AssetsGame with TapDetector, Traceable {
       Ball(
         assetPath: characterBallPaths[character],
       )
-        ..initialPosition = info.eventPosition.game
+        ..initialPosition = info.eventPosition.global
         ..layer = ballLayer
         ..priority = ballPriority,
     );

packages/pinball_components/sandbox/lib/stories/bottom_group/baseboard_game.dart

@@ -21,8 +21,7 @@ class BaseboardGame extends BallGame {
   @override
   Future<void> onLoad() async {
     await super.onLoad();
-
+    final center = screenToWorld(camera.viewport.size / 2);
-    final center = screenToWorld(camera.viewport.canvasSize! / 2);
     await addAll([
       Baseboard(side: BoardSide.left)
         ..initialPosition = center - Vector2(25, 0)

packages/pinball_components/sandbox/lib/stories/bottom_group/flipper_game.dart

@@ -28,7 +28,7 @@ class FlipperGame extends BallGame with KeyboardEvents {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    final center = screenToWorld(camera.viewport.canvasSize! / 2);
+    final center = screenToWorld(camera.viewport.size / 2);
     await addAll([
       leftFlipper = Flipper(side: BoardSide.left)
         ..initialPosition = center - Vector2(Flipper.size.x, 0),

packages/pinball_components/sandbox/lib/stories/bottom_group/kicker_game.dart

@@ -24,7 +24,7 @@ class KickerGame extends BallGame {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    final center = screenToWorld(camera.viewport.canvasSize! / 2);
+    final center = screenToWorld(camera.viewport.size / 2);
     await addAll(
       [
         Kicker(side: BoardSide.left)

packages/pinball_components/sandbox/lib/stories/boundaries/boundaries_game.dart

@@ -1,4 +1,4 @@
-import 'package:flame/extensions.dart';
+import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:sandbox/stories/ball/basic_ball_game.dart';
 
@@ -24,8 +24,8 @@ class BoundariesGame extends BallGame {
     await super.onLoad();
 
     camera
-      ..followVector2(Vector2.zero())
+      ..follow(PositionComponent(position: Vector2.zero()))
-      ..zoom = 6;
+      ..viewfinder.zoom = 6;
     await add(Boundaries());
     await ready();
     await traceAllBodies();

packages/pinball_components/sandbox/lib/stories/dino_desert/chrome_dino_game.dart

@@ -1,4 +1,4 @@
-import 'package:flame_forge2d/flame_forge2d.dart';
+import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:sandbox/stories/ball/basic_ball_game.dart';
 
@@ -22,7 +22,7 @@ class ChromeDinoGame extends BallGame {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
     await add(ChromeDino());
 
     await traceAllBodies();

packages/pinball_components/sandbox/lib/stories/dino_desert/dino_walls_game.dart

@@ -1,6 +1,6 @@
 import 'dart:async';
 
-import 'package:flame/input.dart';
+import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:sandbox/stories/ball/basic_ball_game.dart';
 
@@ -25,7 +25,7 @@ class DinoWallsGame extends BallGame {
     ]);
 
     await add(DinoWalls());
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
     await traceAllBodies();
   }
 }

packages/pinball_components/sandbox/lib/stories/dino_desert/slingshots_game.dart

@@ -1,4 +1,4 @@
-import 'package:flame/extensions.dart';
+import 'package:flame/components.dart';
 import 'package:pinball_components/pinball_components.dart';
 import 'package:sandbox/stories/ball/basic_ball_game.dart';
 
@@ -22,7 +22,7 @@ class SlingshotsGame extends BallGame {
   Future<void> onLoad() async {
     await super.onLoad();
 
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
     await add(Slingshots());
     await ready();
     await traceAllBodies();

packages/pinball_components/sandbox/lib/stories/effects/camera_zoom_game.dart

@@ -24,7 +24,7 @@ class CameraZoomGame extends AssetsGame with TapDetector {
       ),
     );
 
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
   }
 
   @override

packages/pinball_components/sandbox/lib/stories/error_component/error_component_game.dart

@@ -11,7 +11,7 @@ class ErrorComponentGame extends AssetsGame {
 
   @override
   Future<void> onLoad() async {
-    camera.followVector2(Vector2.zero());
+    camera.follow(PositionComponent(position: Vector2.zero()));
 
     await add(ErrorComponent(label: text));
     await add(