Book Image

Building Games with Flutter

By : Paul Teale
Book Image

Building Games with Flutter

By: Paul Teale

Overview of this book

With its powerful tools and quick implementation capabilities, Flutter provides a new way to build scalable cross-platform apps. In this book, you'll learn how to build on your knowledge and use Flutter as the foundation for creating games. This game development book takes a hands-on approach to building a complete game from scratch. You'll see how to get started with the Flame library and build a simple animated example to test Flame. You'll then discover how to organize and load images and audio in your Flutter game. As you advance, you'll gain insights into the game loop and set it up for fast and efficient processing. The book also guides you in using Tiled to create maps, add sprites to the maps that the player can interact with, and see how to use tilemap collision to create paths for a player to walk on. Finally, you'll learn how to make enemies more intelligent with artificial intelligence (AI). By the end of the book, you'll have gained the confidence to build fun multiplatform games with Flutter.
Table of Contents (17 chapters)
1
Part 1: Game Basics
5
Part 2: Graphics and Sound
11
Part 3: Advanced Games Programming

Setting background music

Modern browsers such as Chrome, Safari, and Firefox block websites from playing audio in the background until the user has interacted with the page to ensure that this is what the user really wants. Websites often open pop up sites that annoy users with advertisements. So, the companies that make these browsers added measures such as preventing background audio to give the user more control over these annoying popups.

The browsers specifically don't want background music attempting to play when a page is first loaded, which we are trying to do by starting the music in our game's onLoad function. To fix this for our game temporarily, we can click on the padlock icon that is to the left of the website address and enable any sound permissions in Chrome. Then refresh the page and you will hear the background music again.

Figure 8.2 – Audio permissions in the Chrome browser

This is fine for development, but obviously...