Quick start to building a game in Flutter

Flutter is becoming a popular tool for game development. This video is a part of Google's effort to make it easier for Flutter developers to start building games.
The Flutter Casual Games Toolkit → goo.gle/37i7n2q
In the video, you'll learn how to use the new game template to get your game project going. The template provides integration with Google Ads, Firebase Crashlytics, in-app payments, and games services (achievements & leaderboards) out of the box. It also comes with audio support, a main menu screen, settings, and other conveniences. Filip Hracek, a successful Flutter game developer who you might remember from the Flutter Boring Show, will walks you through the code and also gives you pointers on related topics, such as monetization and asset creation.
Chapters:
00:00 - Intro
01:07 - Why games?
01:39 - App-like games versus videogames
04:05 - Flame Engine
04:31 - Tic Tac Toe Sample
05:31 - The Template
06:31 - General Approach
07:33 - Shallow Structure
09:53 - Dependencies
11:36 - Logging
13:16 - Integrations that start disabled
16:41 - Structure of lib/src/
17:06 - ads
18:37 - app_lifecycle
19:44 - audio
23:58 - game_internals
25:12 - games_services
27:57 - in_app_purchase
29:15 - level_selection
30:38 - main_menu
33:18 - play_session
37:11 - player_progress
38:38 - settings
40:53 - style
42:48 - win_game
43:41 - assets
44:46 - Asset stores
47:31 - Create your own assets
49:44 - Working with artists
51:57 - The importance of assets
52:27 - Conclusion
Template repository → goo.gle/3MNPO9A
Sample game repository → goo.gle/3yhZJjU
Subscribe to Flutter → goo.gle/Flutter

[@filiphracek]

Hello! I didn't realize this was already published. Thanks everyone for the nice words. This really means a lot to me. **EDIT:** To avoid any confusion: I haven't rejoined Google. I'm still at large, and this is a guest presentation. I'm still around, of course, as a Flutter developer, but I'm not rejoining the Flutter team. Greetings from Prague, Czech Republic!

[@MisterDibitybopty]

Welcome back!

[@mibi2007]

See your video was published by another person is really fun right :D I will definitely use your game template, it was awesome. Thank you so much for this tutorial

[@abilucksanvijeyakumaren6317]

The Flutter Game Guru is back in Flutter

[@iglooo102videos]

After watching like 10 minutes of this video I feel like Flutter is a must learn language. Thank you for sharing

[@DigitalDesignET]

Big fan from Ethiopia, good to see you.

[@abderraoufbenchoubane1905]

This video couldn't have come at a better time than this. I wanted to build a game using Flutter this summer. Thank you !

[@kvvess]

so how it went? Have you managed to build something?

[@Lp3]

I'm glad to see steps being taken to make Flutter a more prominent choice for game development. I actually made a casual "app-like" game using Flutter about 8 months before this toolkit was announced and used all of the tools discussed here. Like most things Flutter, it was a great experience. I even contributed to the games_services plugin, so now some of my work will go on to help others develop games with Flutter! 😃

Can you send the game link or the name for me. I would like to take a look at the game.

[@faridalalimi7906]

Cool.. thanks for contributing. I am just learning Flutter and i think it looks awesome

[@Lp3]

@@faridalalimi7906 Great! Flutter is awesome. I have yet to speak with someone that has not fallen in love with it once trying it out. You may come across some of my educational Flutter articles on Medium on your journey. Best of luck to you!

[@xcraftminebb]

Thought I’d never see Filip on Flutter again. Welcome back I love you!!!!

[@in_staham]

I got goosebumps just watching the intro. thank you so much. 👏

[@ertugodabasi]

Informative, fun, to the point and multiple options mentioned. I didn't understand how an hour passed. Thanks a lot.

[@filiphracek]

Thank you!

[@AntoninoBajeli1]

Filip!! That's a clear and amazing video!!! I love Flutter and I'm curious to start to develop some game using this powerful framework. Cheers from Sicily

