The document presents a talk on game development using Flutter, delivered by Shady Selim, a senior software engineer with 20 years of experience. It covers topics such as the unique features of Flutter, the Dart programming language, animation in Flutter, and resources for building games. Additionally, it discusses popular game engines and provides guidance on getting started with Flutter development.

1. Game Development using Flutter
1
Presented By:
Shady Selim,
Senior Software Engineer
Jan 31st, 2020

2. ● 20 years of experience in web and mobile development
● Official Google Speaker
● GDG Helwan & Kotlin Cairo User Group Founder & Leader
● Andela Senior Software Engineer
● Mentor in Udacity Nanodegree
● Mobile & Web Evangelist
● Technology savvy
● Think tank
● UI/UX freak
2
Speaker Bio

3. ● Cross Mobile languages
● Intro to Flutter?
● What is Dart?
● Flutter Animation
● Some Samples of Flutter games
● What are Game Engines?
● Famous Flatter Games Engines
● How to start?
3
Index

4. Cross Mobile Languages
4

5. Mobile OS

6. Linux Kernel and Device Drivers
Core OS
Core Services & Media
Cupertino Widget

7. IOS

8. Linux Kernel and Device Drivers
Libraries & Run Time
Applications & Framework
Material Design Widgets

9. Android

10. 10

11. Swift Kotlin
Native Approach (Single Platform)

12. OEM Widgets
Cupertino
Material Design
Canvas
Events
Location Bluetooth
Camera Sensors
Java
Kotlin
Swift
Objective-c
Application
Services
OEM SDKs

13. Class A Class B
Popular Cross Tools

14. Web View
Canvas
Events
Location Bluetooth
Camera Sensors
JavaScript
HTML
CSS
Application
Services
Bridge
Class A

15. Canvas
Events
Location Bluetooth
Camera Sensors
Transferred
Native Code
Application
Services
FrameworklibrariesSDK
OEM Widgets
Cupertino
Material Design
Class B

16. Intro to Flutter
16

17. What makes Flutter unique?
• Compiles to Native Code (ARM Binary code)
• No reliance on OEM widgets
• No bridge needed
= Blazing Fast Speed

18. Canvas
Events
Location Bluetooth
Camera Sensors
Native ARM
Binary
Code
Application
Services
Platform
Channels
Flutter Widgets
Cupertino
Material Design
Flutter Approach

19. So what is Flutter ?
Flutter is the next step in
App development
Speed and performance
Fast , smooth performance
Flexibility
Customize anything - Brand
first design
Native look and feel
Familiarity , ease of use
Rapid Development
Easy to learn , predictable

20. Flutter Architecture

21. Everything is a Widget with Flutter

22. Everything is a Widget App Widget
Material Widget
Scaffold Widget
Column
Container
Text
Button
Render Tree

23. Hot Reload

24. What is Dart?
24

25. What is Dart?
• Open-source web programming language developed by Google.
• Class-based, single-inheritance, object oriented language with C-style syntax.
• Supports interfaces, abstract classes, reified generics, strong typing (Dart 2).
• Next generation systems language (Fuchsia ‘Magenta’ – AdWords)
https://www.dartlang.org/community/who-uses-dart

26. Flutter Animation
26

27. Great looking and Fast Animation

28. https://flutter.io/widgets/

29. Sprites & Sprite Sheet!?!

30. https://rive.app/

31. • https://flutter.dev/docs/development/ui/animations
• https://flutter.dev/docs/development/ui/animations/tutorial
• https://github.com/icatalud/floop
• https://flutter.dev/docs/development/ui/widgets/animation
• https://api.flutter.dev/flutter/animation/animation-library.html
Helpful Links

32. Samples of Flutter games
32

33. https://flutterawesome.com/tag/games/

34. Break Guns Using Gems
https://github.com/fireslime/bgug

35. https://www.didierboelens.com/2018/11/flutter---crush/
Flutter Crush Algorithm Start a Level
https://blog.usejournal.com/introduction-to-game
-dev-with-flutter-45f0275cd6b8
Good Read!

36. What are Game Engines?
36

37. Your average game engine provides developers with a way to add things like:
• Physics
• Input
• Rendering
• Scripting
• Collision detection
• Artificial intelligence
• and more without the need to program them
What are Game Engines?
https://www.gamedesigning.org/career/video-game-engines/

38. Some game engines experience an evolution over time and develop a family tree
https://en.wikipedia.org/wiki/Game_engine

39. Creating a racing game in Blender Game Engine

40. Unreal Engine Unity
CryEngineGodot Engine
https://instabug.com/blog/game-engines/

41. Famous Flatter Games Engines
41

42. https://www.spritewidget.com

43. https://flame-engine.org

44. How to start?
44

45. IDE

46. How To install ?
https://flutter.dev/docs/get-started/install

47. $ flutter doctor
Easy Check !

48. QA!?
48

49. Senior Software Engineer? Apply Here:
andela.com/GGJ-event
49

50. 50
Cairo, Egypt
Shady Yehia Selim
shady.selim@andela.com
/Shady-Selim
/ShadySelim
Senior Software Engineer