Building Your First 2D Game with Flutter and Flame

add a draggable virtual joystick to the player, built from a knob, background and margin, to control movement with delta time for smooth, consistent pacing.

Create a new dumbbell sprite component in Flutter Flame, size 60 by 60 at (200, 200) with center anchor, and add it beneath the player component for collision detection.

Enable collision detection by mixing in the HasCollisionDetection mixin, add rectangle hitboxes to components, and visualize collisions in debug mode to verify interactions such as grabbing the dumbbell.

Generate a random angle and compute a velocity vector using cosine and sine at speed 300. Apply updates with velocity times dt to ensure consistent, frame-rate independent virus movement.

Add circle hit boxes to the virus and a screen hit box to the game, enabling bounds collision detection. Invert the velocity on the collided axis.

Display a game over overlay using Flutter overlays to show the final score with a background image and options to play again or return to the main menu.

Create the main menu screen for a Flutter and Flame game using a stateless main menu widget, a scaffold, a background image, and a centered play button.

Add a vaccine component that appears at random intervals and grants temporary immunity to the virus by colliding with the vaccine, updating collision logic and vaccine injection and sound effects.

introduce a protein component that appears once per game, awards a random 0-8 bonus on collection, and shows the protein bonus in the game over menu with timers.

Add an animated splash screen with the Flutter animated splash screen package, set duration to two seconds, display the game logo, and transition to the main menu.

Change the app name and launcher icon by updating the android manifest file and configuring flutter launcher icons in pubspec.yaml, with assets images the game logo.png, across android and iOS.