Issue 23  20 February 2023

How to build a real-time multiplayer game with Flutter Flame

Tyler Shukert wrote an article on building a real-time multiplayer shooting game using Flutter, Flame, and Supabase's real-time features. Flame is an open-source game engine built on top of Flutter that enables developers to create interactive games. The game in this tutorial involves each player controlling a UFO and trying to hit their opponents with bullets before their own UFO is destroyed. The game's position and health points are synced using a low-latency web socket connection provided by Supabase.

Shukert's article walks through the steps for building the app, starting with creating a Flutter app and building the necessary Flutter widgets. Next, he creates the FlameGame class, which handles collision detection and pan-detection, and contains the game's two components: Player and Bullet. He also creates the Lobby Dialog, which allows players to wait for others to join before starting the game.

Throughout the article, Shukert explains the code in detail and provides helpful tips for building the game. By the end of the article, readers will have a working real-time multiplayer shooting game built using Flutter, Flame, and Supabase's real-time features.

Flutter — Flame Engine all you need to know. (Begineers Level)

Niranjanky's Flutter Flame is a 2D game engine that uses the Flutter framework to create high-performance, cross-platform games for iOS and Android, as well as the web and desktop platforms. It includes features such as a powerful animation system, collision detection, game physics, and built-in widgets for creating game UI. To get started with Flutter Flame, developers need knowledge of the Flutter framework and the Dart programming language, and will need to set up their development environment, create a new Flutter project, and add the flame dependency to their pubspec.yaml file.

I just learned Flutter…. here is how I feel about it.

Kheireddine Attala's article provides an overview of his experience learning Flutter, the key concepts that make up the framework, and his thoughts on it. He explains that anything that exists within a Flutter app is a widget, such as "individual elements" like texts, buttons, and images. He also discusses how he used Flutter to create a website called “You are a poem” and shares his recommended way for learning it.

Lockdown Your Flutter App: Keeping Hackers and Script Kiddies at Bay!

According to Debasmita Sarkar, 75% of mobile apps in India are at security risk and it is essential to ensure the security of mobile apps by validating input fields and secure communication with the server. She suggests packages such as validators, formz, and flutter_form_builder to facilitate data collection, validation, and sanitization while also preventing injection attacks. Moreover, she highlights the importance of secure communication with the server to protect against data breaches.

Team goals: Building an offline-first app with Flutter

This is an article by Akindele Michael which describes how to add an offline-first feature to applications, allowing users to log data into a system even with poor or no internet connection. He explains the steps taken to handle this issue as well as giving a mental model of a note app with a user interface containing fields such as title, details and time.

Optimize Your Flutter Development Environment with FlutterCleaner

Alfred Schilken presents FlutterCleaner, a free-and-easy GUI tool for developers working with Flutter projects that simplifies the process of removing unnecessary build folders to free up disk space. FlutterCleaner can be downloaded from its project page on GitHub, where users can also find instructions on how to build it themselves. The user interface is designed to be simple and intuitive to make the cleaning process easy. Selecting the directory to clean up must only be done once, and the app will scan it for all build folders. Users can review the folders before deciding which ones to delete.