[@filiphracek]

Thanks Antonino!

[@mrwaseemmalik5766]

Thankyou so much for showing us a steps to create a nice game!

[@codentechie47]

Hi from India .Happy to see Filip in Flutter channel . Awesome video bro . Thanks bro

[@shanavasbasheer1160]

Happy to see you again in official teaser !!!

[@user-gs3he6hb4z]

Thx Filip for your perfect pronunciation. Im spanish and i understand you perfectly!!!!

[@salomastation6004]

You are helping me in achieving one of my life goals , thnx

[@dailyfun6182]

FX sound effects are amazing on Tic Tac Toe game. Very cool Tic Tac Toe ever I seen. Thx a lot.

[@filiphracek]

Thanks!

[@bwandesky]

Hi Filip, I was about to ask of your whereabouts but I see you've been working on something great here. Hope you have a nice time wherever you are. Good work.

[@filiphracek]

Thank you!

[@wlockuz4467]

I am going to be honest, This doesn't seem like anything game changing (pun intended) but with enough time and effort it can evolve into something thats a good alternative for making simple games, especially for those who are already familiar with Flutter for mobile apps development. Also Flutter is lightweight and easy to pickup when compared to dedicated game development tools like Unreal Engine or Unity.

[@Algardraug]

Filip!! Yes! My favorite flutter person! Great video!

[@prabinmaharjan5150]

i'm enjoying the intro music of game...thank you so much for sharing this concept along with source code

[@flutterdev]

You're most welcome, Prabin. It's our pleasure to help! We're happy to hear you enjoyed the tunes 🎶

[@_ifly]

WOW, your way of teaching is amazing and easy to understand, and that smile 👍🏻

[@itmarck]

This is the first I see a development with logging almost every line. It looks interesting to me. Do you guys use that in your apps or is something common just in games?

[@victoraul1]

Hi Filip, thanks for the great video. I'm starting with flutter and love that fact that many apps can easily be publish for web browsers. Could this game template be used to create web games as well?

[@toastytheloafdog]

Heads up, the link to the Very Good Ventures repo for the pinball game is not yet in the description as mentioned around 9:40.

[@senor7857]

Amazing! Thank you for this!!!

[@xmanreturn]

Amazing content, very useful

[@lostinrecursion]

Love the reappearing Competition Pro Joystick ;)

[@filiphracek]

That's a C64 mini joystick. :)

[@TrikNgonlen]

Meet @Filip Hráček again here...

[@fluttertricks]

Flutter is on next level after casual game kit release

[@user-kx1sz7bz5o]

Great job and great video! Thanks!

[@_chappie_]

We need one of this but for desktop applications.

[@ENGELBERTRESTREPO]

Man you are the best explaining 👏👏👏

[@filiphracek]

Thanks!

[@BabarAli-cs5ik]

Excited !!!😊

[@albertgregl]

😃 cool, thanks for sharing!

[@pauloheres]

awesome video! Tks for sharing

[@HelloCodepur]

Dope 🔥

[@gameplaydosabao]

The main problem for games in flutter are the inputs. Mainly on Android emulators, where the keys are released and held like crazy while the player is just holding a key.

[@dodyelbatrek5317]

We hope that you will inform us in a series about building applications for payments and money transfers

[@talinwind]

Amazing! I am looking forward using this template :) ... One suggestion: could we add an integration for saving player progression? I am thinking link account with Facebook or Google play, that allows game account restoration and on cloud progress save.

[@KennyFully]

This is good. I’ve been lost when it comes to cross platform mobile development

[@flutterdev]

Feeling lost can be really overwhelming! We’re so glad this helped! If you’re eager to learn more on this subject, don’t forget to check out the Casual Games Toolkit linked here: goo.gle/37i7n2q Happy Fluttering 🙌

[@user-nu2nj7mf2z]

goood video thanks you it gives a motivation to try a game

[@florianknoll7896]

Welcome back ;)

[@midimusicforever]

This looks very convenient!

[@flutterdev]

Convenience is key! We're here to guide you on your Flutter journey and help you get your casual, mobile game from idea to launch 🚀 If you liked this video, be sure to scope out the Flutter Casual Games Toolkit too → goo.gle/37i7n2q

[@bennguyen1313]

Most of the examples I've seen on Flutter seem to be GUI related... but what about more sensor/networking applications? For example, is possible to develop a Flutter app that could act as a WIFI hotspot? i.e. use the antenna/radio to transmit an SSID, and share my mobile connection when someone enters the correct WPA2 password? My mobile service supports tethering, but my phones, running Android 10, don't allow it! Can it be done all in Flutter and their libraries, or would it require writing low-level networking code using Android Studio / Java?

[@anonimdisc3981]

Perfect timing

[@youcefmoulla1828]

Welcome back Filip

[@larryleathersshow]

Thanks!

[@PRATAPSINGHSHEKHAWAT]

SO SO EXCITING.

[@maorts5552]

bro for real you are super.

[@philiposdrontzas3725]

Really nice and informative video! 😁

[@flutterdev]

Hey, thanks for the enthusiasm, Philipos! The Casual Games Toolkit is an excellent resource to get you started on developing casual games on mobile, but it doesn't have to stop there! Want to go further and know more about writing a video game? We've got you covered below 😀 Flutter Video Games → goo.gle/3EZBcTR

[@philiposdrontzas3725]

​@@flutterdev Thanks guys! I will take a look, one of the best documentation done online! 😀

[@akinfev5758]

Seems like worth to try! I'm already seeing how to make flappy bird with flutter lessons that will be uploaded to youtube lol.

[@jackjackson3507]

I thinks its out there already lol

[@benmatt8940]

He's back!!!

[@b.alejandres8230]

Genio Filip!

[@MichaelDidszun]

First in the list "Ads" ... nice.

[@Hunter-hr7je]

Wooo!

[@gggg-no6rm]

Big move tnx you

[@MuhammadImran-nx6ec]

Hi Filip, Welcome back to Flutter team, Nice to see you

[@filiphracek]

Hi Muhammad! I'm not back, this is just a guest presentation. :)

[@paulrudin3035]

JOOI - the template includes admob which (by default) uses personal data to serve adds, but there's no consent screen or ATT configuration. Isn't a consent screen necessary, at least in the EU and UK, and ATT necessary everywhere for the appstore?

[@user-jj3js8cc1n]

cool!👍

[@victormanuelfrancodev]

cool!!!

[@colocaps]

Question. This can be achived with some clean architecture AND BloC?? What do hoy think?

[@lesptitsoiseaux]

Filip, if someone really hoped to entice you to collaborate on one possible next big thing, how would they do that?

[@brunobarros364]

Woow!

[@geeqwind1170]

💎

[@davidmyg7825]

hi Filip, you were the former person in charged for flutter. i wonder Google do they have plan to replace dart with golang in the future? i have codebase in golang but very much interested for integrating it to flutter will it possible now or in the future?

[@tornikegogberashvili3131]

🔥🔥🔥🔥🔥🔥

[@rylaczero3740]

70% of revenues come from games means app stores are better at capturing value from digital content being sold.

[@afsalvahab8427]

💙💙💙

[@craigpearson4622]

I can think of games that include whistles (football), can you help me with a game that includes bells…coz Filip has impressed on me that both bells and whistles are required 🤣

[@filiphracek]

Well played, sir. :)

[@thunderstorm13]

for those who fell asleep on the intro: code starts at 9:57

[@itaawu]

YASSS!

[@JAGANDIGITECH]

How to create videos presentations like this, what are the tools and techniques used to make this video! It’s awesome 👏🏼 presentation!

[@filiphracek]

It's just a screen cast, overlaid on top of a webcam with "add" blend mode. Nothing fancy, but it lets me gesticulate to my heart's content while still showing code. :)

[@JAGANDIGITECH]

@@filiphracek Thank you Filip, I like it. its awesome

[@Taurh]

I'd love to 🕹️🎮

[@deiv319x]

Filip! 😍

[@filiphracek]

Dave! :)

[@loot6]

Why is the card game template missing important stuff from the basic game template though? Stuff like the whole ads folder is not there but I don't see why you wouldn't want ads on a cards game.

[@bytacc]

You should really use a gamelibrary/engine instead for gamedevelopment. Such as LibGDX combined with Java(also crossplatform). or cocos2dx, unity with a supported language. Easier, smooth fps (120 fps +), physics, dynamic lightning, animations etc etc. And benefits from the OpenGL,

[@brunoboettcher8921]

looks nice, got stopped at the point where i try to get the sample app, how do you checkout a subdirectory of a git project? downloading all the samples feels like hughe overkill?

[@filiphracek]

Yeah, it's a pain. SVN can download just a single subdirectory. See this tip: github.com/flutter/samples#tip-minimize-download-size

[@whisojeff1366]

what kind editor are you using? I'm interesting

[@jonas_hoel]

It's Android Studio

[@bradleydalina7296]

Having an error, Because game_template depends on analysis_defaults from path which doesn't exist (could not find package analysis_defaults at "..\analysis_defaults"), version solving failed.

[@radhamandayam26]

By the way, is anything coming in Flutter for multiplayer game development?

[@MdSiam-kw5ox]

Filip, what is that font you are using in your vscode?

[@filiphracek]

It's called Input Mono. I love that font. (For the record, that IDE is Android Studio. Not that it matters for font selection.)

[@MdSiam-kw5ox]

@@filiphracek Thanks for the info. That font looks super clean

[@RajPatil-jx2qd]

can you please make a video to include login with Google Play, Facebook, Apply and email/password from firebase? This will be another feature that every game needs just like ads and in app purchase.

[@dddd6022]

many try catch? is this good ?

[@basspalace2920]

So....Unreal Engine 5 it is. Thank you.

[@MaxPowerVideos]

🕹

[@GobalKrishnanV]

when 3d structure from start?

[@miladganjali1440]

why this video is unlisted?

[@fahmimohamadramadhan3978]

putting in....they are only visible on the mini soft roll preview, I can’t do sNice tutorialt without seeing what notes are being played...i can’t even

[@alejandrombc]

What about backend interactions? 🤔

[@dokinds]

How to clone only that example by the way

[@krzysztofk.8842]

You back with Google Filip?

[@filiphracek]

No no, this was an external contribution.

[@gofudgeyourselves9024]

Give me more

[@java-plus-plus]

Oops... your guessing was wrong! I wanted make egg bullseye

[@filiphracek]

Oh damn, I haven't had that for ages. Now *I* want to make that.

[@Ihavetoreturnsomevideotapes]

Its not readable

[@VinodRock-tm2tt]

Super win a game

[@lifebest4404]

Sir google map tutorial

[@therealdigitalmerco]

:)

[@konfinoyair]

You're back to Google ?

[@filiphracek]

No no, this was a guest presentation. :)

[@faizanalso]

hello i like you all time now to

[@apisaga]

aku nyasar ditempat yang keren

[@tiomisbaqulirawan4662]

beruntung banget yg baca dokumentasinya wkwkwk, ini videonya unlisted

[@apisaga]

@@tiomisbaqulirawan4662 aneh nemang kenapa gk dipublic

[@apisaga]

@isnaini wkwk,

[@bellissimo4520]

I hurts me when a game dev mentions "all the bells and whistles" he added to the example - and the first things he mentions are "ads" and "in-app payments"...

[@davigam7671]

No me deja darle like y creo que por accidente acabé dándole dislike, lo siento.

[@aliumer8682]

Amazing Man